/*****************************DEBUT DES ONGLETS****************************************/
/*************************
//Barre des onglets du header
//Initialisation :
**************************/	
$(document).ready(function(){
	//Cacher tous les menus déroulants
	//$('.ssmenu_id').slideUp("fast");
	//$('.ssmenu_marques').slideUp("fast");
	$('.ssmenu_id').hide();
	$('.ssmenu_marques').hide();
});

//Fermer le sous menu :
var t;  
function fermermenu(catid){
	$('.ongletbit_'+catid).mouseleave(function(){
		//$('#ssmenu_'+catid).slideUp("fast");
		$('#ssmenu_'+catid).hide();
		if($(this).hasClass('ongletbit_overBis_clone')){
			$(this).addClass('ongletbit_overBis');
		}else{
			$('.ongletbit').removeClass('ongletbit_over');
		}
	});
	clearTimeout(t);
}

//Dérouler le sous menu **********
function ouvrirmenu(catid){
	t = setTimeout("showMenuVerti("+catid+");", 1 ); 
} 
function showMenuVerti(catid){
	if($('#ssmenu_'+catid).css("display") == 'none') {
		//cacher d'abord tous les sous menus:
		//$('.ssmenu_id').slideUp("fast");
		//$('.ssmenu_marques').slideUp();
		$('.ssmenu_id').hide();
		$('.ssmenu_marques').hide();
		//détails css :
		$('.ongletbit').removeClass('ongletbit_over');
		//ajout fond blanc + enlever le séparateur sur l'onglet se situant juste avant :
		//$('.ongletbit_'+catid).prev().next().css("background-image","none");
		$('.ongletbit_'+catid).addClass('ongletbit_over');
		if($('.ongletbit_'+catid).hasClass('ongletbit_overBis')){
			$('.ongletbit_'+catid).removeClass('ongletbit_overBis')//retirer "ongletbit_overBis" pour avoir height:22px avec "ongletbit_over"
			//Quand la souris quitte l'onglet, ajouter une classe "ongletbit_overBis_clone", identique à "ongletbit_overBis"
			$('.ongletbit_'+catid).addClass('ongletbit_overBis_clone')
		}
		
		//slideDown() le sous-menu pour l'onglet survolé
		
		//$('#ssmenu_'+catid).slideDown(300);
		$('#ssmenu_'+catid).show();
		
		//Gestion du retour à la ligne tous les 4 bits(niv1bit)
		/*$('#ssmenu_'+catid).show('fast',function(){
			var i = 0;
			//1 - Indexer les sous-rayons de niv1 par groupe de 3(.niv1bit1, .niv1bit2, .niv1bit3)
			$(this).find('.ssmenu_content .niv1bit').each(function(){
				++i;
				if (i == 5) i=1;
				$(this).addClass("niv1bit"+i);
			});
			//2 - ajout du clear(après chaque .niv1bit3)
			$(this).find('.ssmenu_content .niv1bit4').after("<li class='clear_li'></li>");
		});*/
		
	}
}
//Petite bidouille pour onglet flash
$(document).ready(function(){
	$('.onglet_ventesflash a').hover(
	function(){
		$('.ongletbit_3000').css('background','none');
	},
	function(){
		$('.ongletbit_3000').removeAttr('style');
	});
});

/*FIN DES ONGLETS*/

/*************************
////////Aide
*************************/
$(document).ready(function(){
	//$('.ssmenu_aide').hide();					   
	var nb_li = $('.aide li').length;
	$('.aide li').slice(2,nb_li).clone().prependTo('.ssmenu_aide ul');
	$('.aide li').eq(0).css({'padding-top':'10px','background-position':'10px 20px'});
});

var time;
function cacherAide(){
	$('.aide').mouseleave(function(){
		$('.ssmenu_aide').slideUp("fast");									   	
	});
	clearTimeout(time);
}

function ouvrirAide(){
	time = setTimeout("voirAide();", 300 ); 
} 

function voirAide() {
	if($('.ssmenu_aide').css("display") == 'none') {
		$('.ssmenu_aide').slideDown(300)
	}
}


/****************************************/
/*--------PANIER DEROULANT--------------*/
/****************************************/
//Fonction dérouler avec un effet d'apparition progressive
$(document).ready(function() {
	
	$.fn.EffetApparition = function() {//fonction à étendre à un objet jquery
		$.fn.extend({//définition de la méthode dérouler
			derouler: function() {
				var monObjet = $('#panier');
				monObjet.slideDown(500).animate( { opacity:"0.6" }, { queue:false, duration:100 } ).animate( { opacity:"0.8" }, 100 ).animate( { opacity:"1" }, 100);
			}
		});
		
		return this.each(function() { 
			$('#panier').derouler();//retourne la méthode dérouler
		});
	}
 });

