/*** Ouverture / Fermeture du guide ***/

/*function openCloseGuide(nomGuide, delta){
	var imgButton = document.getElementById("img_top_button_openclose_guide");

	var elY = YAHOO.util.Dom.getY(nomGuide);
	//alert(elY);

	var mini = -15;
	var maxi = -400;
		
	if(elY > maxi) 
	{
		var fromY=parseInt(delta), toY = 0; // On est en valeurs Top et pas Xy
		var animClose = new YAHOO.util.Anim(nomGuide, {top: { from: fromY, to: toY, unit: 'px'}}, 0.8, YAHOO.util.Easing.easeOut);
		animClose.animate();
		imgButton.setAttribute("src", "/img/header/header_bottom_1_open.gif");	
	}
	else if(elY < mini) 
	{
		var fromY = 0;
		var toY = parseInt(delta);
		var anim2 = new YAHOO.util.Anim(nomGuide, {top: { from: fromY, to: toY, unit: 'px'}}, 0.8, YAHOO.util.Easing.easeOut);
	    anim2.animate();
	    imgButton.setAttribute("src", "/img/header/header_bottom_1_close.gif");
	    anim2.onComplete.subscribe(function() {
			getListeProduitsByCriteres();
		});
	}
}*/

function openGuide()
{
	/*var imgButton = document.getElementById("img_top_button_openclose_guide");
	if(imgButton.getAttribute("src") !="/img/header/header_bottom_1_open.gif")
	{
		imgButton.setAttribute("src", "/img/header/header_bottom_1_open.gif");	
		document.location.href='/';
	}
	else
	{
		  imgButton.setAttribute("src", "/img/header/header_bottom_1_close.gif");
		  document.location.href='/recherche-guidee.html';
		  //getListeProduitsByCriteres();
	}*/
	 document.location.href='/recherche-guidee.html';
}


/*** Partie de gauche, gestion des appels � Celebros ***/
//http://tutorials.alsacreations.com/deroulant/menu-horizontal.htm
var a;
function show(id) {
	var d = document.getElementById(id);
	for (var i = 0; i<=110; i++) {
		if (document.getElementById('smenu'+i)) {
			document.getElementById('smenu'+i).style.display='none';
			document.getElementById('smenu'+i).parentNode.style.zIndex=5;
		}
	}
	if (d) {d.style.display='block';d.parentNode.style.zIndex=99999;clearTimeout(a);}
	
	
}
function hide(id) {
	var d = document.getElementById(id);
	if (d) {
		a = setTimeout(function(){d.style.display='none';d.parentNode.style.zIndex=5;},800);
		//d.style.display='none';d.parentNode.style.zIndex=5;
	}
	
	
}

/*** Partie de gauche, ajout du 'Je cherche' ***/
function changeJeCherche(strLibelleFamille)
{
	var strReturn = '';	
	var currElement = '';
	var nbrCritereTri = 5;
	
	if(document.forms['guideForm']!= undefined)
	{
		for(i=0, j=0; i < document.forms['guideForm'].length; i++)
		{
			if(document.forms['guideForm'].elements[i].type == 'checkbox')
			{
				if(document.forms['guideForm'].elements[i].checked==true)
				{
					var separator = (strReturn!='') ? '/&nbsp;' : ' ';
					var indx = j-nbrCritereTri; // A cause des n checkbox de tri.
					//libelle de la carac
					var caracLabelInputName='carac_'+document.forms['guideForm'].elements[i].name;
					var caracLabel='';
					if (document.getElementById(caracLabelInputName)!='undefined'){
						caracLabel=document.getElementById(caracLabelInputName).value;
					}
				
					if(parseInt(indx)>=0)
					{
						if(currElement!= document.forms['guideForm'].elements[i].name)
						{
							if (strReturn!=''){
								strReturn += separator;
							}
							strReturn += caracLabel+'&nbsp;';
							
						}
						/*if (caracLabel!=''){
							strReturn += caracLabel+'&nbsp;';
						}*/
						
						strReturn += '('+tabStrCriteres[indx]+')&nbsp;';
			
					}
					currElement = document.forms['guideForm'].elements[i].name;	
				}
				j++;
			}
		}
		
		document.getElementById('je_cherche').innerHTML = strLibelleFamille+' : '+strReturn; //Je cherche
	}
}



