var ligneSelect=0; 
var nbOptionMax=20;  
var optionFixeArticle=new Array(100);
referArticle=new Array(100) ; 
var choixArticle="";  
var art_com="";
var aec;
var aec1;
var refe="";
var refer=new Array(100);

for(i=0;i<refer.length;i++)
{
  refer[i]="";
}

  
  var rubrique;
	var titre;
	var numRub;
	var marque;
  var cad;
  var vs;
  var ref_article;
  var numeroArticle;
	
  var caf;
  var prix_valable=false;
  var re;
 var entete_table= new Array(); 
var nav=new Array();

var xl;

var im_zoom="";

function changeImg(x,l,h,xxl){
    try{
      document.getElementById("position_video").innerHTML="";
      eval('document.images["image"].width="'+l+'"') 
      eval('document.images["image"].height="'+h+'"')
      eval('document.images["image"].src="'+x+'"')         
   }
    catch(err){}
    try{
    lp=document.getElementById("loupe");
    if(xxl!="non"){
      lp.style.zIndex=3;
      im_zoom=xxl;
    } 
    else { 
      lp.style.zIndex=-3;
      im_zoom="";
    }
   }catch(err){} 
}
var setX;
var setY;
function souris(s){
  dde=(navigator.vendor) ? document.body : document.documentElement;
  setX =s.clientX + dde.scrollLeft;
  setY =s.clientY + dde.scrollTop;

}
function sensa(){
  var panel=document.getElementById('panel_zoom');
  var clic=document.getElementById('clic');
  var igmp=document.getElementById('igmp');
  a=-Math.floor(((setX-igmp.offsetLeft-panel.offsetLeft)*12.4));
  b=-Math.floor(((setY-igmp.offsetTop-panel.offsetTop)*12.4));
  ig=document.getElementById('igmg');
  ig.style.left=a +'px';
  ig.style.top=b+'px';
  //console.log(setX+'--'+a+'--'+igmp.offsetLeft+' panel '+panel.offsetLeft+'------>'+setY+'--'+igmp.offsetTop+'--'+b)       
}


function zoomer(xl){
  if(im_zoom!="") xl=im_zoom;  
  panel=document.getElementById('panel_zoom');
  pim=document.getElementById('igmp')
  try{panel.removeChild(pim)}
  catch(err){}  
  cl=document.getElementById("clic");
    if(cl.childNodes.length>0){
    cl.removeChild(cl.firstChild)  
  }
  navigator.appName.substring(0,3)=="Net" ? document.addEventListener("mousemove", souris, false) : document.attachEvent('onmousemove',function(){souris(event)}); 
  var im=document.createElement("img");
  im.src="m"+xl;
  im.width=200;
  im.height=150;
  im.setAttribute("id","igmp");
  im.style.position="absolute"; 
  //im.style.left=10+"px";
  //im.style.top=0+"px";
  im.style.zIndex=4

if(navigator.appName.substring(0,3) !="Mic"){  
  im.setAttribute("onmousemove","sensa()");  
  panel.appendChild(im);   
  imxl=document.createElement("img");
  imxl.style.position="absolute";
  imxl.setAttribute("id","igmg");
  imxl.src=xl;
  cl=document.getElementById("clic")
  cl.appendChild(imxl);
  if(navigator.appName.substring(0,3)=="Net")  document.getElementsByClassName("ar_boite")[0].style.visibility="hidden";  
  panel.style.visibility="visible";
}else{
  alert("Cette loupe ne fonctionne pas avec Internet Explorer");
  annuler();
  }
}
function annuler(){
  panel=document.getElementById('panel_zoom');
  pim=document.getElementById('igmp')
  panel.removeChild(pim)  

  cl=document.getElementById("clic");
    if(cl.childNodes.length>0){
    cl.removeChild(cl.firstChild)  
  } 
  if(navigator.appName.substring(0,3)=="Net") document.getElementsByClassName("ar_boite")[0].style.visibility="visible"
  panel.style.visibility="hidden";
  
}

/*******************************************************************************/

