/////////////////////mes variables global
var mon_filtre_categorie="";




var pos_origine_panier=0;

var nbr_article_diff=0;

var  prix_total="";
var  num_article="";


var pause_affic_fenetre="";
var compteur_pause_fenetre=0;


var connecter_login="false";







function affichage_produit(resultat) {

//alert(resultat);

 // tableau_construit = resultat.split("sspplliitt");
  /*
  i=0;
  resultat_requete="";
  while (i<tableau_construit.length){
    
    resultat_requete+=tableau_construit[i]+"<br/>";
    i++;
  
  }*/
  
 // document.getElementById("zone_result_recherche").innerHTML = resultat_requete; 
 
  document.getElementById("zone_result_recherche").innerHTML = resultat; 
 
  //alert(document.all.ma_div_conteneur_resultat1.offsetLeft);
 // alert(parseInt(document.getElementById('partie_centre').offsetTop));
// document.write(document.all.ma_div_conteneur_resultat'.$i.'.offsetLeft);  
//alert(parseInt(document.getElementById('ma_div_conteneur_resultat1').offsetTop));

}


/*

function startdrag(ma_div){

  alert(ma_div);

}

*/




   
//////////////////////////////////////////function initialisation affichage de toutes les categories ///////////////////////
//function init(){

//acheter("null");
   
///////////////////initialisation////////////

  document.onmousemove= moveit;
  document.onmouseup= enddrag;

/*
  document.getElementById('fantome').style.top=parseInt(document.getElementById('fantome').offsetTop);
  document.getElementById('fantome').style.left=parseInt(document.getElementById('fantome').offsetLeft);
 */ 
  
  // document.getElementById('fantome').style.top=parseInt(document.getElementById('partie_rss').offsetTop);
 //  document.getElementById('fantome').style.left=parseInt(document.getElementById('partie_rss').offsetLeft);

/*
  document.getElementById("fantome").style.visibility="hidden";
*/

//}




///////////////////////////////////////////rollover zone centre

function rollover_centre(){



}

///////////////////////////////////////////////////selection des produits//////////////////////////

function select_produit(id_produit,nom_produit){

//  alert(id_produit);
  //window.location.href = "page_principale2.php?produit="+id_produit+"&nomproduit="+nom_produit;
 // window.location.href = "page_principale2.php?produit="+id_produit;
 window.location.href = "produit-"+id_produit+"-"+nom_produit+".html";

//window.location.href = "produit-"+id_produit+".html";

}




