var famille_load=0;
var chevron_ouvert=0;		
function click_cb(nm) {
	document.getElementById(nm).value = (document.getElementById(nm).value=="1") ? 0:1;
	document.getElementById("cb_"+nm).src = '/images/'+((document.getElementById(nm).value=="1") ? 'coche-ok.png':'coche-no.png');
	
	
}
function click_radio(nm,nm2) {
	document.getElementById(nm).value = 1;
	document.getElementById(nm2).value = 0;
	document.getElementById("cb_"+nm).src = '/images/'+((document.getElementById(nm).value=="1") ? 'coche-ok.png':'coche-no.png');
	document.getElementById("cb_"+nm2).src = '/images/'+((document.getElementById(nm2).value=="1") ? 'coche-ok.png':'coche-no.png');
	return false;
	
}
function majPanier(qte,id_ref) {
	
	$("#zone_panier").load( "/include/print_panier.php", { "action":"maj_qte" , "id": id_ref  , "qte":qte  } );
	$.fancybox.close();
}
var scroll_panier=0;
function get_scroll_panier() {
	scroll_panier=document.getElementById("contenu_panier").scrollTop;
}
function restaure_scroll_panier() {
	document.getElementById("contenu_panier").scrollTop=scroll_panier;
}
function fermeChevron(id_designation) {
	$("#designation_"+id_designation).find(".chevron").wTooltip({content: "Cliquez pour le détail produit.", style:{width:"200px"}});
	$("#designation2_"+id_designation).slideUp();
	$(".corps:hidden").slideDown();

}
function ouvreChevron(id_produit,onglet) {
		if (id_produit==chevron_ouvert) { fermeChevron(id_produit); chevron_ouvert=0;  return; }
		chevron_ouvert=id_produit;
	
		$(".corps:hidden").slideDown();
		$(".designation.details:visible").slideUp();
		$(".pchvron").attr("src", '/images/plus-chevron.gif');

		//$("#designation2_"+id_produit).html('<div style="text-align:center;"><img src="/images/loading.gif" /></div>');
		//$("#designation2_"+id_produit).slideDown();
		$.ajax({
			method: 'GET',
			data: 'id='+id_produit+'&ajax=1&onglet='+onglet,
			context: $("#designation_"+id_produit).find(".chevron"),
			url:'/product.php',
			 contentType: "application/x-www-form-urlencoded;charset=ISO-8859-1",

			success: function(data) {
				var id_designation= $(this).attr('id_produit');
					document.getElementById("pluschevron_"+id_designation).src='/images/moins-chevron.gif';
				$("#designation_"+id_designation).find(".chevron").wTooltip({content: "Cliquez pour fermer le détail produit.", style:{width:"200px"}});
				$("#designation2_"+id_designation).hide();
				$("#designation2_"+id_designation).html(data);
				$("#tb_designation_"+id_designation).slideUp();
				$("#designation2_"+id_designation).slideDown();
			}
		});
}
function scroll_bandeau() { $('html,body').animate({scrollTop: 170}, 500); }

