$(document).ready(function() {
	$("#newsletterBack").bind("click", function(){
		$("#newsletterResult").slideUp();
		$("#newsletterForm").slideUp();
	});
	
	$("#homepageBanner").cycle('fade');
	$("#indexImages").cycle('fade');
	
	changeDate();
	
	
	
	/*$(".whiteButton").bind("click", function(){
		$(this).toggleClass("redButton");
	});*/
	/*
	$(".buttonServices").bind("click", function(){
		var index = $(".buttonServices").index(this);
		$(".buttonServicesLeft").css("background-image", "url(images/services_03.jpg)");
		$(".buttonServicesMiddle").css("background-image", "url(images/services_04.jpg)");
		$(".buttonServicesRight").css("background-image", "url(images/services_06.jpg)");
		$("#servicel"+index).css("background-image", "url(images/services_08.jpg)");
		$("#servicem"+index).css("background-image", "url(images/services_09.jpg)");
		$("#servicer"+index).css("background-image", "url(images/services_11.jpg)");
		var selectorButton = "#servicem"+index;
		$(".servicesContent").slideUp("slow");
		$("#servicesContent"+index).slideDown("slow");
		
		sIFR.replace(avenir_light, {
			selector: "#servicem2",
			wmode: 'transparent',
			css: ['.sIFR-root { font-size: 14px; color: #FFFFFF; text-align: center;cursor:pointer;cursor:hand; float: left;}'
				,'a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; cursor:pointer;cursor:hand;}'
				,'a:link { color: #FFFFFF; text-decoration: none; text-transform: uppercase; cursor:pointer;cursor:hand;}'
				,'a:hover { color: #FFFFFF; text-decoration: none; text-transform: uppercase; cursor:pointer;cursor:hand;}'
				,'a:visited { color: #FFFFFF; text-decoration: none; text-transform: uppercase; cursor:pointer;cursor:hand;}']
		});
		$(this).css("color", "#FFFFFF");
	});
	*/
	$(".whiteButton").bind("click", function(){
		var but_id = $(this).attr("id");
		$(".buttonsContent").hide();
		$("#content"+but_id).show();
		
		$(".whiteLeft").css("background-image", "url(images/des_45.jpg)");
		$(".whiteMiddle").css("background-image", "url(images/whiteback.jpg)");
		$(".whiteMiddle").css("color", "#E84037");
		$(".whiteRight").css("background-image", "url(images/des_47.jpg)");
		$('.whiteButton').each(function(index) {
			if( $(this).attr("id") == 39){
				$("#m39").css("color", "#299A6F");
			}
		});
		if ($("#l"+but_id).css("background-image") == 'url("http://www.miniclipper.co.uk/images/des_45.jpg")'){
			$("#l"+but_id).css("background-image", "url(images/des_41.jpg)");
			$("#m"+but_id).css("background-image", "url(images/redback.jpg)");
			$("#m"+but_id).css("color", "#FFFFFF");
			$("#r"+but_id).css("background-image", "url(images/des_43.jpg)");
		}else{
			$("#l"+but_id).css("background-image", "url(images/des_45.jpg)");
			$("#m"+but_id).css("background-image", "url(images/whiteback.jpg)");
			if (but_id == 39){
				$("#m"+but_id).css("color", "#E84037");
			}else{
				$("#m"+but_id).css("color", "#299A6F");
			}
			$("#r"+but_id).css("background-image", "url(images/des_47.jpg)");
		
		}
	});
	$("#newsletterSignup").bind("click", function(){
		var nl_name = $("input[name=newsletter_name]").val();
		var nl_email = $("input[name=newsletter_email]").val();
		$.ajax({
			type: "POST",
			url: "/newsletterSignup.php",
			data: "name="+nl_name+"&email="+nl_email,
			success: function(html){
				$("#newsletterForm").slideUp();
				$("#newsletterResult").empty();
				$("#newsletterResult").append(html+'<br /><br /><div id="newsletterBack">back to form</div>');
				$("#newsletterResult").slideDown();
				$("#newsletterBack").bind("click", function(){
					$("#newsletterResult").slideUp();
					$("#newsletterForm").slideDown();
				});
			}
		});
		
	});
	
	hs.graphicsDir = '/images/highslide/';
	hs.outlineType = 'rounded-grey';
	hs.outlineWhileAnimating = true;

	$('a.highslide').click(function() {
	   return hs.expand(this, { outlineType: 'rounded-grey' });
	});
	
	
	$("#contactsButton").bind("click", function(){
		
		var contacts_name   = $("input[name=contact_name]").val();
		var company_name  = $("input[name=company_name]").val();
		var contacts_email  = $("input[name=email]").val();
		var phone  = $("input[name=phone]").val();
		var security_code  = $("input[name=security_code]").val();
		
		var error1 = false;
		var error2 = false;
		var error3 = false;
		var error4 = false;
		var error5 = false;
		
		if(contacts_name == ""){
			$("#error1").css({'display' : 'block'});
			error1 = false;
		}else{
			$("#error1").css({'display' : 'none'});
			error1 = true;
		}	
		if(company_name == ""){
			$("#error2").css({'display' : 'block'});
			error2 = false;
		}else{
			$("#error2").css({'display' : 'none'});
			error2 = true;
		}	
		
		if(phone == ""){
			$("#error3").css({'display' : 'block'});
			error3 = false;
		}else{
			$("#error3").css({'display' : 'none'});
			error3 = true;
		}	
		
		if(contacts_email == "" || !checkEmailAddress(contacts_email)){
			$("#error4").css({'display' : 'block'});
			error4 = false;
		}else{
			$("#error4").css({'display' : 'none'});
			error4 = true;
		}	
		
		if(security_code == ""){
			$("#error5").css({'display' : 'block'});
			error5 = false;
		}else{
			$.ajax({
				type: "POST",
				url: "/checkSecurityCode.php",
				data: "code="+security_code,
				success: function(html){
					if(html == "1"){
						$("#error5").css({'display' : 'none'});
						error5 = true;
					}else{
						$("#error5").css({'display' : 'block'});
						error5 = false;
					}
				}
			});
			
		}
		
		if(error1 && error2 && error3 && error4 &&  $("#error5").css("display") == "none"){
			document.contactsForm.submit();
		}
		else return (error1 && error2 && error3 && error4 &&  $("#error5").css("display") == "none");
	});
	
	
	$("#registerButton").bind("click", function(){
		
		var contact_name   = $("input[name=contact_name]").val();
		var contact_phone  = $("input[name=contact_phone]").val();
		var email  = $("input[name=email]").val();
		var user_name  = $("input[name=user_name]").val();
		var phone  = $("input[name=phone]").val();
		var security_code  = $("input[name=security_code]").val();
		var company_name  = $("input[name=company_name]").val();
		
		var error1 = false;
		var error2 = false;
		var error3 = false;
		var error4 = false;
		var error5 = false;
		var error6 = false;
		var error7 = false;
		var error8 = false;
		
		if(contact_name == ""){
			$("#error11").css({'display' : 'block'});
			error1 = false;
		}else{
			$("#error11").css({'display' : 'none'});
			error1 = true;
		}	
		
		if(contact_phone == ""){
			$("#error12").css({'display' : 'block'});
			error2 = false;
		}else{
			$("#error12").css({'display' : 'none'});
			error2 = true;
		}	
		
		if(email == "" || !checkEmailAddress(email)){
			$("#error13").css({'display' : 'block'});
			error3 = false;
		}else{
			$("#error13").css({'display' : 'none'});
			error3 = true;
		}	
		
		if(user_name == ""){
			$("#error14").css({'display' : 'block'});
			error4 = false;
		}else{
			$("#error14").css({'display' : 'none'});
			error4 = true;
		}	
		if(phone == ""){
			$("#error15").css({'display' : 'block'});
			error6 = false;
		}else{
			$("#error15").css({'display' : 'none'});
			error6 = true;
		}	
		
		if(company_name == ""){
			$("#error16").css({'display' : 'block'});
			error7 = false;
		}else{
			$("#error16").css({'display' : 'none'});
			error7 = true;
		}	
		if(security_code == ""){
			$("#error17").css({'display' : 'block'});
			error5 = false;
		}else{
			$.ajax({
				type: "POST",
				url: "/checkSecurityCode.php",
				data: "code="+security_code,
				success: function(html){
					if(html == "1"){
						$("#error17").css({'display' : 'none'});
						error5 = true;
					}else{
						$("#error17").css({'display' : 'block'});
						error5 = false;
					}
				}
			});
			
		}
		
		if (!$("input[name=termsandconditions]:checked").val()){
			$("#error18").css({'display' : 'block'});
			error8 = false;
		}else{
			$("#error18").css({'display' : 'none'});
			error8 = true;
		}
		
		//alert(error1 + " " + error2 + " " + error3 + " " + error4 + " " + $("#error17").css("display") + " " + error6 + " " + error7 + " " + error8);
		
		if(error1 && error2 && error3 && error4 &&  $("#error17").css("display") == "none" && error6 && error7 && error8){
			document.registerForm.submit();
		}
		else return (error1 && error2 && error3 && error4 &&  $("#error17").css("display") == "none" && error6 && error7 && error8);
	});
	
	
	
	$("#quoteButton").bind("click", function(){
		
		var contact_name   = $("input[name=contact_name]").val();
		var company_name   = $("input[name=company_name]").val();
		var email		    = $("input[name=email]").val();
		var phone  			 = $("input[name=phone]").val();
		var security_code  = $("input[name=security_code]").val();
		
		var error1 = false;
		var error2 = false;
		var error3 = false;
		var error4 = false;
		var error5 = false;
		
		if(contact_name == ""){
			$("#error1").css({'display' : 'block'});
			error1 = false;
		}else{
			$("#error1").css({'display' : 'none'});
			error1 = true;
		}
		
		if(company_name == ""){
			$("#error2").css({'display' : 'block'});
			error2 = false;
		}else{
			$("#error2").css({'display' : 'none'});
			error2 = true;
		}
		
		if(email == "" || !checkEmailAddress(email)){
			$("#error3").css({'display' : 'block'});
			error3 = false;
		}else{
			$("#error3").css({'display' : 'none'});
			error3 = true;
		}	
		if(phone == ""){
			$("#error4").css({'display' : 'block'});
			error4 = false;
		}else{
			$("#error4").css({'display' : 'none'});
			error4 = true;
		}	
		
		if(security_code == ""){
			$("#error5").css({'display' : 'block'});
			error5 = false;
		}else{
			$.ajax({
				type: "POST",
				url: "/checkSecurityCode.php",
				data: "code="+security_code,
				success: function(html){
					if(html == "1"){
						$("#error5").css({'display' : 'none'});
						error5 = true;
					}else{
						$("#error5").css({'display' : 'block'});
						error5 = false;
					}
				}
			});
			
		}
		
		if(error1 && error2 && error3 && error4 && $("#error5").css("display") == "none"){
			
			document.quickQuoteForm.submit();
		}
		else return (error1 && error2 && error3 && error4 && $("#error5").css("display") == "block");
	});
	
});

function checkEmailAddress(email){
	var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])*([a-zA-Z])/;
	 if(pattern.test(email)){
		return true;
    }else{
		return false;
    }
}

function changeDate(){
	$("#arrowLeft, #arrowRight").bind("click", function(){
		var selectedDate = $(this).attr("name");
		
		$.ajax({
			type: "POST",
			url: "getCalendar.php",
			data: "date="+selectedDate,
			success: function(html){
				// alert(html);
				$(".calendar").empty();
				$(".calendar").append(html);
				changeDate();
			}
		});
		
	});
}