//Dérouler le panier
function deroulerpanier(){
	$(document).ready(function() {
		var panier_deroulant = $('#panier');
		if(panier_deroulant && panier_deroulant.css("display") == 'none') {
			panier_deroulant.stop().EffetApparition()//Appel de la fonction EffetApparition()
			//$('#panier ul').dropShadow();
		}
	});
}

//Fermer le panier
function fermerpanier(){
	$(document).ready(function() {	
		$("#panier").slideUp(150);
	});
}


/****************************************/
/*Cloner la barre de navigation et l'insérer dans la barre de pagination du bas*/
/****************************************/

$(document).ready(function(){
	//var $ancre = $("#ancre_retour img").clone();			   
	//$(".navigation h2:first").next("img").remove();
	//$(".navigation h2:first").remove();
	if($('.pagination2').length>0){
		var td_nav = $('<td class=\"td_nav\"></td>');
		td_nav.prependTo("#pagibas");
		$(".navigation").clone().prependTo(".td_nav");
		$("#header .navigation img:first").remove();
		$(".pagination2 .navigation img:first").remove();
	}
//	$("#ancre_retour").empty();
	//$ancre.appendTo("#header > .navigation #ancre_retour");
});

//Script pour le lien retour en haut de la page
$(document).ready(function(){
	//scroll
	if($('.ancre_retour').length != 0) {
			$('.ancre_retour').click(function() {
			$(document).scrollTo('#ancre_retour',800);
		});
	}
});


/****************************************/
/*Popup zoom image + infos tailles*/
/****************************************/
/*************************
//Initialisation :
**************************/	
$(document).ready(function(){
	//Cacher tous les zooms
	$('.topBitzoom').hide();
});

function hideZoom() {
	$(document).ready(function(){
		$('.topBit_ima').css('z-index','0');
		$('.topBitzoom').css('z-index','0');
	});
}

var timeout;  
function zoomOut(artid){
	$('#topBitzoom'+artid+',#topBit'+artid).mouseleave(function(){
		$('#topBitzoom'+artid).fadeOut('fast');
	});
	clearTimeout(timeout);
}

//Zoom page accueil, categorie, recap, recherche, opti et autres pages **********
function zoomIn(artid){
	timeout = setTimeout("fadeTop("+artid+");", 100 );
}
function fadeTop(artid){ 
	if($('#tops #topBitzoom'+artid).css("display") == 'none') {
		hideZoom();
		$('#tops #topBit'+artid).css('z-index','10');//relative
		$('#tops #topBitzoom'+artid).fadeIn().css('z-index','100');//absolute
	}
}

//*Zoom articles "compléter votre look" *****************************************
function zoomIn_Compl(artid){
	timeout = setTimeout("fadeTopCompl("+artid+");", 100 );
}
function fadeTopCompl(artid){
	if($('#produit_completez #topBitzoom'+artid).css("display") == 'none') {
		hideZoom();
		$('#produit_completez #topBit'+artid).css('z-index','10');
		$('#produit_completez #topBitzoom'+artid).fadeIn().css('z-index','100');
	}
}

//Zoom articles de la même marque ************************************************
function zoomIn_Marque(artid){
	timeout = setTimeout("fadeTopMarque("+artid+");", 100 );
}
function fadeTopMarque(artid){
	if($('#produit_marque #topBitzoom'+artid).css("display") == 'none') {
		hideZoom();
		$('#produit_marque #topBit'+artid).css('z-index','10');
		$('#produit_marque #topBitzoom'+artid).fadeIn().css('z-index','100');
	}
}

//Zoom articles conseil **********************************************************
function zoomIn_Conseil(artid){
	timeout = setTimeout("fadeTopConseil("+artid+");", 100 );
}
function fadeTopConseil(artid){
	if($('#produit_conseil #topBitzoom'+artid).css("display") == 'none') {
		hideZoom();
		$('#produit_conseil #topBit'+artid).css('z-index','10');
		$('#produit_conseil #topBitzoom'+artid).fadeIn().css('z-index','100');
	}
}


/****************************************/
/*--PANNEAU ONGLETS PAGE PRODUIT--/
/****************************************/

function proDesc(){
	$(document).ready(function() {
		// On met à off tous les onglets
		$(".ongletClasseur").removeClass("classeur_on").addClass("classeur_off");
		// On display:none tous les "classeur_content"
		$(".tr_classeur").not(":eq(0)").hide();
		// On met à on l'onglet "Description"
		$(".ongletClasseur:eq(0)").removeClass("classeur_off").addClass("classeur_on");
		// On affiche le "classeur_content" correspondant
		$(".classeur tr.tr_classeur:eq(0)").removeAttr("style");
	});
}