/*************vide('eG4CGXwQ9-Q','youtube')*******************************************************************/      
function vide(ad,source){

  if(source=="youtube"){        
    x= document.getElementById("position_video");
    if(x.childNodes.length>0) x.removeChild(x.lastChild);
      objet=document.createElement("object");
      param_movie=document.createElement("param");
      eval('param_movie.setAttribute("value","http://www.youtube.com/v/'+ad+'&hl=fr_FR&fs=1&hd=1")'); // eG4CGXwQ9-Q
      param_movie.setAttribute("name","movie");
      param_allowF=document.createElement("param");
      param_allowF.setAttribute("name","allowFullScreen");
      param_allowF.setAttribute("value","true");
      param_allowS=document.createElement("param");
      param_allowS.setAttribute("name","allowscriptaccess");
      param_allowS.setAttribute("value","always");
      objet.appendChild(param_movie);
      objet.appendChild(param_allowF);
      objet.appendChild(param_allowS);
      embed=document.createElement("embed");
      eval('embed.setAttribute("src","http://www.youtube.com/v/'+ad+'&hl=fr_FR&fs=1&hd=1")');   // eG4CGXwQ9-Q
      embed.setAttribute("type","application/x-shockwave-flash");
      embed.setAttribute("allowscriptaccess","always");
      embed.setAttribute("allowfullscreen","true");
      embed.setAttribute("width","600");   //853
      embed.setAttribute("height","410");  //505
      x.appendChild(objet);
      x.appendChild(embed);    
    
  }
  else if (source=="dailymotion"){ 
         
    x= document.getElementById("position_video");                  
    a='<object width="480" height="389"><param name="movie" value="http://www.dailymotion.com/swf/'+ad+'"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.dailymotion.com/swf/'+ad+'" width="480" height="389" allowfullscreen="false" allowscriptaccess="always"></embed></object>';
    if(!bw.bw) {
      x.innerHTML =eval (a);
      document.images["image"].src="";
    }else{ 

        eval('video_popup=window.open("squelettes/video_ie.php?ad='+ad+'&src='+source+'","VIDEO","height=400,width=500,left=500,top=300,dependent=yes,menubar=no,location=no,resizable=no,scrollbars=no,status=no")'); 

    }      
  }
}
/********************************************************************************/
function checkBrowser(){
var agent		= navigator.userAgent.toLowerCase();
//alert(agent)
this.major		= parseInt(navigator.appVersion);
this.minor		= parseFloat(navigator.appVersion);
this.dom		= document.getElementById?1:0;
this.k			= (agent.indexOf('konqueror') != -1);
this.ko			= (this.k && Number(agent.substring(agent.indexOf('konqueror') + 10,agent.indexOf('konqueror') + 13)) < 4);
this.ns			= ((agent.indexOf('mozilla') != -1) && ((agent.indexOf('spoofer') == -1) && (agent.indexOf('compatible') == -1)));
this.ns0		= (this.ns && this.major < 5);
this.ns			= (this.dom && this.ns && this.major == 5);
this.ff2		= ((agent.indexOf('firefox/2') != -1) || (agent.indexOf('seamonkey/1') != -1));
this.ff3		= (agent.indexOf('firefox/3') != -1);
this.webkit		= (agent.indexOf('webkit') != -1);
this.o			= (agent.indexOf('opera') != -1);
this.op			= (this.o && Number(agent.substring(agent.indexOf('opera') + 6,agent.indexOf('opera') + 9)) > 8);
this.ie			= (agent.indexOf('msie') != -1 && agent.indexOf('firefox') == -1 && agent.indexOf('opera') == -1 && agent.indexOf('safari') == -1);
this.ie5		= (agent.indexOf('msie5') != -1 || agent.indexOf('msie 5') != -1);
this.ie6		= (agent.indexOf('msie6') != -1 || agent.indexOf('msie 6') != -1);
this.ie7		= ((agent.indexOf('msie7') != -1 || agent.indexOf('msie 7') != -1) && agent.indexOf('msie 8') == -1);
this.ie8		= ((agent.indexOf('msie8') != -1 || agent.indexOf('msie 8') != -1) && agent.indexOf('msie 7') == -1);
this.bw=(this.ie || this.ie5 || this.ie6 || this.ie7 || this.ie8 || this.o || this.op);
//alert ("ie7="+this.ie7+" ie8="+this.ie8+'this.bw'+this.bw)

return this;
};

