jQuery(document).ready(function(){

	/* Permet de gérer l'animation sur la bulle de la newsletter */
	/* Pour reproduire l'effet sur celle du blog il suffit d'ajouter une id sur la balise image et de recopier la ligne en changeant l'id. */
	// jQuery("#bulle_nl_popup").animate({width: "5.947em"}, {queue: false, duration: 2000});

	/* Appel à des fonctions permettant la mise en place des fonctions de clic sur des éléments précis */
	//alert('asdasd');
	showConnect();
	showVille();
	
	show_fgt_pwd();
	hide_fgt_pwd();
	
	show_bulle_nl();
	hide_bulle_nl();
	showcode();
	showlivraison();
	//afficher_reduc('',1);
});

function show_bulle_nl() {
	jQuery("#bulle_nl_popup").click(function() {
		jQuery("#opaque").show();
		jQuery("#nl_popup").show();
	});
}

function hide_bulle_nl() {
	jQuery("#box_close_nl_popup").click(function() {
		jQuery("#opaque").hide();
		jQuery("#nl_popup").hide();
	});
}

function show_fgt_pwd() {
	jQuery("#block_opaque").click(function(){
		jQuery("#opaque").show();
		jQuery("#pwd_forget").show();
	});
}

function hide_fgt_pwd() {
	jQuery("#box_close_pwd_forget").click(function(){
		jQuery("#pwd_forget").hide();
		jQuery("#opaque").hide();
	});
}

/* Affichage des villes */
function showVille(){
	//alert('showville');
	/* Détection du clic */
	jQuery("span#change_ville").live("click" , function() {
		//alert('showvilleclic');
		/* on masque dans tout les cas le cadre de connection */
		hideConnect(function(e) {
			/* un fois le bloc de connection masqué on affiche / masque les villes */
			jQuery("#ville_vmv").slideToggle();
		});
		jQuery("#login img#arrow_ville").attr("src", change_arrow(jQuery("#login img#arrow_ville").attr("src")));
	});
	
	jQuery("span#ma_ville").live("click" , function(e) {
		/* on masque dans tout les cas le cadre de connection */
		hideConnect(function(e) {
			/* un fois le bloc de connection masqué on affiche / masque les villes */
			jQuery("#ville_vmv").slideToggle();
		});
		jQuery("#login img#arrow_ville").attr("src", change_arrow(jQuery("#login img#arrow_ville").attr("src")));
	});
}

/* fonction permettant de masquer l'ecran de connection */
function hideConnect(f) {
	jQuery("#connect_vmv").slideUp("normal", function(){
		jQuery("#login").slideDown();
		f();
	});
}


/*************************FONCTION POUR LE CODE PROMO*************************************/
function liencode(f) {
	//alert(check_par);
	alert(jQuery("#check_par:checked"));
	//if(check_par)
	jQuery("#divcode").slideUp("normal", function(){
		jQuery("#input_code").slideDown();
		f();
	});
}


