$(document).ready(function() {
	
	var viewportWidth = $(window).width();
	var viewportHeight = $(window).height();
	$('#parallax2-container').css({'width':viewportWidth});
	
	
	$('#parallax1-container').vAlign();
	$('#parallax2-container').vAlign();

	var emailMess = 'Votre courriel';
	var adresseMess = 'Votre adresse';
	var messageMess = 'Un commentaire';
	
	$("#email").val(emailMess);
	$("#adresse").val(adresseMess);
	$("#message").val(messageMess);

	$("#email").click(function() {
		cEmail = $("#email").val();
		if (cEmail == emailMess) {
			$("#email").val('');
		}
	}).blur(function() {
		cEmail = $("#email").val();
		if (cEmail == '') {
			$("#email").val(emailMess);
		}
	});
	
	$("#adresse").click(function() {
		cAdresse = $("#adresse").val();
		if (cAdresse == adresseMess) {
			$("#adresse").val('');
		}
	}).blur(function() {
		cAdresse = $("#adresse").val();
		if (cAdresse == '') {
			$("#adresse").val(adresseMess);
		}
	});
	
	$("#message").click(function() {
		cMessage = $("#message").val();
		if (cMessage == messageMess) {
			$("#message").val('');
		}
	}).blur(function() {
		cMessage = $("#message").val();
		if (cMessage == '') {
			$("#message").val(messageMess);
		}
	});

	$("#btn-signez").click(function() {
			
		var emailRegExp =  /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/;
		var bFormIsValid = true;
		
		
		/*$.cookie('cadresse', cadresse);
		$.cookie('cEmail', cEmail);
		$.cookie('cMessage', cMessage);*/
		
		// email
		if (($('#email').val() == '') || ($('#email').val() == 'Votre courriel')) {
			
			$('.email-invalide').show();
			bFormIsValid = false;
		}
		else{
			// verifie format email
			if ( emailRegExp.exec($('#email').val()) == null ) {
				
				$('.email-invalide').show();
				bFormIsValid = false;
			}
			else{
				$('.email-invalide').hide();
			}
		}
		
		if (bFormIsValid==true) {}
		else {return false};
		
		$.ajax({
			type: "POST",
			url: "inc/petition.php",
			data: "email="+$("#email").val()+"&adresse="+$("#adresse").val()+"&message="+$("#message").val(),
			success: function(msg){
				if(msg==1) // Connexion Php OK
				{
					alert("Nous vous remercions d'avoir signé la pétition soutenant le projet d'échangeur Templemars.");
					//$.colorbox({title:true, close:"FERMER", href:"pages/formulaire.html",
					//onClosed:function(){  document.location.href="index.php"; }});
				}
				else // WTF?
				{
					
				}
			}
		});
	});
	
	var El1 = $('#page-accueil').width();
	var El2 = $('#page-edito').width();
	var El3 = $('#page-pourquoi').width();
	var El4 = $('#page-soutien').width();
	var El5 = $('#petition').width();
	
	var posEl1 = (viewportWidth - El1)/2;
	var posEl2 = ((viewportWidth - El2)/2)-(El1+200);
	var posEl3 = ((viewportWidth - El2)/2)-(El1+200+El2+220);
	var posEl4 = ((viewportWidth - El2)/2)-(El1+200+El2+200+El3+150);
	var posEl5 = ((viewportWidth - El2)/2)-(El1+200+El2+200+El3+160+El4+300);
	
	$('#parallax2').animate({
			left: posEl1
			}, 1000, function() {
			// Animation complete.
		});

	var navbtn1off = "-off";
		var navbtn2off = "-off";
		var navbtn3off = "-off";
		var navbtn4off = "-off";
		var navbtn5off = "-off";

	function navOff() {		
		navbtn1off = "-off";
		navbtn2off = "-off";
		navbtn3off = "-off";
		navbtn4off = "-off";
		navbtn5off = "-off";
			
	}

	/* Navigation, Events */
	$('#btn-accueil a').mouseover(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-accueil-on.png');
	}).mouseout(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-accueil'+navbtn1off+'.png');
	}).click(function() {
		$('#page-accueil').css({'cursor':'default'});
		$('#page-edito').css({'cursor':'pointer'});
		$('#page-pourquoi').css({'cursor':'pointer'});
		$('#page-soutien').css({'cursor':'pointer'});
		$('#petition').css({'cursor':'pointer'});
		navOff();
		$('#btn-edito a img').attr('src','images/layout/bouton/btn-edito-off.png');
		$('#btn-pourquoi a img').attr('src','images/layout/bouton/btn-pourquoi-off.png');
		$('#btn-soutien a img').attr('src','images/layout/bouton/btn-soutien-off.png');
		$('#btn-signer a img').attr('src','images/layout/bouton/btn-signer-off.png');
		navbtn1off = "-on";
		
		$('#parallax1').animate({backgroundPosition: (posEl1/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl1
			}, 2000, function() {
			// Animation complete.
		});
	});
	
	$('#page-accueil').click(function() {
		$('#page-accueil').css({'cursor':'default'});
		$('#page-edito').css({'cursor':'pointer'});
		$('#page-pourquoi').css({'cursor':'pointer'});
		$('#page-soutien').css({'cursor':'pointer'});
		$('#petition').css({'cursor':'pointer'});
		navOff();
		$('#btn-edito a img').attr('src','images/layout/bouton/btn-edito-off.png');
		$('#btn-pourquoi a img').attr('src','images/layout/bouton/btn-pourquoi-off.png');
		$('#btn-soutien a img').attr('src','images/layout/bouton/btn-soutien-off.png');
		$('#btn-signer a img').attr('src','images/layout/bouton/btn-signer-off.png');
		navbtn1off = "-on";
		
		$('#parallax1').animate({backgroundPosition: (posEl1/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl1
			}, 2000, function() {
			// Animation complete.
		});
	});
	
	$('#btn-edito a').mouseover(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-edito-on.png');		
	}).mouseout(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-edito'+navbtn2off+'.png');		
	}).click(function() {
		$('#page-accueil').css({'cursor':'pointer'});
		$('#page-edito').css({'cursor':'default'});
		$('#page-pourquoi').css({'cursor':'pointer'});
		$('#page-soutien').css({'cursor':'pointer'});
		$('#petition').css({'cursor':'pointer'});
		navOff();
		$('#btn-accueil a img').attr('src','images/layout/bouton/btn-accueil-off.png');
		$('#btn-pourquoi a img').attr('src','images/layout/bouton/btn-pourquoi-off.png');
		$('#btn-soutien a img').attr('src','images/layout/bouton/btn-soutien-off.png');
		$('#btn-signer a img').attr('src','images/layout/bouton/btn-signer-off.png');
		navbtn2off = "-on";
		
		$('#parallax1').animate({backgroundPosition: (posEl2/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl2
			}, 2000, function() {
			// Animation complete.
		});	
	});
	
	$('#page-edito').click(function() {
		$('#page-accueil').css({'cursor':'pointer'});
		$('#page-edito').css({'cursor':'default'});
		$('#page-pourquoi').css({'cursor':'pointer'});
		$('#page-soutien').css({'cursor':'pointer'});
		$('#petition').css({'cursor':'pointer'});
		navOff();
		$('#btn-accueil a img').attr('src','images/layout/bouton/btn-accueil-off.png');
		$('#btn-pourquoi a img').attr('src','images/layout/bouton/btn-pourquoi-off.png');
		$('#btn-soutien a img').attr('src','images/layout/bouton/btn-soutien-off.png');
		$('#btn-signer a img').attr('src','images/layout/bouton/btn-signer-off.png');
		navbtn2off = "-on";
		
		$('#parallax1').animate({backgroundPosition: (posEl2/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl2
			}, 2000, function() {
			// Animation complete.
		});	
	});
	
	$('#btn-pourquoi a').mouseover(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-pourquoi-on.png');		
	}).mouseout(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-pourquoi'+navbtn3off+'.png');		
	}).click(function() {
		$('#page-accueil').css({'cursor':'pointer'});
		$('#page-edito').css({'cursor':'pointer'});
		$('#page-pourquoi').css({'cursor':'default'});
		$('#page-soutien').css({'cursor':'pointer'});
		$('#petition').css({'cursor':'pointer'});
		navOff();
		$('#btn-accueil a img').attr('src','images/layout/bouton/btn-accueil-off.png');
		$('#btn-edito a img').attr('src','images/layout/bouton/btn-edito-off.png');
		$('#btn-soutien a img').attr('src','images/layout/bouton/btn-soutien-off.png');
		$('#btn-signer a img').attr('src','images/layout/bouton/btn-signer-off.png');
		navbtn3off = "-on";
		
		$('#parallax1').animate({backgroundPosition: (posEl3/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl3
			}, 2000, function() {
			// Animation complete.
		});	
	});
	
	$('#page-pourquoi').click(function() {
		$('#page-accueil').css({'cursor':'pointer'});
		$('#page-edito').css({'cursor':'pointer'});
		$('#page-pourquoi').css({'cursor':'default'});
		$('#page-soutien').css({'cursor':'pointer'});
		$('#petition').css({'cursor':'pointer'});
		navOff();
		$('#btn-accueil a img').attr('src','images/layout/bouton/btn-accueil-off.png');
		$('#btn-edito a img').attr('src','images/layout/bouton/btn-edito-off.png');
		$('#btn-soutien a img').attr('src','images/layout/bouton/btn-soutien-off.png');
		$('#btn-signer a img').attr('src','images/layout/bouton/btn-signer-off.png');
		navbtn3off = "-on";
		
		$('#parallax1').animate({backgroundPosition: (posEl3/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl3
			}, 2000, function() {
			// Animation complete.
		});	
	});
	
	$('#btn-soutien a').mouseover(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-soutien-on.png');		
	}).mouseout(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-soutien'+navbtn4off+'.png');		
	}).click(function() {
		$('#page-accueil').css({'cursor':'pointer'});
		$('#page-edito').css({'cursor':'pointer'});
		$('#page-pourquoi').css({'cursor':'pointer'});
		$('#page-soutien').css({'cursor':'default'});
		$('#petition').css({'cursor':'pointer'});
		navOff();
		$('#btn-accueil a img').attr('src','images/layout/bouton/btn-accueil-off.png');
		$('#btn-edito a img').attr('src','images/layout/bouton/btn-edito-off.png');
		$('#btn-pourquoi a img').attr('src','images/layout/bouton/btn-pourquoi-off.png');
		$('#btn-signer a img').attr('src','images/layout/bouton/btn-signer-off.png');
		navbtn4off = "-on";
		
		$('#parallax1').animate({backgroundPosition: (posEl4/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl4
			}, 2000, function() {
			// Animation complete.
		});	
	});
	
	$('#page-soutien').click(function() {
		$('#page-accueil').css({'cursor':'pointer'});
		$('#page-edito').css({'cursor':'pointer'});
		$('#page-pourquoi').css({'cursor':'pointer'});
		$('#page-soutien').css({'cursor':'default'});
		$('#petition').css({'cursor':'pointer'});
		navOff();
		$('#btn-accueil a img').attr('src','images/layout/bouton/btn-accueil-off.png');
		$('#btn-edito a img').attr('src','images/layout/bouton/btn-edito-off.png');
		$('#btn-pourquoi a img').attr('src','images/layout/bouton/btn-pourquoi-off.png');
		$('#btn-signer a img').attr('src','images/layout/bouton/btn-signer-off.png');
		navbtn4off = "-on";
		
		$('#parallax1').animate({backgroundPosition: (posEl4/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl4
			}, 2000, function() {
			// Animation complete.
		});	
	});
	
	$('#btn-signer a').mouseover(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-signer-on.png');		
	}).mouseout(function() {
		$(this).find('img').attr('src','images/layout/bouton/btn-signer'+navbtn5off+'.png');		
	}).click(function() {
		$('#page-accueil').css({'cursor':'pointer'});
		$('#page-edito').css({'cursor':'pointer'});
		$('#page-pourquoi').css({'cursor':'pointer'});
		$('#page-soutien').css({'cursor':'pointer'});
		$('#petition').css({'cursor':'default'});
		navOff();
		$('#btn-accueil a img').attr('src','images/layout/bouton/btn-accueil-off.png');
		$('#btn-edito a img').attr('src','images/layout/bouton/btn-edito-off.png');
		$('#btn-pourquoi a img').attr('src','images/layout/bouton/btn-pourquoi-off.png');
		$('#btn-soutien a img').attr('src','images/layout/bouton/btn-soutien-off.png');
		
		$('#parallax1').animate({backgroundPosition: (posEl5/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl5
			}, 2000, function() {
			// Animation complete.
		});	
	});
	
	$('#petition').click(function() {
		$('#page-accueil').css({'cursor':'pointer'});
		$('#page-edito').css({'cursor':'pointer'});
		$('#page-pourquoi').css({'cursor':'pointer'});
		$('#page-soutien').css({'cursor':'pointer'});
		$('#petition').css({'cursor':'default'});
		navOff();
		$('#btn-accueil a img').attr('src','images/layout/bouton/btn-accueil-off.png');
		$('#btn-edito a img').attr('src','images/layout/bouton/btn-edito-off.png');
		$('#btn-pourquoi a img').attr('src','images/layout/bouton/btn-pourquoi-off.png');
		$('#btn-soutien a img').attr('src','images/layout/bouton/btn-soutien-off.png');
		
		$('#parallax1').animate({backgroundPosition: (posEl5/2)+' 0px'},{duration:2000});
		
		$('#parallax2').animate({
			left: posEl5
			}, 2000, function() {
			// Animation complete.
		});	
	});
	
	/* FOOTER Events */
	var footerHeight = $('#footer').height();
	$('#footer').click(function(){
		
		footerHeight = $('#footer').height();
	
		if (footerHeight==20) {$('#footer').animate({
				height: 170
				}, 500, function() {
				// Animation complete.
			});
		}
		
		else {$('#footer').animate({
				height: 20
				}, 250, function() {
				// Animation complete.
			});
		}
		
	});
});