// JavaScript Document
var colors = 0;

function focusf(one, two, three, four)
{	
		if(colors==1)
		{
			if(two.value)
			{$(two).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');}
			else
			{$(two).css('backgroundColor', '#FFFFCC').css('borderColor', '#000000').css('color','#333333');}
			if(three.value)
			{$(three).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');}
			else
			{$(three).css('backgroundColor', '#FFFFCC').css('borderColor', '#000000').css('color','#333333');}
			if(four.value)
			{$(four).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');}
			else
			{$(four).css('backgroundColor', '#FFFFCC').css('borderColor', '#000000').css('color','#333333');}
			if(one.value)
			{$(one).css('backgroundColor', '#333333').css('borderColor', '#000000').css('color','#FFFFFF');}
			else
			{$(one).css('backgroundColor', '#FFFFAA').css('borderColor', '#000000').css('color','#333333');}
		}
		else{								  
			$(two).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');
			$(three).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');
			$(four).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');
			$(one).css('backgroundColor', '#333333').css('borderColor', '#FFFF99').css('color','#FFFFFF');
		}
}


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




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");
					array[i].style.backgroundColor = '#FFFFCC';
					array[i].style.borderColor = '#000000';
					array[i].style.color = '#333333';
					array[i].focus();
				}
				else{
					colors = 0;
					array[i].style.backgroundColor = '#444444';
					array[i].style.color = '#FFFFFF';
					array[i].style.borderColor = '#FFFFFF'
				}
			}
			//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, subject, 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");
		$(field2).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');
		$(field3).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');
		$(field4).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');
		$(field1).css('backgroundColor', '#444444').css('borderColor', '#CCCCCC').css('color','#FFFFFF');
}
function reset_function(thisform)
{
	with(thisform)
	{	
		colors=0;
		reset_all(nameo, email, subject, question);
	}
}

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