function acheter(mon_produit,nature_produit,mode_achat){

  //alert (nature_produit);
  
  if(nature_produit=="vod"){
        document.getElementById("bouton_acheter_gauche").style.cursor="text";                                             
        document.getElementById("bouton_acheter_gauche").innerHTML='<br/>&nbsp; <br/>vid&eacute;o d&eacute;ja ajout&eacute;e';  
        document.getElementById("bouton_acheter_gauche").onclick='';  
  }
 

    if ((mode_achat=="mode_achat_v1")||(mode_achat=="mode_achat_v2")) {
        detect_nature_doublon_anim_panier(mon_produit,nature_produit,mode_achat);
    }  
 
 
  
  
  var xhr_object = null; 
	     
  if(window.XMLHttpRequest) {
    // Firefox 
    xhr_object = new XMLHttpRequest(); 
  }
  else if(window.ActiveXObject) {
    // Internet Explorer 
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  else { // XMLHttpRequest non support&eacute; par le navigateur 
    return; 
  }


  xhr_object.open("POST", "mon_panier.php", true); 

  xhr_object.onreadystatechange = function() { 	      
	  if(xhr_object.readyState == 4) { 	    

	      var resultat=(xhr_object.responseText);
		  affichage_panier(resultat,nature_produit);
    } 
  } 


  xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

  var data ="mon_produit="+mon_produit+"&nature_produit="+nature_produit+"&ajout_produit=true";  

  xhr_object.send(data); 

  
  
   
}




function retirer_panier(mon_produit,nature_produit){
//alert (nature_produit);


  var xhr_object = null; 
	     
  if(window.XMLHttpRequest) {
    // Firefox 
    xhr_object = new XMLHttpRequest(); 
  }
  else if(window.ActiveXObject) {
    // Internet Explorer 
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  else { // XMLHttpRequest non support&eacute; par le navigateur 
    return; 
  }


  xhr_object.open("POST", "mon_panier.php", true); 

  xhr_object.onreadystatechange = function() { 	      
	  if(xhr_object.readyState == 4) { 	    

	      var resultat=(xhr_object.responseText);
		  affichage_panier(resultat,nature_produit);
    } 
  } 


  xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

  var data ="mon_produit="+mon_produit+"&nature_produit="+nature_produit+"&ajout_produit=false";  

  xhr_object.send(data); 

}



function affichage_panier(resultat,nature_produit){
 
  
 /* 
  mon_panier_tableau[mon_panier_tableau.length]=mon_produit;
  
  i=0;
  document.getElementById("partie_rss").innerHTML="";
  while (i<(mon_panier_tableau.length)){
    
    document.getElementById("partie_rss").innerHTML += mon_panier_tableau[i]+"<br/>";
  //  alert (mon_panier_tableau[i]); 
    i++;
  }
  alert(mon_panier_tableau.length);
*/



 /* //document.getElementById("partie_rss").innerHTML = "<table>"+resultat+"<\/table>";*/
 
 
 /* ancien bon
  document.getElementById("zone_ascenceur_panier").innerHTML = "<table>"+resultat+"<\/table>";
 */
 
  //document.getElementById("zone_article_panier").innerHTML = "<table>"+resultat+"<\/table>";
  
  //////////////nombre de produit differents
  nbr_article_diff_prec=nbr_article_diff;
  
  nbr_article_diff = resultat.split('item_panier').length-1;
  
  
  
  
  /////////////////affichage ou non du panier //
 
  if(nbr_article_diff>0){
  /* document.getElementById("affichage_haut_panier").innerHTML =  '<a href="affich_pannier.php?height=410&amp;width=638" class="thickbox" title="">panier</a> | '; */
  document.getElementById("affichage_haut_panier").innerHTML = "panier | "
  }
  else{
    document.getElementById("affichage_haut_panier").innerHTML =""; 
  }
    
  
  //alert (nbr_article_diff);
  
  //zone_panier_prix
 // alert ("pause1");
  recup_var_session();
  
  
  
 // document.getElementById("zone_article_panier").innerHTML = resultat;
 // alert (prix_total);
  produit_retire!=null;
  
  
  
  if( fond_noir_active==true){
   affiche_gere_panier();
  }

  /*
  affichage_fleche_panier();
  if (nbr_article_diff_prec>nbr_article_diff){
    monter();
  }
  */
  
  /*affichage_fleche_panier();
  
  prec_num_article=num_article;
  monter();*/
  //alert(num_article);
  
  
  
  
  ///////////////////changement eventuel du bouton vod
  
  
      //////////////detection du produit dans le panier
 /*
    if(isset($_SESSION['caddie']["vod".$row[0]])) {	  
       $vod_deja_achete=true;
    }
    else{
       $vod_deja_achete=false;
    }
    */
    
  
  /*
  
                       if (!$vod_deja_achete){                     
                       echo'<div id="bouton_acheter_gauche" class="bouton_acheter_choix" style=""><br/><strong><a href="#" onclick="acheter('.$row[0].',\'vod\',\'mode_achat_v1\')">&nbsp; <br/>'.$row[6].' &euro;</a></strong></div>';
                     }
                     else {
                       echo'<div id="bouton_acheter_gauche" class="bouton_acheter_choix" style=""><br/><strong>&nbsp; <br/>'.$row[6].' &euro; </strong>d&eacute;ja ajout&eacute;e</div>';
                     }
  
  */
  

//  alert("aa");

  

}










///////////////////////drag drop//////////////////
 
var drag=false;
   
var pos_final_drag_x=0;
var pos_final_drag_y=0;   

var pos_initial_drag_x=0;
var pos_initial_drag_y=0;

var val_depl_drag_x=0;
var val_depl_drag_y=0;

var timer1=null;

var produit_retire=null;


//var mon_panier_tableau= new Array();

/*
function disableselect(e){
return false;
}
function reEnable(e){
return true;
}
*/




function select_panier(mon_produit,nom_image){

// alert("ta race");
// alert(ii);

  drag=true; 
  
  produit_retire=mon_produit;
 // img/miniature_panier.jpg
 // nom_image="img/miniature_panier.jpg";
  
  document.getElementById('fantome').style.background='url("'+nom_image+'") no-repeat bottom center';
  
     
  document.getElementById('fantome').style.offsetTop=parseInt(document.getElementById('partie_rss').offsetTop)+'px';
  document.getElementById('fantome').style.offsetLeft=parseInt(document.getElementById('partie_rss').offsetLeft)+'px';

  //alert(parseInt(document.getElementById('fantome').offsetTop));
 // disableselect;
  
 // pos_initial_drag_y=parseInt(document.getElementById(ma_div).offsetTop);
 // pos_initial_drag_x=parseInt(document.getElementById(ma_div).offsetLeft);
 
 
 
 // document.getElementById("fantome").style.visibility="visible";
  
//  document.getElementById("fantome_texte").innerHTML = document.getElementById(ma_div).innerHTML;  

}

function moveit(e){   

  if(drag==true){   
   // alert(parseInt(document.getElementById("fantome").style.top));
    var cursorPosX = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.clientX;
    var cursorPosY = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.clientY;
    
  /*  pos_final_drag_x=cursorPosX;
    pos_final_drag_y=cursorPosY;*/
    // alert(cursorPosX);
   
    document.getElementById("fantome").style.left=(cursorPosX-25)+'px';
    document.getElementById("fantome").style.top=(cursorPosY-25)+'px'; 
  
    if(document.getElementById("fantome").style.visibility!="visible"){ 
      document.getElementById("fantome").style.visibility="visible";
    }
  }
   
}  


function enddrag(e){

  if(drag==true){  
  
    drag=false; 
    


    
    
    
    ////////////sortie zone on vire un enregistrement ////////////
 
    if ( (parseInt(document.getElementById("fantome").offsetTop))> (parseInt(document.getElementById("partie_rss").offsetTop)-50) &&
       (parseInt(document.getElementById("fantome").offsetTop))< (parseInt(document.getElementById("partie_rss").offsetTop)+parseInt(document.getElementById("partie_rss").offsetHeight)+50) &&
       (parseInt(document.getElementById("fantome").offsetLeft))> (parseInt(document.getElementById("partie_rss").offsetLeft)-50) &&
       (parseInt(document.getElementById("fantome").offsetLeft))< (parseInt(document.getElementById("partie_rss").offsetLeft)+parseInt(document.getElementById("partie_rss").offsetWidth)+50) ){ 
       
   /*      if ( (parseInt(document.getElementById("fantome").style.top))> (parseInt(document.getElementById("partie_rss").style.top)-50) &&
       (parseInt(document.getElementById("fantome").style.top))< (parseInt(document.getElementById("partie_rss").style.top)+parseInt(document.getElementById("partie_rss").offsetHeight)+50) &&
       (parseInt(document.getElementById("fantome").offsetLeft))> (parseInt(document.getElementById("partie_rss").offsetLeft)-50) &&
       (parseInt(document.getElementById("fantome").offsetLeft))< (parseInt(document.getElementById("partie_rss").offsetLeft)+parseInt(document.getElementById("partie_rss").offsetWidth)+50) ){*/
       
       ///////////////code a inscrire envetuellement si c'est a l interieur
       }
       else {
         //alert("c bon");
         if ((produit_retire!=null) && (parseInt(document.getElementById("fantome").style.left)!=0) && (parseInt(document.getElementById("fantome").style.top)!=0)) {
           retirer_panier(produit_retire);
         }
       }
    
    
   // reEnable;

//  var pos_final_drag_x= (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.clientX;
//  var pos_final_drag_y= (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.clientY;

  
  /*
  val_depl_drag_x=(pos_final_drag_x-pos_initial_drag_x)/15;
  val_depl_drag_y=(pos_final_drag_y-pos_initial_drag_y)/15;
  

  timer01 =  setInterval("repositionnement_fantome()", 10);*/
 } 

////////////remise a zero complete de position et opacite du fantome

    document.getElementById("fantome").style.visibility="hidden";
    document.getElementById("fantome").style.left=0+'px';
    document.getElementById("fantome").style.top=0+'px'; 

  
}  


/*

function filtre(mon_filtre){

  mon_filtre_categorie=mon_filtre;
  document.getElementById("zone_filtre").innerHTML="filtre : "+mon_filtre+"<br/>";


}
*/

// pour connaitre l etat / fond noir ou pas
//var fond_noir=false;
















var fond_noir_active=false;


function gere_panier(mon_produit,nature_produit){ //alert(mon_produit);

  fond_noir_active=true;
  retirer_panier(mon_produit,nature_produit);

  
     
}


function affiche_gere_panier(){

  var xhr_object = null; 
	     
  if(window.XMLHttpRequest) {
    // Firefox 
    xhr_object = new XMLHttpRequest(); 
  }
  else if(window.ActiveXObject) {
    // Internet Explorer 
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  else { // XMLHttpRequest non support&eacute; par le navigateur 
    return; 
  }


  xhr_object.open("POST", "panier_black.php", true); 

  xhr_object.onreadystatechange = function() { 	      
	  if(xhr_object.readyState == 4) { 	    

	      var resultat=(xhr_object.responseText);
		 // affichage_panier(resultat);
		 
		   maj_panier_black(resultat);

    } 
  } 


  xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

  var data ="";  

  xhr_object.send(data); 
  
  fond_noir_active=false;
   

}

function maj_panier_black(resultat){

		   //document.getElementById("panier_aff_black").innerHTML = "<table>"+resultat+"<\/table>";
		   document.getElementById("panier_aff_black").innerHTML = resultat;
		//   tarace=document.getElementById("panier_aff_black").innerHTML;
		   //////////////////supression affichage paiment si le panier est vide/////////////
		 //  alert(tarace);
		 
		   detect_panier_vide = resultat.split("panier vide !!");
		///  alert (detect_panier_vide.length);
		 
		   if (detect_panier_vide.length >= 2){		   
		     //alert("c'est bon");
	         document.getElementById("panier_aff_black_bas").innerHTML = "";
		   }

		  /* affichage_fleche_panier();
		   monter();*/

}



function select_niveau(mon_niveau){

 // alert(mon_niveau);
  
  
  var xhr_object = null; 
	     
  if(window.XMLHttpRequest) {
    // Firefox 
    xhr_object = new XMLHttpRequest(); 
  }
  else if(window.ActiveXObject) {
    // Internet Explorer 
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  else { // XMLHttpRequest non support&eacute; par le navigateur 
    return; 
  }


  xhr_object.open("POST", "recherche.php", true); 

  xhr_object.onreadystatechange = function() { 	      
	  if(xhr_object.readyState == 4) { 	    

	      var resultat=(xhr_object.responseText);
		  affichage_produit(resultat);
    } 
  } 


  xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

 
  if (mon_filtre_categorie=="") {

    var data ="recherche="+document.getElementById('string_recherche').value+"&debut_produit="+mon_niveau;    
  }
  else {

    var data ="recherche="+document.getElementById('string_recherche').value+"&mon_filtre="+mon_filtre_categorie+"&debut_produit="+mon_niveau;  
  }
  

  xhr_object.send(data); 
}


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////PARTIE SCROLL PANIER///////////////////////////////////////////////////////////////////////////////
var monter_panier="null";
var descendre_panier="null";

/*
var compte_depl_panier=parseInt(document.getElementById("zone_article_panier").style.top);
var compte_depl_panier_final=parseInt(document.getElementById("zone_article_panier").style.top)+60;
*/
/*
var compte_depl_panier=parseInt(document.getElementById("zone_article_panier").offsetTop);
var compte_depl_panier_final=parseInt(document.getElementById("zone_article_panier").offsetTop)+60;*/

/*
document.getElementById("zone_ascenceur_panier").style.top=(parseInt(document.getElementById("zone_article_panier").offsetTop))+"px";
*/
var mon_depl="0";

function monter(){
  //compte_depl_panier=0;
  
//alert(monter_panier);

/*
 compte_depl_panier=parseInt(document.getElementById("zone_ascenceur_panier").style.top);
 compte_depl_panier_final=parseInt(document.getElementById("zone_ascenceur_panier").style.top)+180;
 
 */
 
 if ((monter_panier=="null") && (descendre_panier=="null")){
 
 
 if 	(parseInt(document.getElementById("zone_article_panier").style.top)<0){
  compte_depl_panier=parseInt(document.getElementById("zone_article_panier").offsetTop);
  compte_depl_panier_final=parseInt(document.getElementById("zone_article_panier").offsetTop)+60;
 
 //pos_origine_panier=parseInt(document.getElementById("zone_ascenceur_panier").offsetTop);
 
 mon_depl=compte_depl_panier;
  
  monter_panier = window.setInterval("monter2()",10);
  
  }
  //alert(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)+10);
  
  }
  
}

function descendre(){

 if ((monter_panier=="null") && (descendre_panier=="null")){

//alert(((nbr_article_diff*60)+parseInt(document.getElementById("zone_article_panier").offsetTop))-180);
mon_ecart_panier=(((nbr_article_diff*60)+parseInt(document.getElementById("zone_article_panier").offsetTop))-180);
//alert (mon_ecart_panier);

  //alert(((nbr_article_diff*60)-180)-parseInt(document.getElementById("zone_article_panier").offsetTop));

//if (((parseInt(document.getElementById("zone_article_panier").offsetHeight)-180)-parseInt(document.getElementById("zone_article_panier").offsetTop))>0){
//if (((nbr_article_diff*60)-180)-parseInt(document.getElementById("zone_article_panier").offsetTop))>0){
  if (mon_ecart_panier>1){
   // alert (mon_ecart_panier);
    compte_depl_panier=parseInt(document.getElementById("zone_article_panier").offsetTop);
    compte_depl_panier_final=parseInt(document.getElementById("zone_article_panier").offsetTop)-60;
  
    mon_depl=compte_depl_panier;
  
    descendre_panier = window.setInterval("descendre2()",10);
  }
  
 }
  
  
}





function monter2(){
/*document.getElementById("zone_ascenceur_panier").style.top=(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop))+"px";*/
//alert(compte_depl_panier);
 mon_depl+=10;
  
  //if ((compte_depl_panier<compte_depl_panier_final) && (parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)<(parseInt(pos_origine_panier)+100))){  
  
  if (compte_depl_panier<compte_depl_panier_final) {  
  
   // document.getElementById("zone_ascenceur_panier").style.top=(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)+1)+"px";
  
   // document.getElementById("zone_ascenceur_panier").style.top=(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)+1)+"px";
   document.getElementById("zone_article_panier").style.top= mon_depl+"px";
  
  }
  else { // alert(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop));
      clearInterval(monter_panier);
	  monter_panier="null";
	//  alert (monter_panier);
     //   alert(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)+10);
       compte_depl_panier=compte_depl_panier_final;
       pos_origine_panier=parseInt(pos_origine_panier)+60;
      // alert(pos_origine_panier);
       document.getElementById("zone_article_panier").style.top=pos_origine_panier+"px";
	   
	   affichage_fleche_panier();
      // alert(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop));
	  
	  //alert(document.getElementById("zone_article_panier").style.top);
  }
  
    compte_depl_panier+=10;
}



function descendre2(){

 mon_depl-=10;
  
  //if ((compte_depl_panier<compte_depl_panier_final) && (parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)<(parseInt(pos_origine_panier)+100))){  
  
  if (compte_depl_panier>compte_depl_panier_final) {  
  
   // document.getElementById("zone_ascenceur_panier").style.top=(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)+1)+"px";
  
   // document.getElementById("zone_ascenceur_panier").style.top=(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)+1)+"px";
   document.getElementById("zone_article_panier").style.top= mon_depl+"px";
  
  }
  else { // alert(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop));
      clearInterval(descendre_panier);
	  descendre_panier="null";
     //   alert(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop)+10);
       compte_depl_panier=compte_depl_panier_final;
       pos_origine_panier=parseInt(pos_origine_panier)-60;
      // alert(pos_origine_panier);
       document.getElementById("zone_article_panier").style.top=pos_origine_panier+"px";
	   
	   affichage_fleche_panier();
      // alert(parseInt(document.getElementById("zone_ascenceur_panier").offsetTop));
	  
	  	 // alert(document.getElementById("zone_article_panier").style.top);
  }
  
    compte_depl_panier-=10;
}


/*
function stop_monter(){
  window.clearInterval(monter_panier);
}


function stop_descendre(){
  window.clearInterval(descendre_panier);
}
*/


/*
function confirmer_achat(){

var xhr_object = null; 
	     
  if(window.XMLHttpRequest) {
    // Firefox 
    xhr_object = new XMLHttpRequest(); 
  }
  else if(window.ActiveXObject) {
    // Internet Explorer 
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  else { // XMLHttpRequest non support&eacute; par le navigateur 
    return; 
  }


  xhr_object.open("POST", "confirmer_achat.php", true); 

  xhr_object.onreadystatechange = function() { 	      
	  if(xhr_object.readyState == 4) { 	    

	      var resultat=(xhr_object.responseText);
		  alert(resultat);
    } 
  } 


  xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

  var data ="confirmer_achat=true";
  
  xhr_object.send(data); 

}

*/





//////////////////////////////////////////mes filtres///////////////////////////


var filtre_1="false";
var filtre_2="false";
var filtre_3="false";
var filtre_4="false";
var filtre_5="false";
var filtre_6="false";
var filtre_7="false";
var filtre_8="false";
var mon_filtre_complet="";

function filtre_restaure(){



           document.getElementById("filtre8").innerHTML = '<div style="height:20px; width:200px; margin-top:3px; padding:0px;" onclick="filtre(\'8\')"></div>';



    if (filtre_1=="true"){  
           document.getElementById("filtre1").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'1\')"></div>';
    }
    else{  
           document.getElementById("filtre1").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'1\')"></div>';

    }


    if (filtre_2=="true"){  
           document.getElementById("filtre2").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'2\')"></div>';
    }
    else{  
           document.getElementById("filtre2").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'2\')"></div>';

    }


    if (filtre_3=="true"){  
           document.getElementById("filtre3").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'3\')"></div>';
    }
    else{  
           document.getElementById("filtre3").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'3\')"></div>';

    }


    if (filtre_4=="true"){  
           document.getElementById("filtre4").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'4\')"></div>';
    }
    else{  
           document.getElementById("filtre4").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'4\')"></div>';

    }


    if (filtre_5=="true"){  
           document.getElementById("filtre5").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'5\')"></div>';
    }
    else{  
           document.getElementById("filtre5").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'5\')"></div>';

    }


    if (filtre_6=="true"){  
           document.getElementById("filtre6").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'6\')"></div>';
    }
    else{  
           document.getElementById("filtre6").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'6\')"></div>';

    }


    if (filtre_7=="true"){  
           document.getElementById("filtre7").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'7\')"></div>';
    }
    else{  
           document.getElementById("filtre7").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'7\')"></div>';

    }









    

}



function filtre(num_filtre_choisi){
/*
 alert(eval(num_filtre_choisi));
 
   filtre_choisi=eval(num_filtre_choisi);

   if(filtre_choisi=="true"){
     num_filtre_choisi="false";
   }
   else{
     num_filtre_choisi="true";
   }

 alert(eval(num_filtre_choisi));

*/






  if (num_filtre_choisi=="1"){
    if (filtre_1=="true"){
      filtre_1="false";
           document.getElementById("filtre1").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'1\')"></div>';
    }
    else{
      filtre_1="true";
           document.getElementById("filtre1").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'1\')"></div>';
    }
  
  }
  
  
  if (num_filtre_choisi=="2"){
    if (filtre_2=="true"){
      filtre_2="false";
           document.getElementById("filtre2").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'2\')"></div>';
    }
    else{
      filtre_2="true";
           document.getElementById("filtre2").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'2\')"></div>';
    }
  
  }
  
  if (num_filtre_choisi=="3"){
    if (filtre_3=="true"){
      filtre_3="false";
           document.getElementById("filtre3").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'3\')"></div>';
    }
    else{
      filtre_3="true";
           document.getElementById("filtre3").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'3\')"></div>';
    }
  
  }
  
  
  if (num_filtre_choisi=="4"){
    if (filtre_4=="true"){
      filtre_4="false";
           document.getElementById("filtre4").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'4\')"></div>';
    }
    else{
      filtre_4="true";
           document.getElementById("filtre4").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'4\')"></div>';
    }
  
  }    

  if (num_filtre_choisi=="5"){
    if (filtre_5=="true"){
      filtre_5="false";
           document.getElementById("filtre5").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'5\')"></div>';
    }
    else{
      filtre_5="true";
           document.getElementById("filtre5").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'5\')"></div>';
    }
  
  }


  if (num_filtre_choisi=="6"){
    if (filtre_6=="true"){
      filtre_6="false";
           document.getElementById("filtre6").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'6\')"></div>';
    }
    else{
      filtre_6="true";
           document.getElementById("filtre6").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'6\')"></div>';
    }
  
  }
  
  
  if (num_filtre_choisi=="7"){
    if (filtre_7=="true"){
      filtre_7="false";
           document.getElementById("filtre7").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'7\')"></div>';
    }
    else{
      filtre_7="true";
           document.getElementById("filtre7").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'7\')"></div>';
    }
  
  }



  if (num_filtre_choisi=="8"){
 /*   if (filtre_7=="true"){
      filtre_7="false";
      document.getElementById("filtre7").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'7\')">partout</a></div><div class="class_image_filtre"> <img src="img/champs_invalide.png"> </div>';
    }
    else{
      filtre_7="true";
      document.getElementById("filtre7").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'7\')">partout</a></div><div class="class_image_filtre"> <img src="img/champs_valide.png"></div>';
    }*/
    
    if (filtre_7=="true"){
       filtre_1="false";
       filtre_2="false";
       filtre_3="false";
       filtre_4="false";
       filtre_5="false";
       filtre_6="false";  
       filtre_7="false";     
   
   /* 
       document.getElementById("filtre1").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'1\')">web</a></div><div class="class_image_filtre"> <img src="img/champs_invalide.png"></div>';
  */     
  
  
  
  
  /*
  
  
              document.getElementById("filtre1").innerHTML = '<div class="class_texte_filtre"><div class="class_image_filtre"><img src="img/champs_invalide.png"><a onclick="filtre(\'1\')"><strong>Weba</strong></a></div></div>';
       
       
       document.getElementById("filtre2").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'2\')">video numerique</a></div><div class="class_image_filtre"> <img src="img/champs_invalide.png"></div>';
       document.getElementById("filtre3").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'3\')">photo numerique </a></div><div class="class_image_filtre"> <img src="img/champs_invalide.png"></div>';   
       document.getElementById("filtre4").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'4\')">print</a></div><div class="class_image_filtre"> <img src="img/champs_invalide.png"></div>';
       document.getElementById("filtre5").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'5\')">bureautique</a></div><div class="class_image_filtre"> <img src="img/champs_invalide.png"></div>';
       document.getElementById("filtre6").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'6\')">systeme d\'exploitation</a></div><div class="class_image_filtre"> <img src="img/champs_invalide.png"></div>'; 
       
       document.getElementById("filtre7").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'7\')">3d</a></div><div class="class_image_filtre"> <img src="img/champs_invalide.png"></div>'; 
    
    
  document.getElementById("filtre8").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'8\')">partout</a></div><div class="class_image_filtre"></div>';
  
  
  */
  
             document.getElementById("filtre1").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'1\')"></div>';
  
             document.getElementById("filtre2").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'2\')"></div>';
             
           document.getElementById("filtre3").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'3\')"></div>';      
           
                  
           document.getElementById("filtre4").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'4\')"></div>'; 
           
           document.getElementById("filtre5").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'5\')"></div>';
           
           document.getElementById("filtre6").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'6\')"></div>';
           
           document.getElementById("filtre7").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_invalide.png);background-repeat:no-repeat;" onclick="filtre(\'7\')"></div>';
  
  
  
  /*
  
    document.getElementById("filtre8").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'8\')">partout</a></div><div class="class_image_filtre"></div>';*/
  
  
    }
    else{
       filtre_1="true";
       filtre_2="true";
       filtre_3="true";
       filtre_4="true";
       filtre_5="true";
       filtre_6="true";  
       filtre_7="true";     
       
       /*
    
       document.getElementById("filtre1").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'1\')">web</a></div><div class="class_image_filtre"> <img src="img/champs_valide.png"></div>';
       document.getElementById("filtre2").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'2\')">video numerique</a></div><div class="class_image_filtre"> <img src="img/champs_valide.png"></div>';
       document.getElementById("filtre3").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'3\')">photo numerique </a></div><div class="class_image_filtre"> <img src="img/champs_valide.png"></div>';   
       document.getElementById("filtre4").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'4\')">print</a></div><div class="class_image_filtre"> <img src="img/champs_valide.png"></div>';
       document.getElementById("filtre5").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'5\')">bureautique</a></div><div class="class_image_filtre"> <img src="img/champs_valide.png"></div>';
       document.getElementById("filtre6").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'6\')">systeme d\'exploitation</a></div><div class="class_image_filtre"> <img src="img/champs_valide.png"></div>'; 
       
       document.getElementById("filtre7").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'7\')">3d</a></div><div class="class_image_filtre"> <img src="img/champs_valide.png"></div>'; 
    */
    
            document.getElementById("filtre1").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'1\')"></div>';
  
            document.getElementById("filtre2").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'2\')"></div>';
             
           document.getElementById("filtre3").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'3\')"></div>';      
           
                  
           document.getElementById("filtre4").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'4\')"></div>'; 
           
           document.getElementById("filtre5").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'5\')"></div>';
           
           document.getElementById("filtre6").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'6\')"></div>';
           
           document.getElementById("filtre7").innerHTML = '<div style="height:11px; width:200px; margin-top:4px; padding:0px;background-image:url(img/champs_valide.png);background-repeat:no-repeat;" onclick="filtre(\'7\')"></div>';   
    
    
    
    /*
    
  document.getElementById("filtre8").innerHTML = '<div class="class_texte_filtre"><a onclick="filtre(\'8\')">partout</a></div><div class="class_image_filtre"></div>';*/
   
   }
  }

  affichage_filtre();

}



function affichage_filtre(){

 // document.getElementById("zone_filtre").innerHTML="";
  mon_filtre_complet="";

  if (filtre_1=="true"){
    mon_filtre_complet+="web<br/>";
  }
  
  if (filtre_2=="true"){
    mon_filtre_complet+="video numerique<br/>";
  }
  
  if (filtre_3=="true"){
    mon_filtre_complet+="photo numerique<br/>";
  }
  
  if (filtre_4=="true"){
    mon_filtre_complet+="print<br/>";
  }
  
  if (filtre_5=="true"){
    mon_filtre_complet+="bureautique<br/>";
  }
  
  if (filtre_6=="true"){
    mon_filtre_complet+="systeme d\'exploitation<br/>";
  }
  
  if (filtre_7=="true"){
    mon_filtre_complet+="3d<br/>";
  }
  
  if (filtre_8=="true"){
    mon_filtre_complet="";
    filtre_1="false";
    filtre_3="false";
    filtre_4="false";
    filtre_5="false";
    filtre_6="false";
    filtre_7="false";
    filtre_8="false";
  }  

//  alert (mon_filtre_complet);
//  document.getElementById("zone_filtre").innerHTML="filtre : "+mon_filtre_complet+"<br/>";
  
  mon_filtre_categorie=mon_filtre_complet;
  
  
  //relancer la recherche
  recherche01();
  
}





function recup_var_session(){

var xhr_object = null; 
	     
  if(window.XMLHttpRequest) {
    // Firefox 
    xhr_object = new XMLHttpRequest(); 
  }
  else if(window.ActiveXObject) {
    // Internet Explorer 
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  else { // XMLHttpRequest non support&eacute; par le navigateur 
    return; 
  }


  xhr_object.open("POST", "var_session.php", true); 

  xhr_object.onreadystatechange = function() { 	      
	  if(xhr_object.readyState == 4) { 	    

	      var resultat=(xhr_object.responseText);
		  affect_var_session(resultat);
    } 
  } 


  xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

  var data ="";
  xhr_object.send(data); 
  //xhr_object.send(); 

}

function affect_var_session(resultat){
//alert (resultat);



  tableau_construit = resultat.split("sspplliitt");
  prix_total=tableau_construit[0];
  num_article=tableau_construit[1];

  //alert(prix_total);
  
 // document.getElementById("zone_panier_prix").innerHTML=num_article+" articles "+prix_total+" euros";
 
 /* document.getElementById("zone_panier_prix").innerHTML="Votre panier comprend:<br/>"+num_article+" articles pour un total de <span style='font-size:10pt'><strong>"+prix_total+" &euro;</strong></span>";*/
  
}





function retour_acceuil(){
  //alert("retour acceuil");
  window.location.replace("acceuil3.php");
}


///////////////////////////////////// ouverture dynamique de la thickbox
function ouvrir_fen_login(){

 TB_remove();
 pause_affic_fenetre = window.setInterval("ouvrir_fen_login2()",100);
}

function ouvrir_fen_login2(){
 compteur_pause_fenetre++;
 if (compteur_pause_fenetre>=5){
   TB_show("", "login.htm?height=150&amp;width=300", "");
   clearInterval(pause_affic_fenetre);
   compteur_pause_fenetre=0;
 }
}


function affichage_fleche_panier(){

  if (nbr_article_diff>=3){
    // fleche haut
    if 	(parseInt(document.getElementById("zone_article_panier").style.top)<0){
	  document.getElementById("fleche_panier_haut").innerHTML="ok";
    }
	else {
	  document.getElementById("fleche_panier_haut").innerHTML="";
	}

    // fleche bas
    mon_ecart_panier=(((nbr_article_diff*60)+parseInt(document.getElementById("zone_article_panier").offsetTop))-180);
    if (mon_ecart_panier>1){
	  document.getElementById("fleche_panier_bas").innerHTML="ok";
    }
	else {
	  document.getElementById("fleche_panier_bas").innerHTML="";
	}
  }
  
}



///////////////////////////////deplacement pour le panier////////////////////
/*

function valide_cgv(){
 
 if (document.getElementById('check_cgv').checked){ 
  
  document.getElementById('btn_suivant_panier01').innerHTML='<a href="#" onclick="deplacement_panier01();"><strong>Suivant</strong></a>';

 }
 else {
 // document.getElementById('btn_suivant_panier01').style.color="#fbb";
  document.getElementById('btn_suivant_panier01').innerHTML='<strong>Suivant</strong>';
 
 }

}


var deplace01_panier="";
function deplacement_panier01(){


 document.getElementById("partie_panier_complete").style.left=parseInt(document.getElementById("partie_panier_complete").offsetLeft)+"px";
 
 if (document.getElementById('check_cgv').checked){

 if (connecter_login=="false"){
  
   deplace01_panier = window.setInterval("deplacement_panier01_2()",1);
 }
 else {
   deplace02_panier = window.setInterval("deplacement_panier02_2()",1);
 }
 
 
 }
 
 //document.getElementById("partie_panier_complete").style.left="-680px";


}

function deplacement_panier01_2(){

  if ((parseInt(document.getElementById("partie_panier_complete").offsetLeft))>-600){
  
  depl_panier=parseInt(document.getElementById("partie_panier_complete").offsetLeft)-100;
  
  
   document.getElementById("partie_panier_complete").style.left=depl_panier+"px";
    
 //  document.getElementById("zone_panier_prix").innerHTML="<br><br>"+depl_panier;

  }
  else {
   if(navigator.appVersion.substring(22,23) == "6"){
    document.getElementById("partie_panier_complete").style.left="-700px";
    }
    else {
      
      document.getElementById("partie_panier_complete").style.left="-678px";
    } 

    clearInterval(deplace01_panier );
  }
}



function check_login_panier(login,pass){

//alert(login);

//alert(pass);

  var xhr_object = null; 
	     
  if(window.XMLHttpRequest) {
    // Firefox 
    xhr_object = new XMLHttpRequest(); 
  }
  else if(window.ActiveXObject) {
    // Internet Explorer 
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
  }
  else { // XMLHttpRequest non support&eacute; par le navigateur 
    return; 
  }


  xhr_object.open("POST", "login_panier.php", true); 

  xhr_object.onreadystatechange = function() { 	      
	  if(xhr_object.readyState == 4) { 	    

	      var resultat=(xhr_object.responseText);
	    //  alert(resultat);
	     // if (resultat=="ok"){
	        affich_acceuil_login(login,resultat);
	     // }
	      
		//  alert (resultat);
		// window.document.location="page_principale3.php";
		// alert ("");
	    //  affichage_produit(resultat);
    } 
  } 


  xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");


 //  alert("ta race");
    var data ="mon_login="+login+"&mon_password="+pass;  

  

  xhr_object.send(data); 

}

function affich_acceuil_login(login,resultat){

 // alert(resultat);
  if (resultat==1){
       document.getElementById("resultat_login_panier").innerHTML="";
   document.getElementById("emplacement_principal_login").innerHTML='bienvenu '+login+' <a href="page_principale3.php?deconnect=true">deconnection</a>'; 
   
   connecter_login="true";
   
   deplacement_panier02();
  }
  else {
  
     document.getElementById("resultat_login_panier").innerHTML="probleme de login";
  }
}


///////////////////// deuxieme deplacement///////////

var deplace02_panier="";

function deplacement_panier02(){


document.getElementById("partie_panier_complete").style.left=parseInt(document.getElementById("partie_panier_complete").offsetLeft)+"px";

 deplace02_panier = window.setInterval("deplacement_panier02_2()",1);
 //document.getElementById("partie_panier_complete").style.left="-680px";


}

function deplacement_panier02_2(){

  if ((parseInt(document.getElementById("partie_panier_complete").offsetLeft))>-1300){
  
  depl_panier=parseInt(document.getElementById("partie_panier_complete").offsetLeft)-100;
  
  
   document.getElementById("partie_panier_complete").style.left=depl_panier+"px";
    
 //  document.getElementById("zone_panier_prix").innerHTML="<br><br>"+depl_panier;

  }
  else {
  
  
    if(navigator.appVersion.substring(22,23) == "6"){
      document.getElementById("partie_panier_complete").style.left="-1410px";
    }
    else {
      
      document.getElementById("partie_panier_complete").style.left="-1354px";
    } 
  
  

    clearInterval(deplace02_panier );
  }
}

*/



/////////////////////////fonction pour filtre footer /////////
function envoi_recherche(){

  document.recherche.submit();

}

function envoi_filtre(mon_filtre){

 // document.recherche.ma_recherche_index.value="";
  document.recherche.mon_filtre_index.value=mon_filtre;
  envoi_recherche();
}


////////function affichant une main sur une div
function affichage_main_lien_div(ma_div){
        document.getElementById(ma_div).style.cursor="pointer";  
}