function menu_famille(id_famille) {
		$('.menuList.current').removeClass("current");
		//$(this).addClass("current");
		//var id_famille = $(this).attr('id_famille');
		
		
		famille_load=id_famille;
		clic('famille',id_famille);
		$.ajax({
					method: 'GET',
					data: 'id_famille='+id_famille,
					url:'/cache/familles/famille_'+id_famille+'.php',
					 contentType: "application/x-www-form-urlencoded;charset=ISO-8859-1",

					success: function(data) {
						//alert("fl"+famille_load+" idf"+id_famille);
						if (famille_load==0) return;
							$('#famille').show();
							scroll_bandeau();
							$('#centre').hide();
							$('.menuList[id_famille='+famille_load+']').addClass("current");
							$('#droite').hide();
							$('#famille').html(data);
							$('.bouton_fermeture_famille').click(function(){ //return;
								$('#famille').hide();
								$('.menuList.current').removeClass("current");
								$('#centre').show();
								$('#droite').show();
							
							}); 
							$('.ferme').click(function(){

								if ($(this).attr("class")=="ouvert") return;
								clic('categorie',$(this).attr("idc"));
								$('.ouvert').children("ul").slideUp("slow");
								$(this).children("ul").slideDown("slow");
								$('.ouvert').removeClass().addClass("ferme");
								$(this).removeClass().addClass("ouvert"); return false;

							});
							$('.ferme:first').removeClass().addClass("ouvert");
							
							$('.apercu').mouseenter(function(e){
								xOffset = 124;
								yOffset = 14;
								this.t = this.title;
								
								this.title = "";	
								var c = (this.t != "") ? "<br/>" + this.t : "";
								$("body").append('<div id="apercuSousCat"><img src="'+this.rel+'" /></div>');								 
								$("#apercuSousCat")
									.css("top",(e.pageY - xOffset) + "px")
									.css("left",(e.pageX + yOffset) + "px")
									.fadeIn("fast");						
							});
							$('.apercu').mouseleave(function(e){ 
								this.title = this.t;	
								$("#apercuSousCat").remove();
							});	
							$('.apercu').mousemove(function(e){
								$("#apercuSousCat")
									.css("top",(e.pageY - xOffset) + "px")
									.css("left",(e.pageX + yOffset) + "px");
							});	
					}
		});

}
$(window).load(function() { 		$('.designation .milieu').each(function(index) {
			var h=$(this).parent().parent().height();
			$(this).height( h );
		});	 });


$(document).ready(function() {
	$('.menuList a').attr("href","javascript: return false;");
	$(".fbautosize").fancybox({
		autoDimensions	: true,
		minHeight:350,
		closeClick	: false,
		openEffect	: 'fade',
		closeEffect	: 'fade'
	});

	$(".ajoutpanier").fancybox({
		maxWidth	: 800,
		maxHeight	: 600,
		fitToView	: false,
		width		: 550,
		height		: 300,
		autoSize	: false,
		closeClick	: false,
		openEffect	: 'fade',
		closeEffect	: 'fade'
	});
	$('.slide_familly').cycle({
		//fx: 'scrollHorz',
		prev : ".prev",
		next : ".next",
		timeout : 4000,
		speed : 1500
	});
	$('.slide_marques').cycle({
		timeout : 2000,
		speed : 1000
	});
	 
		$('.designation .milieu').each(function(index) {
			var h=$(this).parent().parent().height();
			if (h<20) h=20;
			$(this).height( h );
		});	
/*	$('#famille').mouseleave(function(){ //return;
		$('#famille').hide();
		$('.menuList.current').removeClass("current");
		$('#centre').show();
		$('#droite').show();
	
	}); */
/*	$('#body').mouseleave(function(){ //return;
		$('#famille').hide();
		$('.menuList.current').removeClass("current");
		$('#centre').show();
		$('#droite').show();
		famille_load=0;
	
	}); */
	$(".menuList").hover(
		function () {
		$(this).css('cursor','pointer');
		},
		function () {
		$(this).css('cursor','auto');
		}
	);
	$(".chevron").hover(
		function () {
		$(this).css('cursor','pointer');
		},
		function () {
		$(this).css('cursor','auto');
		}
	);
	$(".chevron").wTooltip({content: "Cliquez pour le détail produit.", style:{width:"200px"}});
	$(".chevron").mouseenter(function(){
		var id_produit= $(this).attr('id_produit');
		
	});
	$(".chevron").click(function(){
		var id_produit= $(this).attr('id_produit');
		
		ouvreChevron(id_produit,'');
		
	});
	$(".chevron_fermant").click(function(){
		var id_sscat= $(this).attr('id_sscat');
		window.location.href="/list_product.php?id="+id_sscat;
		
	});
	
	$(".bandeau").click(function(){
		window.location.href="/index.php";
		
	});
	$(".bandeau").hover(
		function () {
		$(this).css('cursor','pointer');
		},
		function () {
		$(this).css('cursor','auto');
		}
	);
	$('.menuList').click(function(){

		
		var id_famille = $(this).attr('id_famille');
		menu_famille(id_famille);

	});



});

this.apercuFamille = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.apercu").hover(function(e){
		this.t = this.title;
		alert('test');
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'>Bonjour</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};