$(document).ready(function(){
	
	$().UItoTop();

	$('.logo img').hover(function(){
		$(this).attr('src', 'images/interface/logoHover.png');
		}, function() {
		$(this).attr('src', 'images/interface/logo.png');
	});
	
	$('#submitRech').click(function() {
		$('#sidebarRech').submit();
	});
	
	$(function() {
	   $('.emailBlock').each(function() {
		  var $email = $(this);
		  var address = $email.text()
			 .replace(/\s*\[at\]\s*/, '@')
			 .replace(/\s*\[dot\]\s*/g, '.');
		  $email.html('<a href="mailto:' + address + '">'
			 + address +'</a>');
	   });
	});

	
	var up = "images/interface/arrow.png";
	var down = "images/interface/arrow2.png";
	$('.marqueTitre').click( function(){
		$('.marqueCheck').slideToggle();
		if ($(this).children('img').attr('src')== up)
		{
			$(this).children('img').attr('src', down)
		}
		else
		{
			$(this).children('img').attr('src', up)
		}
	});
	
	var hauteurContenuLunettes = $('#contenuLunettes').height();
	$('.sidebar').height(hauteurContenuLunettes);
	
	$("#boiteLu").submit( function() {							 
		$.ajax({
		   type: "post",
		   url: "php/boiteLunette.php",
		   data: "action=connexion&email="+$("#email").val(),
		   success: function(msg){
				if(msg=='vide') // si la connexion en php a fonctionn?e
					{
						$('.alert').html('Vous n\'avez pas remplis le formulaire.');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
				else if(msg=='mail')
					{
						$('.alert').html('Votre email n\'est pas valide, merci de le corriger dans un format de ce type : nom@domaine.com');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
				else
					{
						$('.boiteLu').html(msg)
						$('.alert').html('Vous &ecirc;tes desormais connnect&eacute;');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
						$('.divBtn').html('<a href="" class="btn facebook">Partager sur facebook</a> <a href="#" class="btn ajoutBoite">Ajouter &agrave; ma boite</a>')
						location.reload();
					}
		   }
		});
		return false;
	});
	
	$("#contact").submit( function() {							 
		$.ajax({
		   type: "post",
		   url: "php/mail.php",
		   data: "nom="+$("#nom").val()+"&email="+$("#mail").val()+"&sujet="+$("#sujet").val()+"&message="+$("#message").val(),
		   success: function(msg){
				if(msg=='vide') // si la connexion en php a fonctionn?e
					{
						$('.alert').html('Vous n\'avez pas remplis le formulaire.');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
				else if(msg=='mail')
					{
						$('.alert').html('Votre email n\'est pas valide, merci de le corriger dans un format de ce type : nom@domaine.com');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
				else if(msg=='yes')
					{
						$('.alert').html('Votre message nous &agrave; bien &eacute;t&eacute; envoy&eacute;, merci.');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
						$("#contact input[type=submit]").fadeOut();
					}
		   }
		});
		return false;
	});

	
	$('.mailBoite').click(function(){
		$('.alert').html('Pour ajouter cette paire de lunettes &agrave; votre boite vous devez d\'abord saisir votre e-mail.');
		$('.alert').animate({
			right: '-30px'
		}, 'fast' );
		setTimeout(function() { 
			$('.alert').animate({right: '-461px'}) 
		}, 3000);
	})
	
	$(".ajoutBoite").click( function() {							 
		var idLunette = $(this).attr('id');
		var idEmail = $(this).attr('name');
		$.ajax({
		   type: "post",
		   url: "php/boiteLunette.php",
		   data: "action=ajoutBoite&idLunette="+idLunette+"&idMail="+idEmail,
		   success: function(msg){
				if(msg=='deja') // si la connexion en php a fonctionn?e
					{
						$('.alert').html('Cette paire est d&eacute;j&agrave; dans votre boite &agrave; lunettes.');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
				else
					{
						$('.boiteLu').html(msg)
						$('.alert').html('La paire que vous avez choisi est dans votre boite &agrave; lunettes.');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
		   }
		});
		return false;
	});
	$("#ajout").submit( function() {
		$.ajax({
		   type: "post",
		   url: "php/ajout.php",
		   data: "email="+$("#email").val(),
		   success: function(msg){
				if(msg=='vide') // si la connexion en php a fonctionn?e
					{
						$('.alert').html('Vous n\'avez pas rempli le formulaire');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
				else if(msg=='mail') // si la connexion en php a fonctionn?e
					{
						$('.alert').html('Votre email n\'est pas valide, merci de le corriger dans un format de ce type : nom@domaine.com.');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
				else if(msg=='deja') // si la connexion en php a fonctionn?e
					{
						$('.alert').html('Votre email est d&eacute;j&agrave; enregistr&eacute;.');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
				else if(msg=='ok') // si la connexion en php a fonctionn?e
					{
						$('.alert').html('Votre email &agrave; bien &eacute;t&eacute; enregistr&eacute;, nous vous remercions.');
						$('.alert').animate({
							right: '-30px'
						}, 'fast' );
						setTimeout(function() { 
							$('.alert').animate({right: '-461px'}) 
						}, 3000);
					}
		   }
		});
		return false;
	});
	
	$('.promo').click(function() {
		var hauteur=$(document).height();
		$('.fondPop').height(hauteur);
		$('.fondPop').fadeTo('fast' , 0.7);
		$('.pop').fadeIn('slow');
		return false;
	});
	
	$('.fermer, .fondPop').click(function(){
		$('.fondPop').fadeOut();
		$('.pop').fadeOut();
	});
	
});