/*** Partie centrale, gestion des produits ***/
var lastTar = '';
var lastGoodTar ='';
var draggedElet = '';
var startPos = '';
var tabProduits = new Array();
var prodsInComparator = new Array();
var prodsIdInComparator = new Array();

//YAHOO.util.DDM.mode = YAHOO.util.DDM.INTERSECT;

function init_guide() {
    //YAHOO.util.Dom.get('log').value = 'Debut';

    play1 = new YAHOO.util.DDProxy("player1", "default", { dragElId: "produit-proxy",resizeFrame: false});
	play2 = new YAHOO.util.DDProxy("player2", "default", { dragElId: "produit-proxy",resizeFrame: false});
  	play3 = new YAHOO.util.DDProxy("player3", "default", { dragElId: "produit-proxy",resizeFrame: false});                             
    play4 = new YAHOO.util.DDProxy("player4", "default", { dragElId: "produit-proxy",resizeFrame: false});
	play5 = new YAHOO.util.DDProxy("player5", "default", { dragElId: "produit-proxy",resizeFrame: false});
	play6 = new YAHOO.util.DDProxy("player6", "default", { dragElId: "produit-proxy",resizeFrame: false});
	play7 = new YAHOO.util.DDProxy("player7", "default", { dragElId: "produit-proxy",resizeFrame: false});
	play8 = new YAHOO.util.DDProxy("player8", "default", { dragElId: "produit-proxy",resizeFrame: false});
	play9 = new YAHOO.util.DDProxy("player9", "default", { dragElId: "produit-proxy",resizeFrame: false});
	play10 = new YAHOO.util.DDProxy("player10", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play11 = new YAHOO.util.DDProxy("player11", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play12 = new YAHOO.util.DDProxy("player12", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play13 = new YAHOO.util.DDProxy("player13", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play14 = new YAHOO.util.DDProxy("player14", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play15 = new YAHOO.util.DDProxy("player15", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play16 = new YAHOO.util.DDProxy("player16", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play17 = new YAHOO.util.DDProxy("player17", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play18 = new YAHOO.util.DDProxy("player18", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play19 = new YAHOO.util.DDProxy("player19", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play20 = new YAHOO.util.DDProxy("player20", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play21 = new YAHOO.util.DDProxy("player21", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play22 = new YAHOO.util.DDProxy("player22", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play23 = new YAHOO.util.DDProxy("player23", "default", {dragElId: "produit-proxy",resizeFrame: false});
	play24 = new YAHOO.util.DDProxy("player24", "default", {dragElId: "produit-proxy",resizeFrame: false});
	
	
    play1.onDragOver = dragOver;
    play2.onDragOver = dragOver;
    play3.onDragOver = dragOver;
    play4.onDragOver = dragOver;
    play5.onDragOver = dragOver;
    play6.onDragOver = dragOver;
    play7.onDragOver = dragOver;
    play8.onDragOver = dragOver;
    play9.onDragOver = dragOver;
    play10.onDragOver = dragOver;
    play11.onDragOver = dragOver;
    play12.onDragOver = dragOver;
    play13.onDragOver = dragOver;
    play14.onDragOver = dragOver;
    play15.onDragOver = dragOver;
    play16.onDragOver = dragOver;
    play17.onDragOver = dragOver;
    play18.onDragOver = dragOver;
    play19.onDragOver = dragOver;
    play20.onDragOver = dragOver;
    play21.onDragOver = dragOver;
    play22.onDragOver = dragOver;
    play23.onDragOver = dragOver;
    play24.onDragOver = dragOver;

    play1.onDrag = dragStart;
    play2.onDrag = dragStart;
    play3.onDrag = dragStart;
    play4.onDrag = dragStart;
    play5.onDrag = dragStart;
    play6.onDrag = dragStart;
    play7.onDrag = dragStart;
    play8.onDrag = dragStart;
    play9.onDrag = dragStart;
    play10.onDrag = dragStart;
    play11.onDrag = dragStart;
    play12.onDrag = dragStart;
    play13.onDrag = dragStart;
    play14.onDrag = dragStart;
    play15.onDrag = dragStart;
    play16.onDrag = dragStart;
    play17.onDrag = dragStart;
    play18.onDrag = dragStart;
    play19.onDrag = dragStart;
    play20.onDrag = dragStart;
    play21.onDrag = dragStart;
    play22.onDrag = dragStart;
    play23.onDrag = dragStart;
    play24.onDrag = dragStart;

	play1.startDrag = onStartDrag;
	play2.startDrag = onStartDrag;
	play3.startDrag = onStartDrag;
	play4.startDrag = onStartDrag;
	play5.startDrag = onStartDrag;
	play6.startDrag = onStartDrag;
	play7.startDrag = onStartDrag;
	play8.startDrag = onStartDrag;
	play9.startDrag = onStartDrag;
	play10.startDrag = onStartDrag;
	play11.startDrag = onStartDrag;
	play12.startDrag = onStartDrag;
	play13.startDrag = onStartDrag;
	play14.startDrag = onStartDrag;
	play15.startDrag = onStartDrag;
	play16.startDrag = onStartDrag;
	play17.startDrag = onStartDrag;
	play18.startDrag = onStartDrag;
	play19.startDrag = onStartDrag;
	play20.startDrag = onStartDrag;
	play21.startDrag = onStartDrag;
	play22.startDrag = onStartDrag;
	play23.startDrag = onStartDrag;
	play24.startDrag = onStartDrag;
	
    play1.onDragDrop = dragDrop;
    play2.onDragDrop = dragDrop;
    play3.onDragDrop = dragDrop;
    play4.onDragDrop = dragDrop;
    play5.onDragDrop = dragDrop;
    play6.onDragDrop = dragDrop;
    play7.onDragDrop = dragDrop;
    play8.onDragDrop = dragDrop;
    play9.onDragDrop = dragDrop;
    play10.onDragDrop = dragDrop;
    play11.onDragDrop = dragDrop;
    play12.onDragDrop = dragDrop;
    play13.onDragDrop = dragDrop;
    play14.onDragDrop = dragDrop;
    play15.onDragDrop = dragDrop;
    play16.onDragDrop = dragDrop;
    play17.onDragDrop = dragDrop;
    play18.onDragDrop = dragDrop;
    play19.onDragDrop = dragDrop;
    play20.onDragDrop = dragDrop;
    play21.onDragDrop = dragDrop;   
    play22.onDragDrop = dragDrop;   
    play23.onDragDrop = dragDrop;   
    play24.onDragDrop = dragDrop;      

    play1.onMouseUp = mouseUp;
    play2.onMouseUp = mouseUp;
    play3.onMouseUp = mouseUp;
    play4.onMouseUp = mouseUp;
    play5.onMouseUp = mouseUp;
    play6.onMouseUp = mouseUp;
    play7.onMouseUp = mouseUp;
    play8.onMouseUp = mouseUp;
    play9.onMouseUp = mouseUp;
    play10.onMouseUp = mouseUp;
    play11.onMouseUp = mouseUp;
    play13.onMouseUp = mouseUp;
    play14.onMouseUp = mouseUp;
    play15.onMouseUp = mouseUp;
    play16.onMouseUp = mouseUp;
    play17.onMouseUp = mouseUp;
    play18.onMouseUp = mouseUp;
    play19.onMouseUp = mouseUp;
    play20.onMouseUp = mouseUp;
    play21.onMouseUp = mouseUp;
    play22.onMouseUp = mouseUp;
    play23.onMouseUp = mouseUp;
    play24.onMouseUp = mouseUp;
    
    play1.onDragOut = dragOut;
    play2.onDragOut = dragOut;
    play3.onDragOut = dragOut;
    play4.onDragOut = dragOut;
    play5.onDragOut = dragOut;
    play6.onDragOut = dragOut;
    play7.onDragOut = dragOut;
    play8.onDragOut = dragOut;
    play9.onDragOut = dragOut;
    play10.onDragOut = dragOut;
    play11.onMouseUp = mouseUp;
    play12.onMouseUp = mouseUp;
    play13.onMouseUp = mouseUp;
    play14.onMouseUp = mouseUp;
    play15.onMouseUp = mouseUp;
    play16.onMouseUp = mouseUp;
    play17.onMouseUp = mouseUp;
    play18.onMouseUp = mouseUp;
    play19.onMouseUp = mouseUp;
    play20.onMouseUp = mouseUp;
    play21.onMouseUp = mouseUp;
    play22.onMouseUp = mouseUp;
    play23.onMouseUp = mouseUp;
    play24.onMouseUp = mouseUp;
        
    tar1 = new YAHOO.util.DDTarget('cp1');
    tar2 = new YAHOO.util.DDTarget('cp2');
    tar3 = new YAHOO.util.DDTarget('cp3');
    tar4 = new YAHOO.util.DDTarget('cp4');
    tar4 = new YAHOO.util.DDTarget('cp5');
    
    // Initialisation de la popup d'ajout de produit au panier.
    YAHOO.namespace("popup.container");
    var posX = Math.floor((document.body.clientWidth) - 585)/2;
    var height = (document.all) ? document.body.clientHeight : window.innerHeight;
    var posY = Math.floor((height) - 585)/2;
    
	/*YAHOO.popup.container.popupaddproduitpanier = new YAHOO.widget.Dialog("popup_add_produit_panier", 
							{ width:"585px",
							  height:"600px",
							  x:posX,
							  y:posY,
							  zIndex:9999,
							  fixedcenter:false,
							  visible:false, 
							  constraintoviewport:true,
							  draggable:false,
							  modal:true,
							  effect:[{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.5}]
							});
	YAHOO.popup.container.popupaddproduitpanier.render(document.body);*/
    
    // On lance la MAJ du "Je cherche"
    //changeJeCherche();   
}

function dragOver(ev, id) {
	//Le produit sélectionné est-il dans le comparateur?
	var isInComparateur = false;
	var bestMatch = YAHOO.util.DDM.getBestMatch(id);
	
	for(i=0; i<prodsInComparator.length;i++)
	{
		if(prodsInComparator[i] == draggedElet.id)
		{
			isInComparateur = true;
		}
	}
	
	// Un produit ne peut pas etre repos� sur un produit
    if(bestMatch.id.substring(0,6)!='player' && !isInComparateur)
    {
    	
   		//if(typeof(lastTar)!='undefined'){ YAHOO.util.Dom.setStyle(lastTar.id, 'background-image', '/img/guide/fond_element_comparateur_over.png');}
    	if (lastTar && typeof(lastTar)!='undefined' && (lastTar.id != bestMatch.id) ) {
        	//YAHOO.util.Dom.setStyle(lastTar.id, 'background-image', '/img/guide/fond_element_comparateur.png');
    	}
    	lastTar = bestMatch;
    }
   // YAHOO.util.Dom.get('logs').value = 'LasTar'+lastTar;
}

function dragOut(ev,id)
{
	// Permet la remise en place de l'�lement du comparate
	//if(typeof(lastTar)!='undefined' && lastTar != ''){ YAHOO.util.Dom.setStyle(lastTar.id, 'background-image', '/img/guide/fond_element_comparateur.png');}
	lastTar = '';
	//YAHOO.util.Dom.get('logs').value = 'LasTar'+lastTar.id;
}

function dragDrop(ev, id) {
    var bestMatch = YAHOO.util.DDM.getBestMatch(id);
    if(bestMatch.id.substring(0,6)!='player')
    {
	    var tar = YAHOO.util.Event.getTarget(ev);
	    xy = YAHOO.util.Dom.getXY(bestMatch.id);
	    YAHOO.util.Dom.setXY(tar, xy);
	
	    //Ca empeche le redéplacement d'un élement. A voir..
	    //this.unreg();
	}
}

function mouseUp(ev) {
	var nbrElementParPage = 12;
   	//Permet un retour arri�re de l'élement lorsqu'il est relaché et redonne la bonne transparence au player d'origine	
    YAHOO.util.Dom.setXY(draggedElet.id, startPos);
	YAHOO.util.Dom.setStyle(draggedElet, 'opacity', 1);
	YAHOO.util.Dom.setStyle(draggedElet, 'filter', 'alpha(opacity=100)');
	YAHOO.util.Dom.setStyle(draggedElet, '-moz-opacity', '1');
	
	//YAHOO.util.Dom.get('logs').value = lastTar.id;
	
    if(typeof(lastTar)!='undefined' && lastTar!='')
    {
    	//On connait l'id du comparateur ou le DD est déposé
    	var targ = lastTar.getEl();
    	var targ = document.getElementById(lastTar.id);  
    	
    	var comparateurId = lastTar.id.substring(2);
    	var draggedEletId = (draggedElet.id.substring(6)-1);
    	//On connait l'id du produit concerné
    	var pageEncours = parseInt(document.getElementById("curpage").value);
    	var delta=((pageEncours-1)*nbrElementParPage);     	
    	var CurdraggedEletId = draggedEletId+delta;    	
    	var productid = tabProduits[CurdraggedEletId]['prodid'];
        var productidBt =  tabProduits[CurdraggedEletId]['id'];
    	if(typeof(targ)!='undefined'){ targ.innerHTML = '<img src=\'http://www.lamaisondevalerie.fr/img/produits/'+productid+'_v.jpg\' width=\'52\' height=\'51\' border=0>';}
    	    	
    	// On mémorise le produit qui a été déposé dans le comparateur 
	    prodsInComparator.push(draggedElet.id);
	    prodsIdInComparator.push(productidBt);
    }
}

function onStartDrag()
{
	var el = this.getEl();
	draggedElet = el;
	startPos = YAHOO.util.Dom.getXY(el.id)
}

function dragStart() {
	//Un peu de transparence sur l'élément que l'on déplace
	var customDrag = this.getDragEl();
	customDrag.innerHTML = draggedElet.innerHTML;
	YAHOO.util.Dom.setStyle(draggedElet, 'opacity', 0.23);
	YAHOO.util.Dom.setStyle(draggedElet, 'filter', 'alpha(opacity=23)');
	YAHOO.util.Dom.setStyle(draggedElet, '-moz-opacity', '0.23');
}

/*** gestion XML ***/
function getListeProduitsByCriteres(allProd) 
{

	displaydiv("div_wait",1);
	//On récupère les choix sélectionnées, et on interroge l'url qui va bien.
	var strCrits = '';
	try
	{
	
		for(i=1; i<=document.forms['guideForm'].nbrCrit.value; i++)
		{
			var strName = 'chkbx'+i;
			var chkCrit = document.forms['guideForm'].elements[strName];
			var checkedElets = '';
			
			if(chkCrit)
			{
				for(j=1,k=0; k<chkCrit.length;j++, k++)
				{
					if(chkCrit[k].checked)
					{
						if(allProd)
						{
							chkCrit[k].checked=false;
							
						}
						else
						{
							checkedElets+= chkCrit[k].value+',';
						}
					}
				}
				
				if(checkedElets!='')
				{
					strCrits+= '&ct'+i+'='+checkedElets.substring(0,checkedElets.length-1)+'';
				}
			}
			
	 	}
	 	
	 	var checkedElets = '';
	 	var triCrit = document.forms['guideForm'].elements['chkbxTri'];
	 	 
	 	if(triCrit)
		{
	 		for(k=0; k<triCrit.length; k++)
	 		{
	 			if(triCrit[k].checked)
		 		{
		 		
					if(allProd)
					{
						triCrit[k].checked=false;
					}
					else
					{
						checkedElets+= triCrit[k].value+',';
					}
				}
			}
			if(checkedElets!='')
			{
				strCrits+= '&tri='+checkedElets.substring(0,checkedElets.length-1)+'';
			}
		}
						
		// Script PHP de récupération des données de Antidot.
		var sUrl = '/inc/pages/async/getProductsByCriteres.php';
		var strFamilleName = '&strg1='+document.forms['guideForm'].elements['strfamille'].value;
		sUrl += document.forms['guideForm'].elements['selGuide'].value+strCrits+strFamilleName;

	}
	catch(err)
	{
		displaydiv("div_wait",0);
		//alert(err.description);
	}

	
	
	/*YAHOO.util.Connect.asyncRequest(
		'GET', 
		url, 
		{
			success:afficheListeProduitsBDD, 
			failure:afficheListeProduitsBDDFailed
		}
	);*/
	$.ajax({
	  	url: sUrl,
	  	success: afficheListeProduitsBDD,
	  	error: afficheListeProduitsBDDFailed,
	  	type: "GET"
 	});
}
function unChekTri(id)
{
	var triCrit = document.forms['guideForm'].elements['chkbxTri'];
	triCrit[id].checked=false;
}


function afficheListeProduitsBDDFailed(o)
{
	//alertMsg('Pb de récupération avec la BDD');
	//displaydiv("div_wait", 0);
}

function majCurpage(pageInfo){

	try
	{
		var inputPage= document.getElementById("curpage");
		var pageEncours = parseInt(inputPage.value);
		
		switch(pageInfo)
		{
		case 'page_prec':
			inputPage.value=pageEncours-1;
		break;
		case 'page_suiv':
			inputPage.value=pageEncours+1;
		break;
		default:
			inputPage.value=pageInfo;
		break;
		}
		afficheListeProduits();
	}catch(err){
		
	}
	

}
function videProduitListeProduits(i){
	changecss('p'+i, 'produit_guide');
	printdiv(i+'_produit_img', '');		
	printdiv(i+'_produit_titre1', '');
	printdiv(i+'_produit_titre2', '');
	printdiv(i+'_produit_desc', '');
	printdiv(i+'_produit_prix', '');
	printdiv(i+'_prix_barre', '');
	printdiv(i+'_add_basket_img', '');
	//YAHOO.util.Dom.setStyle('p'+i, 'background-image', '');
	printdiv(i+'_facilite_paiement', '');
	printdiv(i+'_produit_comparer', '');
	printdiv(i+'_produit_wishlist', '');
	
}
function afficheListeProduits(){
	var nbVignettesParPage=24;
	var nbPagesMax=11;
	/* ********** DEBUT PAGINATION ******** */
	var pageEncours = parseInt(document.getElementById("curpage").value);
	var nbpages=Math.ceil(tabProduits.length/nbVignettesParPage);
	if(tabProduits.length > nbVignettesParPage){
		if (pageEncours>1){
			displaydiv('page_prec_haut',true);
			displaydiv('page_prec_bas',true);
		}else{
			displaydiv('page_prec_haut',false);
			displaydiv('page_prec_bas',false);
		}
		if (nbpages>1){
			var listePages='';
			var pageListeDebut=pageEncours;
			// si on est en début de liste
			if (pageEncours<=nbPagesMax){
				pageListeDebut=1;
			}else if(pageEncours>nbPagesMax){
				listePages+= '... ';
				if (nbpages-pageEncours<nbPagesMax){
					//si on est en fin de liste
					pageListeDebut=(nbpages-nbPagesMax)+1;
				}else{
					// si on est en milieu de liste
					pageListeDebut=(Math.floor(pageEncours/nbPagesMax)*nbPagesMax);
				}
				
			}
			
			for(var i=0; i<nbPagesMax;i++)
			{ 
				
				j=(pageListeDebut+i);
				if (listePages!=''){
					listePages+=' / ';
				}
				listePages+='<a href="javascript:majCurpage('+j+');" ';
				if (pageEncours==j){
					listePages+= ' class="selected" ';
				}
				listePages+=' title="'+j+'">'+j+'</a>';
				if (j==nbpages){
					 break;
				}
				
			}
			
			if (pageListeDebut+nbPagesMax<=nbpages){
				listePages+= '...';
			}
			printdiv('pages_haut', listePages);
			printdiv('pages_bas', listePages);
		}
		if (nbpages==pageEncours){
			displaydiv('page_suiv_haut',false);
			displaydiv('page_suiv_bas',false);
		}else{
			displaydiv('page_suiv_haut',true);
			displaydiv('page_suiv_bas',true);
		}
		displaydiv('pagination_haut',true);
		displaydiv('pagination_bas',true);
	}else{
		displaydiv('pagination_haut',false);
		displaydiv('pagination_bas',false);
	}
	// debut tag Criteo
	//var criteolisteProduitsStr="";
	// fin tag Criteo
	for(var i=1; i<=nbVignettesParPage;i++)
	{
		j=((pageEncours-1)*nbVignettesParPage)+(i-1);
		

		//YAHOO.log("i : "+i);
		//YAHOO.log("produits lenght: "+produits.length);
		if(tabProduits.length==0 || j>(tabProduits.length-1))
		{
			videProduitListeProduits(i);
		}
		else
		{
			videProduitListeProduits(i);
			changecss('p'+i, 'produit_guide fond_produit_guide');
			var titre1 = (tabProduits[j]['titre1'].length == 0) ? '&nbsp;' : tabProduits[j]['titre1']; 
			var titre2 = (tabProduits[j]['titre2'].length == 0) ? '&nbsp;' : tabProduits[j]['titre2'];			
			
			var pastille='';
			if (parseInt(tabProduits[j]['oldprice'])>0){
				pastille='<img src="/img/transp.gif" class="pastilleVignette sprite-soldes s_'+getPourcentReduc(tabProduits[j]['price'],tabProduits[j]['oldprice'],false)+'" alt="'+getPourcentReduc(tabProduits[j]['price'],tabProduits[j]['oldprice'],false)+'% de réduction" title="'+getPourcentReduc(tabProduits[j]['price'],tabProduits[j]['oldprice'],false)+'% de réduction" onload="setpng(this)" width="40px" height="40px">';
			}else if(tabProduits[j]['prix_catalogue']>0){
				pastille='<img src="/img/commun/picto_baisse-prix.png" class="pastilleVignette" alt="Prix en baisse" title="Prix en baisse" >';
			}else if(tabProduits[j]['prix_mandarine']>0){
				pastille='<img src="/img/commun/picto_lancement.png" class="pastilleVignette" alt="Prix de lancement" title="Prix de lancement">';
			
			}else if (tabProduits[j]['labels']!=''){
				var arrLabels=tabProduits[j]['labels'].split(';');
				if (arrLabels.length>0 && arrLabels[0]!=''){
					var alt=arrLabels[0].substring(0,arrLabels[0].length-3);
			
					pastille='<img src="/com/logos/'+arrLabels[0]+'" class="pastilleVignette" alt="'+alt.replace('"',' ')+'" title="'+alt.replace('"',' ')+'" >';
				}
			}
			var pastille_reevoo= (parseInt(tabProduits[j]['reevoo_score'])>0)? '<a href="#" onclick="ReevooMark.show_popup(\''+tabProduits[j]['prodid']+'\');"><img src="/img/reevoo/'+number_format_php(tabProduits[j]['reevoo_score'], 1, '.', '')+'.png" alt="Ce produit '+tabProduits[j]['titre1']+' a reçu une note de '+tabProduits[j]['reevoo_score']+' / 10" title="Ce produit '+tabProduits[j]['titre1']+' a reçu une note de '+tabProduits[j]['reevoo_score']+' / 10" width="46" height="28" border="0" onload="setpng(this)"></a>':'';

			var proddescription = tabProduits[j]['description'];
			
			//alert(prodname);
			var url= tabProduits[j]['libelle_url']+'-p-'+tabProduits[j]['prodid']+'.html';
			
			var addBasktPanierDiv = '<a href="javascript:addProductBasketPopup(\''+tabProduits[j]['numart']+'\')" id="add_basket_ref"><img height="17px" border="0" width="102px" alt="Ajouter au panier" title="Ajouter au panier" src="/img/commun/ajouter_panier_taille2.gif"/></a>';
			//var comparer = '<a href="#" class="produit_comparer">comparer</a>';
			//var wishlist = '<a href="javascript:addToWishlist(\''+tabProduits[j]['numart']+'\');"><img height="17px" border="0" width="54px" alt="Ma liste" title="Ma liste" src="/img/commun/ma_liste.gif" /></a>';
			printdiv(i+'_produit_img', pastille +'<a href="'+url+'"><img src="/img/produits/'+tabProduits[j]['id_image']+'_v.jpg" width="105" height="105" border="0" alt="'+proddescription+'" title="'+proddescription+'" onError="javascript:this.src=\'/img/commun/404.gif\';" id="guide_img_v"/></a>');		
			printdiv(i+'_produit_titre1', titre1);
			printdiv(i+'_produit_titre2', titre2);
			printdiv(i+'_produit_desc', proddescription);
			printdiv(i+'_produit_prix', '<b>'+tabProduits[j]['price']+' &euro;<b><br/>');
			if(tabProduits[j]['oldprice']>0)
			{
				printdiv(i+'_prix_barre', '<span class="prix_barre">'+tabProduits[j]['oldprice']+' &euro;</span>');
			}
			printdiv(i+'_add_basket_img', addBasktPanierDiv);
			var vignette_fond_url = '/img/commun/vignette_produit_fond.png';
			if (tabProduits[j]['vignette_orange']==1){
				vignette_fond_url = '/img/commun/vignette_produit_fond_orange.png';
			}
			//YAHOO.util.Dom.setStyle('p'+i, 'background-image', 'url(\''+vignette_fond_url+'\')');
			//YAHOO.util.Dom.setStyle('p'+i, 'background-repeat', 'no-repeat');
			
			//printdiv(j+'_facilite_paiement', 'Facilité des paiements');
			//printdiv(j+'_produit_comparer', comparer);
			//printdiv(i+'_produit_wishlist', wishlist);		
			printdiv(i+'_produit_wishlist', pastille_reevoo);
			// debut tag Criteo
			/*if (i<=3){
				criteolisteProduitsStr+='&i'+i+'='+tabProduits[j]['prodid'];
			}*/
			// fin tag Criteo
		}
	}
	// debut tag Criteo
	//printdiv('tagCriteolisteProduits', getTagCriteolisteProduits(criteolisteProduitsStr));
	// fin tag Criteo
	
}
/*function getTagCriteolisteProduits(listeProduitsStr){
	var tagCriteolisteProduitsStr="";
	if (listeProduitsStr!=""){
		tagCriteolisteProduitsStr+="<div id=\"cto_se_7709149_ac\" style=\"display:none\"><div class=\"ctoWidgetServer\">http:\/\/widget.criteo.com\/pmo\/<\/div><div class=\"ctoDataType\">sendEvent<\/div>";
		tagCriteolisteProduitsStr+="<div class=\"ctoParams\">wi=7709149&pt1=3"+listeProduitsStr+"<\/div><\/div>";
	}
	return tagCriteolisteProduitsStr;
}*/
function afficheListeProduitsBDD(html) 
{
	displaydiv("div_wait", 0);
	eval(html);
	// On récupère en global ce que nous renvoi la BDD.
	tabProduits = produits;
	printdiv('criteres_row_nbr_value', produits.length+' articles');
	// reinitialise la pagination
	majCurpage(1);
	if (produits.length<=0){
		displaydiv('liste_produits',false);
		printdiv('guide_message', 'Désolé, aucun article ne correspond à votre sélection.<ul><li><img style="cursor: pointer;" src="/img/guide/bouton_tous_produits.gif" onclick="javascript:getListeProduitsByCriteres(true);"/></li></ul>');
	}else{
		printdiv('guide_message','');
		displaydiv('liste_produits',true);
		afficheListeProduits();
	}
	changeJeCherche(produits['famille_libelle']);
}


function changeSelectCat()
{
	var selIndex = document.forms['guideForm'].elements['selGuide'].options[document.forms['guideForm'].elements['selGuide'].selectedIndex].value;
	if(selIndex!=-1)
	{
		document.location.href= selIndex;
	} 
}

function openComparateur()
{
	//Fermeture du guide - sans perte de données: à gérer.
	//openCloseGuide('fenGuide','420');
			
	//On envoie tout à la page de comparateur.
	var produitsIdsComp = document.getElementById("produitsIdsComp");
	produitsIdsComp.value = prodsIdInComparator;
	document.forms['guideForm'].action = "/comparateur.html";
	document.forms['guideForm'].submit();
}

/*** Popup info user. ***/

$(window).ready(function() {

	$('#lien_espace_client').mouseover(function()
	{
		$('#popUpUserDiv').dialog('destroy');
		$('#popUpUserDiv').dialog({width:400,
							height:120,
							position:[790,30],
							zIndex:9999,
							draggable:false,
							modal:false,
							resizable: false,
							closeOnEscape: false,
							title:"<div id='popUpUserDivTitle'>Mon compte</div>",
							open:$(".ui-dialog-titlebar-close").hide()					
		});
		$(".ui-dialog-titlebar-close").hide()
	});
	
	$('#popUpUserDiv').mouseleave(function()
	{
		setTimeout(function(){$('#popUpUserDiv').dialog('close')}, 500);
	});
});



/***  gestion onload ***/
/*YAHOO.util.Event.addListener(window, 'load', init_guide);
YAHOO.util.Event.addListener(window, 'load', show);
YAHOO.util.Event.addListener('selGuide', 'change', changeSelectCat);*/

//$(window).ready(init_guide);

$(window).ready(show);
$('#selGuide').change(changeSelectCat);