function proLivr(){
	$(document).ready(function() {
		// On met à off tous les onglets
		$(".ongletClasseur").removeClass("classeur_on").addClass("classeur_off");
		// On display:none tous les "classeur_content"
		$(".tr_classeur").not(":eq(1)").hide();
		// On met à on l'onglet "Livraison"
		$(".ongletClasseur:eq(1)").removeClass("classeur_off").addClass("classeur_on");
		// On affiche le "classeur_content" correspondant
		$(".classeur tr.tr_classeur:eq(1)").removeAttr("style");
	});
}
function proGarant(){
	$(document).ready(function() {
		// On met à off tous les onglets
		$(".ongletClasseur").removeClass("classeur_on").addClass("classeur_off");
		// On display:none tous les "classeur_content"
		$(".tr_classeur").not(":eq(2)").hide();
		// On met à on l'onglet "Garanties"
		$(".ongletClasseur:eq(2)").removeClass("classeur_off").addClass("classeur_on");
		// On affiche le "classeur_content" correspondant
		$(".classeur tr.tr_classeur:eq(2)").removeAttr("style");
	});
}
function proPaie(){
	$(document).ready(function() {
		// On met à off tous les onglets
		$(".ongletClasseur").removeClass("classeur_on").addClass("classeur_off");
		// On display:none tous les "classeur_content"
		$(".tr_classeur").not(":eq(3)").hide();
		// On met à on l'onglet "Paiement"
		$(".ongletClasseur:eq(3)").removeClass("classeur_off").addClass("classeur_on");
		// On affiche le "classeur_content" correspondant
		$(".classeur tr.tr_classeur:eq(3)").removeAttr("style");
	});
}
function proHot(){
	$(document).ready(function() {
		// On met à off tous les onglets
		$(".ongletClasseur").removeClass("classeur_on").addClass("classeur_off");
		// On display:none tous les "classeur_content"
		$(".tr_classeur").not(":eq(4)").hide();
		// On met à on l'onglet "Hotline"
		$(".ongletClasseur:eq(4)").removeClass("classeur_off").addClass("classeur_on");
		// On display:block le "classeur_content" correspondant
		$(".classeur tr.tr_classeur:eq(4)").removeAttr("style");
	});
}

/******************************************************************************/
/*--Afficher le bouton sélection taille si aucune taille sélectionnée--/
/******************************************************************************/

function articleCallBack(){
	
	if($("#tailleok").val()==0){
		$("#btn_ajout").hover(
			function(){
				$(this).html("<img src=\"template-btn_selectiontaille.jpg\" alt=\"\">")
			},
			function(){
				$(this).html("<input  type=\"image\" src=\"template-btn_ajoutpanier.jpg\">")
			}
		);
	}else{
		$('#choixtaille').hide();
	}
}

$(document).ready(function() {
	//if($("#lst_1 option[selected], #lst_2 option[selected], #lst_3 option[selected],#lst_9 option[selected]").val()==0){
	if($("#tailleok").val()==0){
		$("#btn_ajout").hover(
			function(){
				$(this).html("<img src=\"template-btn_selectiontaille.jpg\" alt=\"\">")
			},
			function(){
				$(this).html("<input  type=\"image\" src=\"template-btn_ajoutpanier.jpg\">")
			}
		);
	}
});

/*Valider mode de livraison*/
function validerModeLivr(modelivraisonid){
	$(document).ready(function() {
		$('input[name=modelivraison]:radio').each(function(){
			$(this).removeAttr("checked");
		});
		$("#modelivraison_"+modelivraisonid).attr("checked","checked");
	});
}
/*Valider CGV*/
function validerCGV(){
	$(document).ready(function() {
		$("#cgv").attr("checked","checked");
	});
}

/*Etape 2 et logging*/
function saisirCoord(){
	$(document).ready(function() {
		$("#inscrit, .separateur_v, #nouveaucli").css('display','none');
		$("#inscription").css("width","100%");
		$("#erreur").empty();
		$("#saisiecompte").fadeIn("slow");
	});
}

/*Accordéon faq*/
$(document).ready(function() {
	$(".element").not($("#accordion .element:first")).hide();
	$(".toggler").click(
		function(){
			$(this).siblings(".element").slideUp();
			$(this).next(".element").slideDown();
		}
	);
});

/**Pour le plan du site**/
//Ascensseur pour le plan du site
$(document).ready(function(){
	var planHeight= new Array();
	planHeight[0]=$(".planBit_rayon").height();
	$(".planBit_rayon").css({"height":"300px","overflow":"hidden"});
	$("#deroulerplan").toggle(function(){
		$(".planBit_rayon").animate(
			{height:planHeight[0]+"px"},
			300,
			function(){
				$("#deroulerplan").html("<img src=\"template-fleche_rouge_haut.jpg\" alt=\"\">&nbsp;&nbsp;R&eacute;duire<img src=\"template-fleche_rouge_haut.jpg\" alt=\"\">");
			}
		);
		
	},function(){
		$(".planBit_rayon").animate(
			{height:"300px"},
			300,
			function(){
				$("#deroulerplan").html("<img src=\"template-fleche_rouge_bas.jpg\" alt=\"\">&nbsp;&nbsp;Voir tout le plan<img src=\"template-fleche_rouge_bas.jpg\" alt=\"\">");
			}
		);				   
	});
});