function checkBrowser1()
{	
	this.ver=navigator.appVersion;
	this.dom=document.getElementById?1:0;
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
	this.ie55=((this.ver.indexOf("MSIE 5.5")>-1 || this.ie6) && this.dom)?1:0;
	this.ie5=((this.ver.indexOf("MSIE 5")>-1 || this.ie5 || this.ie6) && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.ie4plus=(this.ie6 || this.ie5 || this.ie4);
	this.ie5plus=(this.ie6 || this.ie5)
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns5);

	return this;
}
 
bw = new checkBrowser();

/********************************************************************************/
function getNavigateur()
{
  var txtAgent=navigator.userAgent.toLowerCase();
  var iePos=txtAgent.indexOf('msie');
  var operaPos=txtAgent.indexOf('opera');
  var nsPos=txtAgent.indexOf('netscape'); 
  var ffPos=txtAgent.indexOf('firefox');
  var version=parseFloat(navigator.appVersion);
  if(ffPos>0)  {
    version=txtAgent.substring(ffPos+8);
    nav[0]="ff";
    nav[1]=version;
  }
  if(iePos>0)  {
    version=txtAgent.substring(iePos+5,txtAgent.indexOf(";",iePos));
    nav[0]="ie";
    nav[1]=version;
  }
  if(operaPos>-1)  {
    version=txtAgent.substring(operaPos+6,txtAgent.indexOf(" ",operaPos));
    nav[0]="op";
    nav[1]=version;
  }  
  if(nsPos>0)  {
    version=txtAgent.substring(nsPos+9);
    nav[0]="ns";
    nav[1]=version;
  }
 //alert(nav[0]+nav[1])      
}

/*******************************************************************************/

function nbreCol()
{
  tab=document.getElementsByTagName("TH");
  nbreCol=tab.length;
  try
  {	
    couleur=document.getElementById("coul").innerHTML;
    x=1;
  }
  catch(e)
  {
    x=0;
  }	
	return tab.length+x;
}
/*******************************************************************************/
function nbreLi()
{

  //retourne le nombre de lignes de la table de caractéristiques
  tab=document.getElementsByTagName("TR"); 
  return tab.length;
}
/*******************************************************************************/
function acquisition()
{
  
  marque=document.getElementById("stit").innerHTML;
  
  rubrique=document.getElementById("rub").innerHTML;
  titre=document.getElementById("tit").innerHTML;
  numRub=document.getElementById("numRub").innerHTML; 
  numeroArticle=document.getElementById("ida").innerHTML;  
  cad=document.getElementById("cad").innerHTML;
  vs=document.getElementById("vs").innerHTML;
  //re=document.getElementById("re").innerHTML;   
  //alert("marque "+marque+" rubrique "+" numRub "+numRub+" ref_article "+ref_article)   

	//alert("marque= "+marque+" rubrique= "+rubrique+ " titre= "+titre+" numRub= "+numRub+" ref_article= "+ref_article)
 }
/*******************************************************************************/
function cell(l,c)
{

 if(l==0)
  {
    try
    { 
	     tab=document.getElementsByTagName("TH");
	     return tab[c].innerHTML;
	  }
	  catch(e)
	  {
      //return "Couleurs";
    }
	}
	else
	{
    try
    {  
      tab=document.getElementsByTagName("TR");
	    tab1=tab[l].getElementsByTagName("TD");
	    return tab1[c].innerHTML;
	  }
	  catch(e)
	  {
      //return document.getElementById("coul").innerHTML;
    }
	}
}
/******************************************************************************/



