//as both mootools and jquery use $ extensively, we will rename the $ as $ for jquery...so that both the library can work without conflict
var req_field="";
function set_req(chk,str){

	if(str=="phone"){
		if(chk.checked){
			req_field="phone";
			$("#ph_req").css("color","#FF0000");
			$("#em_req").css("color","#000000");
		}else{
			$("#ph_req").css("color","#000000");
			$("#em_req").css("color","#FF0000");
		}		
	}
	if(str=="email"){
		if(chk.checked){
			req_field="email";
			$("#em_req").css("color","#FF0000");
			$("#ph_req").css("color","#000000");
		}else{
			$("#em_req").css("color","#000000");
			$("#ph_req").css("color","#FF0000");
		}
	}		
}
function contact_us_check(){
	
	var first_name;
	var last_name;
	var phone;
	var email;
	var zip_code=$("#zip_code").val();
	var prefer_contact
	var submit=$("#submit").val();
	var comments=$("#comments").val();
	
	var em = $("#email").val();
	var re = new RegExp('^.+\@.+\..+$', 'i');
	
	if ( $("#first_name").val() == "" )
	{
		alert("Please, enter your first name");
		$("#first_name").focus();
		return false;
	}else{
		first_name=$("#first_name").val();
	}
	
	if ( $("#last_name").val() == "" )
	{
		alert("Please, enter your last name");
		$("#last_name").focus();
		return false;
	}else{
		last_name=$("#last_name").val();
	}

	if ( $("#zip_code").val() == "" )
	{
		alert("Please, enter your zip code");
		$("#zip_code").focus();
		return false;
	}else{
		first_name=$("#zip_code").val();
	}

	if($("input[@name=prefer_contact]:checked").val()=="" ||$("input[@name=prefer_contact]:checked").val()==null){
		alert('Please select your preferred way of contact');
		return false;
	}else{
		prefer_contact=$("input[@name=prefer_contact]:checked").val();
	}	
	if(req_field=="phone") {
		if ( $("#phone").val() == "" )
		{
			alert("Please, enter your phone number");
			$("#phone").focus();
			return false;
		}else{
			phone=$("#phone").val();
		}
	}else{
		phone=$("#phone").val();
	}
	if(req_field=="email") {
		if ( $("#email").val() == "" )
		{
			alert("Please, enter your email address");
			$("#email").focus();
			return false;
		}
		if ( em.match(re) == null )
		{
			alert("Please, enter a valid email address");
			$("#email").focus();
			return false;
		}else{
			email=$("#email").val();
		}
	}else{
		email=$("#email").val();
	}
}
function submit_contact_us(params){
	var p_url="http://www.caliclosets.com/consultation/consultation.php";
	$.ajax({
		type: "POST",url: p_url,data: params,async : true,
		beforeSend : function(){$("#cus_pane").html("<div align='center' id='loading' style='height:400px;margin-top:100px;'><img src='loadinganimation1.gif' /></div>");},
		success: function(msg){handle_cus_success(msg)},
		error: function(msg){alert("Error in communication");},
		complete : function(msg){$("#loading").hide();}
	});
}

function handle_cus_success(msg){
	if(msg=="Thank you for your request, a representative will contact you soon to schedule your in-home consultation."){
		var headID = document.getElementsByTagName("head")[0];         
		var newScript = document.createElement('script');
		newScript.type = 'text/javascript';
		newScript.src = "http://www.caliclosets.com/javascript/google_conversion.js";
		headID.appendChild(newScript);
		headID = document.getElementsByTagName("head")[0];         
		newScript = document.createElement('script');
		newScript.type = 'text/javascript';
		newScript.src = "http://www.googleadservices.com/pagead/conversion.js";
		headID.appendChild(newScript);
		$("#cus_pane").html(msg+'<noscript><img height=1 width=1 border=0 src="http://www.googleadservices.com/pagead/conversion/1060727937/imp.gif?value=1&label=lead&script=0"></noscript>');
	}else{
		$("#cus_pane").html(msg);
	}
}