function showcode(){
	/* Détection du clic */
	jQuery("#liencode").live('click',(function(e) {
		
		show_hide_cp_parrainage();
		
		return false;
	}));
}
//Fonction pour show or hide code et parrainnage
function show_hide_cp_parrainage(){
	
	//Dans ce cas on affiche CodePromo et on fait disparaitre le parrainage
	if(jQuery("#champ_code").css("display")=='none')
	{	
			jQuery("#liencode").html('Ne plus utiliser le code promo.');		
			jQuery("#champ_code").slideDown("slow");
			jQuery("#div_parain").slideUp("slow");
			jQuery("#reduc_par").attr('name','reduc_off');
			if(jQuery('#reduc_par').attr('name')=='reduc_on'){var reduc_par = jQuery("#reduc_par").val()}else{var reduc_par = 0};
			//afficher_recap(jQuery("#qte").val(),jQuery("#nom_txt").html(),jQuery("#email_txt").html(),0);
			
			
			afficher_recap(jQuery('#qte').val(),jQuery('#nom_txt').html(),jQuery('#email_txt').html(),reduc_par,""+jQuery('#nom_liv').val()+":"+jQuery('#prenom_liv').val()+":"+jQuery('#adresse_liv').val()+":"+jQuery('#cp_liv').val()+":"+jQuery('#ville_liv').val()+":",jQuery('#code_promo').val(),jQuery('#conditions_generales').val(),jQuery('#option').val());
		
		}
		//Dans ce cas on fait disparaitre le CodePromo et on affiche le parrainage
		else{
				jQuery("#liencode").html('Vous avez un bon de réduction ? Utilisez-le');
				jQuery("#erreur_code_promo").html('');
				jQuery("#champ_code").slideUp("slow");
				jQuery("#div_parain").slideDown("slow");
				jQuery("#code_promo").val('');
				jQuery("#check_par").attr('name','reduc_on');
				//alert(jQuery("#reduc_par").val());
				afficher_reduc('',jQuery('#qte').val());
				if(jQuery("#check_par").val()==1){
					jQuery('#reduc_par').attr('name','reduc_on');
					//afficher_recap(jQuery("#qte").val(),jQuery("#nom_txt").html(),jQuery("#email_txt").html(),jQuery("#reduc_par").val());
					afficher_recap(jQuery('#qte').val(),jQuery('#nom_txt').html(),jQuery('#email_txt').html(),jQuery("#reduc_par").val(),""+jQuery('#nom_liv').val()+":"+jQuery('#prenom_liv').val()+":"+jQuery('#adresse_liv').val()+":"+jQuery('#cp_liv').val()+":"+jQuery('#ville_liv').val()+":",jQuery('#code_promo').val(),jQuery('#conditions_generales').val(),jQuery('#option').val());
					}else{
					jQuery('#reduc_par').attr('name','reduc_off');
					//afficher_recap(jQuery("#qte").val(),jQuery("#nom_txt").html(),jQuery("#email_txt").html(),0);
					afficher_recap(jQuery('#qte').val(),jQuery('#nom_txt').html(),jQuery('#email_txt').html(),0,""+jQuery('#nom_liv').val()+":"+jQuery('#prenom_liv').val()+":"+jQuery('#adresse_liv').val()+":"+jQuery('#cp_liv').val()+":"+jQuery('#ville_liv').val()+":",jQuery('#code_promo').val(),jQuery('#conditions_generales').val(),jQuery('#option').val());
					}
			}
	
	}

/**************************************************************/
/**************************FONCTION POUR LA LIVRAISON************************************/
function lienlivraison(f) {
	jQuery("#divlivraison").slideUp("normal", function(){
		jQuery("#input_livraison").slideDown();
		f();
	});
}

function showlivraison(){
	/* Détection du clic */
	jQuery("span#lienlivraison").click(function(e) {
		//alert('dsdsd');
		/* on masque dans tout les cas le cadre de connection */
		jQuery("span#lienlivraison").hide().fadeOut();
		jQuery("#champ_livraison").hide().fadeIn();
		return false;
	});
}

/**************************************************************/

/* fonction permettant de masquer l'ecran ville */
function hideVille(f) {
	jQuery("#ville_vmv").slideUp();
	jQuery("#login").slideUp("normal", function(){
		f();
	});
}

/*Affichage de l'ecran de connection*/
function showConnect() {
	//alert('showconnect');
	jQuery("#bloc_droite span#connect_me").live("click" , function(e){
		//alert('showconnectclic');
		hideVille(function(e) {
			if (jQuery("#connect_vmv").css("display") != "block") {	
				jQuery("#login").slideUp("normal", function() {
					jQuery("#connect_vmv").slideToggle("normal");
				});
			}
			else {
				jQuery("#connect_vmv").slideToggle("normal", function(){
					jQuery("#login").slideDown();
				});
			}
		});
	});
}

function change_arrow(src) {
	if (src == "images/ville_down.png") {
		return "images/ville_up.png";
	}
	else {
		return "images/ville_down.png";
	}
}

function details(bloc) {//pour l'affichage des blocs detail dans l'accueil
	for (i=1;i<4;i++) {
		document.getElementById("details_"+i).style.display = "none";
		if (document.getElementById("detail_"+i)) {
			document.getElementById("detail_"+i).style.display = "inline";
		}
	}
	document.getElementById("details_"+bloc).style.display = "block";
	document.getElementById("detail_"+bloc).style.display = "none";
	document.images["en_details"].src = "images/main-details_"+bloc+".png";
}