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();
	});
}


/**************************************************************/
function liencode(f) {
	jQuery("#divcode").slideUp("normal", function(){
		jQuery("#input_code").slideDown();
		f();
	});
}

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

/**************************************************************/
/**************************************************************/
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";
	}
}