/*******************************************************************************
function selectQantite(l)
{
if(cad=="ok" && vs=="Oui")
{

document.write('<div id="qua'+l+'">')
  
  document.write('<select NAME="qua'+l+'">');  
    sel=document.getElementsByTagName("select");                                          

  for(ii=0;ii<10;ii++)
  {
    
    if(ii==0)
    {
        //la premire vleur de la liste en blanc
        document.write('<OPTION VALUE="'+ii+'" >');
        document.write();
        document.write('</option>');
    }
    else
    {

        document.write('<OPTION VALUE="'+ii+'" onClick="majChoix('+l+',20,21)">');
        document.write(ii);
        document.write('</option>');
    }    
  }
  document.write("</select>");
 document.write('</div>');
 } 
}

/*******************************************************************************/

function selectQ(l,c){
  document.write('<select NAME="Q'+l+'" id="qu'+l+'"  onChange="lit('+l+','+c+',0)"> ');            //onChange="lit('+l+','+c+',0)">
  
  for(i=0;i<10;i++)
  {
        //la premire vleur de la liste en blanc
        document.write('<OPTION VALUE="'+i+'">');//'" onChange="lit('+l+','+c+',0)">');
        //document.write('<OPTION VALUE="'+i+'" onChange="lit('+l+','+c+',0)">');        
//        document.write('<OPTION VALUE="'+i+'" onChange="lit('+l+','+c+',0)">');
        if(i==0)document.write();
        else document.write(i); 
        document.write('</option>');
  }
}
/*******************************************************************************/
function lit(l,c,num){
  var tempo=new Array();
    clearToutSauf(l,c,num);
    if(l!=ligneSelect) {
      choixArticle=optionFixeArticle[l].split("//");
      for(i=0;i<refer.length;i++)
      {
        refer[i]="";
      }
    }
   if(c!=nc){ 
      //ce n'est pas une quantité
      a=cell(l,c);
      ab=a.split('-');
      res=ab[num]
      choixArticle[c]=res;
      refer[c]=num+1;
  }else{  
    //q=eval('document.selection.Q'+l+'.selectedIndex'); 
    //var quant = eval('document.getElementById("qu'+l+'")');
    q=eval('document.getElementById("qu'+l+'").selectedIndex');
    choixArticle[c]=q;
  }
art_com=choixArticle.join(',');
//on ajoute la réduc cachée
//art_com=art_com+','+re ;
//alert(art_com)

j=0;
for(i=0;i<refer.length;i++)
{
  if(refer[i]!=""){
  
    tempo[j]=refer[i];
    j++
  }  
}
refe=tempo.join('-');

ligneSelect=l;
ref_article=numeroArticle+'-'+ligneSelect+'-'+refe;
//alert(ref_article)
}

/*******************************************************************************/
function clearToutSauf(l,c,num){

//alert('appel de la fonction l='+l+' c='+c+' num='+num+' nl='+nl)

  for(i=1;i<nl;i++){
    //on efface la sélection modele si on change de ligne et on sélectionne le modele de la nouvelle ligne
    try{
      //if(i!=l) eval('document.selection.rdmod'+i+'.checked=false');
      if(i!=l) eval('document.getElementById("idmodele'+i+'").checked=false');
      //if(i==l) eval('document.selection.rdmod'+i+'.checked=true');
      if(i==l) eval('document.getElementById("idmodele'+i+'").checked=true');
      //on raz la quantité      
      if(i!=l)  eval('document.getElementById("qu'+i+'").selectedIndex=0') ;
      //if(i!=l) eval ('document.selection.Q'+i+'.selectedIndex=0')
    }catch(err){}      
    for(j=1;j<nc;j++){
      //chaque colonne
      for(k=0;k<nbOptionMax;k++){
        //si le numéro de l'option change, on efface les autres         
        if(i!=l){
         //ce n'est pas la même ligne, on efface toutes les autres lignes
          try{
            //eval ('document.selection.cell'+i+j+k+'.checked=false');
            eval ('document.getElementById("idcell'+i+j+k+'").checked=false');;
          }catch(err){}          
        }else {
          //c'est la même ligne
          if(c==j){
            //c'est la même colonne  , on efface tous les autre num
              try{
                //eval ('document.selection.cell'+i+j+k+'.checked=false');
                //eval ('document.selection.cell'+i+j+num+'.checked=true');
                eval ('document.getElementById("idcell'+i+j+k+'").checked=false');
                eval ('document.getElementById("idcell'+i+j+num+'").checked=true');                
              }catch(err){}            
           
          }                      
        }      
      }
    }   
  }
}

