// JavaScript Document
$(document).ready(function(){
	
	
	//CENTER PAGE
	var heightOfMaincontainer =  $("#mainconater").height();
	var heightofbody =  $(document).height();
	var marginheight = Math.round(((heightofbody/2)-(heightOfMaincontainer/2))-20);
	 
	if(!$.browser.msie)
		$("#mainconater").css("margin-top",marginheight);
	 
	
	
	
	$(window).resize(function() {
  		
			//CENTER PAGE
		var heightOfMaincontainer =  $("#mainconater").height();
	 	var heightofbody =  $(document).height();
	 	var marginheight = Math.round(((heightofbody/2)-(heightOfMaincontainer/2))-20);
	 
	 if(!$.browser.msie)
	 	$("#mainconater").css("margin-top",marginheight);
		
	});
	
	
	

	///Menu nav accradian
	if($("body").hasClass("openaccordion")){
		$(".submenu").show();
	}
	
	$(".menuaccordion .menulinks").toggle(
	function(){
		if($("body").hasClass("openaccordion")){
			$(this).siblings(".submenu").slideUp('normal');	
		}else{
			$(this).siblings(".submenu").slideDown('normal');
		}
	}, 
	function(){
		if($("body").hasClass("openaccordion")){
			$(this).siblings(".submenu").slideDown('normal');
		}else{
			$(this).siblings(".submenu").slideUp('normal');		
		}
	});
	
	
	//SUBSCRIBE 
	subscribeImage = new Image(); 
	subscribeImage.src = "images/subscribe.png";
	
	closeImage = new Image(); 
	closeImage.src = "images/close.png";
	
	
	subscribeImagefr = new Image(); 
	subscribeImagefr.src = "images/subscribe-fr.png";
	
	closeImagefr = new Image(); 
	closeImagefr.src = "images/subscribe-over-fr.png";
	
	
	//ENGLISH
	$("#subscribebtn").toggle(function(){
				$(this).find("img").attr("src",closeImage.src);
				$("#formcontainer").animate({"top": "-=191px"}, "slow");
				
				$("#email").val("Email");
				$("#firstname").val("First Name");
				$("#lastname").val("Last Name");
				$(".txt").html("Thank you for your interest in Renuar. Please fill out the following fields below to receive our Newsletter.");

	 }, 
	function(){
				$(this).find("img").attr("src",subscribeImage.src);
			 	$("#formcontainer").animate({"top": "+=191px"}, "slow");
		
	});
	
	//FRENCH
		$("#subscribebtnfr").toggle(function(){
				$(this).find("img").attr("src",closeImagefr.src);
				$("#formcontainer").animate({"top": "-=191px"}, "slow");
				
				$("#email").val("Courriel");
				$("#firstname").val("Prénom");
				$("#lastname").val("Nom");
				$(".txt").html("Nous vous remercions de l'intérêt que vous portez à Renuar. Veuillez remplir les champs ci-dessous pour recevoir notre liste d'envoi.");

	 }, 
	function(){
				$(this).find("img").attr("src",subscribeImagefr.src);
			 	$("#formcontainer").animate({"top": "+=191px"}, "slow");
		
	});
	
	
	
	
	///CAKE MAIL
	$("#mailinglist input").focus(function(){
		if(($(this).val()=="First Name")||($(this).val()=="Last Name")||($(this).val()=="Email")){
			$(this).val("");
		}
	 });//ON Foucs
	
	///for french
	$("#mailinglist-fr input").focus(function(){
		if(($(this).val()=="Prénom")||($(this).val()=="Nom")||($(this).val()=="Courriel")){
			$(this).val("");
		}
	 });//ON Foucs
	
	$("#email").blur(function(){
		if($(this).val()==""){
			if($(this).hasClass("frenchfield")){
				$(this).val("Courriel");
			}else{	 
			 $(this).val("Email");
			}
		 }
	});//blur
	
	$("#firstname").blur(function(){
		if($(this).val()==""){
			if($(this).hasClass("frenchfield")){
				$(this).val("Prénom");
			}else{	 
			 $(this).val("First Name");
			}
		 }
	});//blur
	
	
	$("#lastname").blur(function(){
		if($(this).val()==""){
			if($(this).hasClass("frenchfield")){
				$(this).val("Nom");
			}else{
			 $(this).val("Last Name");
			}
		 }
	});//blur
	
	
	$("#mailinglist").submit(function(){ 
									  
		var email =  $("#email").val();
		var firstname =  $("#firstname").val();
		var lastname =  $("#lastname").val();
		var Language =  $("#Language").val();
		
		var emailok = validate(email);		
		var data = {email:email,firstname:firstname,lastname:lastname,Language:Language};							  
		
			if(emailok){
					
					
					$.ajax({
							type: 'GET',
							url: "ajax/to-cake-mail.php",
							data: data,
							success: function(response) { 
								$("#email").val("Email");
								$("#firstname").val("First Name");
								$("#lastname").val("Last Name");
								$(".txt").html("Thank you! You are now signed up to are email list.");
								
							},
							error: function(xhr, type, exception) { /*alert("Error: " + type);*/ }
						})
				
			} else{
				$(".txt").html("<span class='error'>Error!<br> Please give correct email.</span>");	
			}
									  
		return false;
	});
	
	
	//FRENCH
	$("#mailinglist-fr").submit(function(){ 
									  
		var email =  $("#email").val();
		var firstname =  $("#firstname").val();
		var lastname =  $("#lastname").val();
		var Language =  $("#Language").val();
		
		var emailok = validate(email);		
		var data = {email:email,firstname:firstname,lastname:lastname,Language:Language};							  
		
			if(emailok){
					
					
					$.ajax({
							type: 'GET',
							url: "ajax/to-cake-mail.php",
							data: data,
							success: function(response) { 
								$("#email").val("Courriel");
								$("#firstname").val("Prénom");
								$("#lastname").val("Nom");
								$(".txt").html("Merci. Vous êtes maintenant abonné à la liste d'envoi électronique de Renur.");
							},
							error: function(xhr, type, exception) { /*alert("Error: " + type);*/ }
						})
				
			} else{
				$(".txt").html("<span class='error'>Erreur  : Adresse de courriel non-valide</span>");	
			}
									  
		return false;
	});


//SCROLL
//$(".scrollable").scrollable({circular: true });
//$(".scrollable").scrollable();

	


}); // end of ready() function

//WHEN PAGE HAS LOADED
$(window).load(function() {
	$(".scrollable").scrollable({circular: true });	 
});

//FUNCTIONS
/*******************FOR EMAIL */
/////FUNCTION FOR EMAIL CHECK
function validate(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   var address = email;
   if(reg.test(address) == false) {
      return false;
   }else{
	  return true;
	}
}