// JavaScript Document
var colors = 0;

function focusf(one, two, three, four)
{	
		if(colors==1)
		{
			if(two.value)
			{$(two).css('backgroundColor', '#FFFFFF').css('borderColor', '#0066CC').css('color','#666666');}
			else
			{$(two).css('backgroundColor', '#FFFFFF').css('borderColor', '#990000').css('color','#333333');}
			if(three.value)
			{$(three).css('backgroundColor', '#FFFFFF').css('borderColor', '#0066CC').css('color','#666666');}
			else
			{$(three).css('backgroundColor', '#FFFFFF').css('borderColor', '#990000').css('color','#333333');}
			if(four.value)
			{$(four).css('backgroundColor', '#FFFFFF').css('borderColor', '#0066CC').css('color','#666666');}
			else
			{$(four).css('backgroundColor', '#FFFFFF').css('borderColor', '#990000').css('color','#333333');}
			if(one.value)
			{$(one).css('backgroundColor', '#FFFFFF').css('borderColor', '#0066CC').css('color','#666666');}
			else
			{$(one).css('backgroundColor', '#EEEEEE').css('borderColor', '#990000').css('color','#333333');}
		}
		else{								  
			$(two).css('backgroundColor', '#FFFFFF').css('borderColor', '#666666').css('color','#666666');
			$(three).css('backgroundColor', '#FFFFFF').css('borderColor', '#666666').css('color','#666666');
			$(four).css('backgroundColor', '#FFFFFF').css('borderColor', '#666666').css('color','#666666');
			$(one).css('backgroundColor', '#FFFFFF').css('borderColor', '#0066CC').css('color','#666666');
		}
}


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////




function validate(field1, field2, field3, field4)
{
	var array=new Array();
		array[0] = field1;
		array[1] = field2;
		array[2] = field3;
		array[3] = field4;
		
		while((array[0].value==null || array[0].value=="")||(array[1].value==null || array[1].value=="")||(array[2].value==null || array[2].value=="")||(array[3].value==null || array[3].value==""))
		{
			for(i=3; i>-1; i--)
			{
				if(array[i].value==null || array[i].value=="" || array[i].value=="-")
				{
					colors = 1;
					$(".required").css('font-size', '14px').css('font-weight','bold').text("*Please fill all required fields").css('color','#990000');
					array[i].style.backgroundColor = '#FFFFFF';
					array[i].style.borderColor = '#990000';
					array[i].style.color = '#333333';
					array[i].focus();
				}
				else{
					colors = 0;
					array[i].style.backgroundColor = '#FFFFFF';
					array[i].style.color = '#666666';
					array[i].style.borderColor = '#666666'
				}
			}
			//alert("Please Fill the Required Fields");
			return false;
		}

}
//controls if the form can be submitted
function validate_form(thisform)
{
with (thisform)
{
	if((validate(nameo, email, subjects, question)==false))
	{
		colors = 1;
		return false;
	}
	else{colors = 0; return true;}
}
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////



function reset_all(field1, field2, field3, field4)
{
		$(".required").css('font-size', '10px').css('font-weight','bold').text("*Indicates a required field").css('color','#0066CC');
		$(field2).css('backgroundColor', '#FFFFFF').css('borderColor', '#666666').css('color','#666666');
		$(field3).css('backgroundColor', '#FFFFFF').css('borderColor', '#666666').css('color','#666666');
		$(field4).css('backgroundColor', '#FFFFFF').css('borderColor', '#666666').css('color','#666666');
		$(field1).css('backgroundColor', '#FFFFFF').css('borderColor', '#666666').css('color','#666666');
}
function reset_function(thisform)
{
	with(thisform)
	{	
		colors=0;
		reset_all(nameo, email, subjects, question);
	}
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////