/******************************************************************************/
function ecrire_tableau()
{


//on regarde si les prix sont mis et sont des nombres, sinon, on annule la partie bancaire

for(i=0;i<nc;i++){
  if(cell(0,i).toLowerCase().indexOf("prix")!=-1){
    for(j=1;j<nl;j++){
      pr=cell(j,i);
      //on recherche s'il existe une balise </div> qui peut être utilisée pour mettre un prix en rouge
      position=pr.indexOf('>');
      if(position!=-1)
      {
        //il existe une div, on prend ce qui se trouve entre la première balise div
        pr1=pr.substring((position+1),pr.length);
        position=pr1.indexOf('<');
        pr=pr1.substring(0,position);
      }
      //il y a une virgule décimale, on la supprime
      pr=pr.replace(",","");
      //on élimine un éventuel point des milliers
      pr=pr.replace(".","");
      //on élimine un éventuel espace
      pr=pr.replace(" ","");             
      if(isNaN(pr) || pr=="" || pr<0) {
        //alert("pas de prix pr="+pr+" cell="+cell(j,i)+"est un nombre "+ !isNaN(pr))
        vs="Non"
      }
      else {
         prix_valable=true;
             
      }   
    }  
  }
}

  entete_table[0]="";
  document.write("<form NAME='selection'>");
//  document.write('<FORM NAME="commande" method="post" action="squelettes/commande/caddy.php?go=deb">');  // 
  document.write("<table><tr>");
  if(nl>2){
      //il y a plusieurs modeles; on ecrit une case à cocher si le modele est à vendre
      if(cad=="ok" && vs=="Oui"){
        document.write('<td>');
        document.write('</td>');
      }
  }
  //on ecrit les entetes
  for(i=0;i<nc;i++){
    document.write('<td>'+cell(0,i)+'</td>');
  }
  //if(nl>2){
    if(cad=="ok" && vs=="Oui"){
      document.write('<td>Quantité</td>')
    }
  //}  
  //on écrit les différentes options
  for(ligne=1;ligne<nl;ligne++){
    reference="";
    detailArticle="";
    document.write('<tr>');
    if(nl>2){
      if(cad=="ok" && vs=="Oui"){
        //radio modele
        document.write('<td class="td1" style="width:10px;">');
        document.write('<INPUT TYPE="RADIO" id="idmodele'+ligne+'" NAME="rdmod'+ligne+'"  onClick="lit('+ligne+','+0+',0)">');
        document.write('</td>');
      }
    }
    for(colonne=0;colonne<nc;colonne++){
    
      document.write('<td>');
      
      a=cell(ligne,colonne);
      if(cad=="ok" && vs=="Oui"){
        if(colonne==0) detailArticle=cell(ligne,colonne)+"//";
        //bidouille pour ne pas tenir compte d'un tiret mis dans le poids de charge des kayaks qui n'est pas une option si l'entete colonne comporte kg ou poids
        aaa=cell(0,colonne).toLowerCase();    
        if(aaa.indexOf('kg')>=0){
          while(a.indexOf("-")>0) a=a.replace('-','/');
        }       
        if(aaa.indexOf('poids')>=0){
          while(a.indexOf("-")>0) a=a.replace('-','/');
        }   
        if(cell(0,colonne).substring(0,4).toLowerCase()=="prix")
        {        
          pr=cell(ligne,colonne);
          //on recherche s'il existe une balise </div> qui peut être utilisée pour mettre un prix en rouge
          position=pr.indexOf('>');
          if(position!=-1)
          {
            //il existe une div, on prend ce qui se trouve entre la première balise div
            pr1=pr.substring((position+1),pr.length);
            position=pr1.indexOf('<');
            pr=pr1.substring(0,position);
          }
          //il y a une virgule décimale, on la supprime
          pr=pr.replace(",","");
          //on élimine un éventuel point des milliers
          pr=pr.replace(".","");
          //on élimine un éventuel espace
          pr=pr.replace(" ","");             
          if(!isNaN(pr) && pr!="") {}
          else  {
            prix_valable=true;              
            }
          prix=pr;                                            
        } 
              
        x=a.indexOf("-");   
        if(x>0)
        {         
          if(colonne!=0) detailArticle=detailArticle+"xxxxx"+"//";
          a=a+'-';
          num=0;
 	        while(x>0)
   	      {      
            r=a.substring(0,x);
            //detail_option[l][c][ind]=r;
            document.write('<INPUT TYPE="RADIO" id="idcell'+ligne+colonne+num+'" NAME="cell'+ligne+colonne+num+'" VALUE="" onclick="lit('+ligne+','+colonne+','+num+')">');
            document.write(r);
            a=a.substring(x+1,a.length);
    	      x=a.indexOf("-");
            num++;                        
          }
        } else{
          if(colonne!=0) {
            
            if(cell(0,colonne).substring(0,4).toLowerCase()=="prix")
            {
              detailArticle=detailArticle+prix+"//";
            }else{
              detailArticle=detailArticle+cell(ligne,colonne)+"//";
            }
          }
        } 
      }
      document.write(a);
      document.write('</td>');
        
    }

      if(cad=="ok" && vs=="Oui"){
        document.write('<td>');
        selectQ(ligne,nc);
        document.write ('</td>');
        detailArticle=detailArticle+"xxxxx";
      }
    optionFixeArticle[ligne]=detailArticle;
  }
       
document.write("</tr></table")
document.write('</form>');
//alert ('cad='+cad+' vs='+vs)
if(cad=="ok" && vs=="Oui")              
{
  document.write('<div style="position:absolute;top:-0px;"><input ID="sub" type="BUTTON"  value="Mettre dans le caddy" onClick="verif_caddy()">');  
  document.write('<input ID="com" type="BUTTON"  value="Commander" onClick="verif_achat()">');
  document.write('<input ID="annul" type="BUTTON"  value="Annuler s&eacute;lection" onClick="javascript:clearToutSauf(0,0,0)"></div><br><br>');
/*
  document.write('<input ID="sub" type="BUTTON"  value="Mettre dans le caddy" onClick="verif_caddy()">');  
  document.write('<input ID="com" type="BUTTON"  value="Commander" onClick="verif_achat()">');
  document.write('<input ID="annul" type="BUTTON"  value="Annuler s&eacute;lection" onClick="javascript:clearToutSauf(0,0,0)">');       
*/
}   



}
/*******************************************************************************/
/*******************************************************************************/
function verif_caddy(){
//alert(re)
//var quant = document.getElementById("qu");


  if(ligneSelect==0){
    //on n'a rien choisi
    mess="Vous devez faire une sélection";
    alert(mess)
    }else {  
      x=art_com.indexOf('xxxxx')
      if(x==-1){
        //art_com=art_com+','+re ;
        aec=ref_article+','+rubrique+','+marque+", "+art_com;
        //alert(aec);    
        eval('document.location.href="squelettes/commande/caddy.php?go=deb&aec='+aec+'"'); 
      }else alerterSelection(); 
    }
  
}

function verif_achat(){
//alert(re)

 if(ligneSelect==0){
    //on n'a rien choisi
    mess="Vous devez faire une sélection";
    alert(mess)
    }else{
      x=art_com.indexOf('xxxxx')
      if(x==-1){
      //art_com=art_com+','+re ;
      aec1=ref_article+','+rubrique+','+marque+", "+art_com;
     //alert(aec1)
      eval('document.location.href="squelettes/commande/caddy.php?go=cde1&aec1='+aec1+'"');
      }else alerterSelection();
    } 
}
/*******************************************************************************/
function alerterSelection(){
val=art_com.split(',');
mess="Vous devez choisir\n";
    var quant =eval('document.getElementById("qu'+ligneSelect+'").selectedIndex');
    q=quant.selectedIndex ;
    if(q==0) mess=mess+"La quantité est nulle\n"
for(i=0;i<=nc;i++){
if(i<nc)a=cell(0,i);
else a="Quantité" ;
  if(val[i]=="xxxxx") mess=mess+a+'\n';
}
alert(mess) ;
}