document.write('<link href="https://www.elexence.fr/ww2/skin9/css/style.css" rel="stylesheet" type="text/css" />');

document.write('<!--[if lt IE 7]>');
document.write('<link href="https://www.elexence.fr/ww2/skin9/css/styleIE6.css" rel="stylesheet" type="text/css" />');
document.write('<![endif]-->');

var urlbase = 'https://www.elexence.fr/ww2/';

var urlfiche = '/fiche-composant.asp'; //fiche personnalisée (paramétrable)
var urltmp = '';
var innerdetail=null; //zone liste composants de la préconisation
var innercomposant=null; //zone composant de la préconisation
var innerfamille=null; //zone choix composants par famille
var overlay=null; //voile sombre
var numfamille;
var emplacement = 1;
var innerdrop; //verif config
var retourfam; //repositionne la fenêtre sur cette famille après fermeture fiche
var retourref; 
var iWidth = 250;
var iHeight = 250;
var idaffilie = '0';
var colonnesx3 = 1;
var fa3 = 430;
var fa4 = 431;
var pressfa3 = 0; //second disque
var pressfa4 = 0; //second media
var imprimerfiche = 0;
var compatible = new Array();
var ordretri = 'prix'; // ordre de tri par défaut de la liste composants
var ordrep = false; // prix asc ou desc
var ordret = false; // type asc ou desc 
var echellebench = 1;
var nbgen = 1; //combien de générations différentes
var voirgen = 2; //la dernière
var bTva = 1; //prix avec ou sans tva
var filtres = ''; //les filtres
var filtre = new Array(); //le choix de filtre

/**
 * Permet de récupérer les composants d'une même famille
*/

function GetFamilleGo(param){
 var obj=new JSONscriptRequest(urlbase + 'GetComponent.asp' + param);
 obj.buildScriptTag(); 
 obj.addScriptTag();
}

function GetFamille(fam, emp){
 var id;
 var ladate = new Date();
 var nocache = ladate.getTime();
 acpr = new Array(); //init liste à comparer
 compatible = new Array(); //init liste composants
 if (innerfamille) {
  CloseFamille();
  location.href='#'+fam;
 }
 if (emp == '' || isNaN(emp)) emp = 1;
 id = fam + '.' + emp;
//(emp != '') ? id = fam + '.' + emp : id = fam;
//alert('famille'+id);
 innerfamille = document.getElementById('famille'+id); //definition de l'endroit d'affichage
 innerfamille.style.display = 'block'; 
 innerfamille.innerHTML = '<br/><div class="loading">Recherche des composants compatibles avec ceux d&eacute;j&agrave; choisis...</div>';
 param = '?Fam='+fam+'&emp='+emp+'&tva='+bTva+'&ex=0&Ret=O&mscsid1=TR2GN600AL08MS2DR7ET071551464375&nc='+nocache;
 GetFamilleGo(param);
 numfamille = fam; 
 emplacement = emp;
}
function CloseFamille(){
 compatible = new Array(); //init liste composants
 if (innerfamille) {
  innerfamille.innerHTML = ''; //cache la precedente liste de composants
  innerfamille.style.display = 'none';
  innerfamille = null;
 }
 if ((numfamille == fa3 || numfamille == fa4) && emplacement >= 2) 
  if (innercomposant = document.getElementById('composant'+numfamille+'.'+emplacement)) 
   if (innercomposant.innerHTML == '&nbsp;')
    if (innercontainer = document.getElementById('c'+numfamille+'.'+emplacement))
     document.getElementById('preconisation').removeChild(innercontainer);
}
/**
 * Exploite les données du GetFamille()
*/
function DataFamille(data){
 var txt='';
 var nomref='';
 var btfam='';
 if(data==null)
   alert('error');
 else {
  if(data.items.erreur) {
   txt += data.items.erreur;
  } else {
   txt += '<div style="text-align:right; vertical-align:top;">';
   txt += '<a href="javascript:void(0);" onClick="CloseFamille(); return false;" title="Fermer"><img src="https://www.elexence.fr/ww2/skin9/img/croixfermer.gif" border="0" alt="Fermer"/></a></div>';
   if (data.items.bt1famille) { btfam = data.items.bt1famille + '&nbsp;'; }
   if (data.items.bt2famille) { btfam += data.items.bt2famille + '&nbsp;'; }
   if (data.items.bt3famille) { btfam += data.items.bt3famille + '&nbsp;'; }
   if (btfam != '') { txt += '<div>'+btfam+'&nbsp;&nbsp;&nbsp;</div>'; }
   if (data.items.descfamille) { txt += '<div>'+data.items.descfamille+'</div>'; }
   compatible = data.items.composants.composant;
   ordretri = data.items.triersur;
   echellebench = data.items.echelle;
   nbgen = data.items.generations;
   filtres = data.items.filtres;

   ordrep = false;
   ordret = false;
   var crit = '';
   crit = ordretri;
   if (crit == 'bench') crit = 'prix'; //compatible.sort(sort_by('prixttc', false, parseInt));
   
   txt += '<div id="compatible">'+liste(crit,false)+'</div>';
   txt += '<div class="row">';
   txt += ' <div class="col-md-12" style="padding-left:23px"><img src="https://www.elexence.fr/ww2/skin9/img/cpr-fleche-bas.png" alt=""/>';
   //<a href="javascript:void(0);" class="mlien" onclick="GetCompare(); return false;">Comparer</a>
   txt += '  <input type="button" value="Comparer"  onclick="GetCompare(); return false;" /></div>';
   txt += '</div>';

  }
  innerfamille.innerHTML=txt;
  
  if (filtres.length > 0) {
   var elt;
   var intitule;
   var options;
   var lefiltre;
   var bloc;
   if (document.getElementById('mesfiltres')) removeElement(document.getElementById('mesfiltres'));
   var bloc = document.createElement('div');
   bloc.className = 'mt15';
   bloc.appendChild(document.createTextNode('Filtrer les produits sur :'));
   form = document.createElement('form');
   form.id = 'mesfiltres';
   for (i=0; i < filtres.length; ++i) {
    elt = document.createElement('div');
    elt.className = 'divfiltres mt15';
    intitule = document.createElement('span');
    intitule.className = 'disb';
    intitule.textContent = filtres[i].nom+' : ';
    elt.appendChild(intitule);
    lefiltre = createmyelt('select', 'filtre'+i, filtres[i].typeref, 'selm', ''); //(elt, id, name, clas, text)
    lefiltre.setAttribute('multiple','multiple');
    options = filtres[i].options;
    for (j=0; j < options.length; ++j) lefiltre.appendChild(add_option(options[j].valeur, options[j].nom));
    elt.appendChild(lefiltre);
    form.appendChild(elt);
   }
   for (i=0; i< 2-(filtres.length%3); ++i) {
    elt = document.createElement('div');
    elt.className = 'divfiltres mt15';
    form.appendChild(elt);
   }
   elt = document.createElement('div');
   elt.className = 'divfiltres';
   elt.appendChild(createmyinput('button', '', 'Filtrer', 'mt35', filtrer));
   form.appendChild(elt);
   bloc.appendChild(form);
   var sp = document.getElementById('famille'+numfamille+'.'+emplacement);
   sp.insertBefore(bloc,sp.childNodes[1]);
   $('select.selm').multipleSelect({ selectAll: false, placeholder: 'Tout(es)', width:'100%' });  
   //$("select.selm").multipleSelect("checkAll");
  }
 }
}

function filtrer(crit, ordre) {
 filtre = new Array(); // réinitialise
 for (ind=0; ind < 6; ind++) {
  if (document.getElementById('filtre'+ind)) {
   var nom = $('select#filtre'+ind).attr('name');
   var val = $('select#filtre'+ind).multipleSelect('getSelects');
   if (val != '') filtre[''+nom] = ',' + val + ',';
  }
 }
 document.getElementById('compatible').innerHTML = liste(crit, ordre);
}
function trier(crit, ordre) {
 document.getElementById('compatible').innerHTML = liste(crit, ordre);
}

function filtrer_gen(gen,crit,ordre) {
 voirgen = gen;
 document.getElementById('compatible').innerHTML = liste(crit, ordre);
}

function liste(crit, ordre) {
   var nomref='';
   var txt = '';
   var trier = '';
   var ssfamille = '';
   var bench = '';
   var filtregen = '';
   
   if (crit == 'prix') {
    compatible.sort(sort_by('prixttc', ordre, parseInt));
    ordret = false;
   } else if (crit != '') { // type ou gpu
    compatible.sort(sort_by('triref', ordre, parseInt));
    ordrep = false;
   }  
   if (ordretri != '') {
    trier = 'Trier sur : ';
    if (ordretri=='bench') aff = 'la puissance (cpu mark)'; else aff = 'le '+ordretri;
    trier += '<a href="javascript:trier(\'prix\','+ordrep+');" class="mlien">le prix</a> ou ';
    trier += '<a href="javascript:trier(\''+ordretri+'\','+ordret+');" class="mlien">'+aff+'</a> ';
   }
   if (nbgen > 1) {
    if (voirgen == 2) check = ' checked'; else check = '';
    filtregen = '<div style="vertical-align:top;"><input type="radio" id="gen2" name="gen2" value="" onclick="filtrer_gen(2,\''+crit+'\','+ordre+');"'+check+' style="margin-top:-1px;" /> ';
    filtregen += 'Dernières générations uniquement</div> ';
    if (voirgen != 2) check = ' checked'; else check = '';
    filtregen += '<div style="margin-top:5px;vertical-align:top;"><input type="radio" id="gen0" name="gen0" value="" onclick="filtrer_gen(0,\''+crit+'\','+ordre+');"'+check+' style="margin-top:-1px;"/> ';
    filtregen += 'Tous les produits référencés</div>';
    
    //if (voirgen == 2) trier += '<br/><a href="javascript:filtrer_gen(0,\''+crit+'\','+ordre+');" class="mlien">Voir tous les produits disponibles</a>';
    //else trier += '<br/><a href="javascript:filtrer_gen(2,\''+crit+'\','+ordre+');" class="mlien">Voir composants nouvelle génération uniquement</a>';
   }

   txt += '<div  class="col-md-2">&nbsp;</div>';
   txt += '<div  class="col-md-9">'+filtregen+'</div>';
   txt += '<div class="col-md-12 nopadding" id="rescp">';
   txt += ' <div class="row" id="rescp" style="margin-top:10px">';
   txt += '  <div class="col-md-5" style="padding-left:23px"><img src="https://www.elexence.fr/ww2/skin9/img/cpr-fleche.png" alt=""/>';
   txt += '   <input type="button" value="Comparer"  onclick="GetCompare(); return false;" /></div>';
   txt += '  <div class="col-md-7" style="text-align:right">'+trier+'</div>';
   txt += ' </div>';

   var item;
   var bFiltre;
   for (i=0; i < compatible.length; ++i) {
    item = compatible[i];
    bFiltre = false;
    for (j=0; j < item.caracts.length; ++j) {
     lacarac = item.caracts[j];
//if (i < 4 && j < 2) alert(filtre[lacarac.typeref]+'!'+lacarac.typeref+'!'+lacarac.valeur);
     if (filtre[lacarac.typeref] && filtre[lacarac.typeref].indexOf(lacarac.valeur)==-1) { bFiltre = true; }
    }
    if ((voirgen == 2 && item.generation == 1 && nbgen > 1) || bFiltre) { 
     // on veut voir uniquement les composants de dernière génération et celui ci est d'une ancienne génération
     // il ne correspond pas aux filtres
    } else {
     bench = '';
     if (item.nomref != '' && ordretri == 'bench') {
      bench = '<br/><div><div class="bench1">cpu mark</div>';
      bwidth = Math.round((item.nomref/30000)*100);
      bench += '<div class="progress bench" style="height:18px;">';
      bench += ' <div class="progress-bar" role="progressbar" style="width:'+bwidth+'%" aria-valuenow="'+bwidth+'" aria-valuemin="0" aria-valuemax="100">'+item.nomref+'</div>';
      bench += '</div>';
      bench += '<div class="clr"><!-- --></div></div>';
     } else if (item.nomref != '' && item.nomref != nomref && crit != 'prix') {
      txt += '<div class="col-md-12 separat2"><span>'+item.nomref+'</span></div>';
     }
     nomref = item.nomref;
     if (item.nomssfamille != '' && item.nomssfamille != ssfamille && crit != 'prix') {
      ssfamille = item.nomssfamille;
      txt += '<div class="col-md-12 separat"><span>'+item.nomssfamille+'</span></div>';
     }

     var prixaff = (bTva==1) ? item.prixttcTxt : item.prixhtTxt;
     var pimg = item.img;
     //pimg = pimg.replace('/m38/m38/','/m50/m50/');
     pimg = pimg.replace('/m50/m50/','/m200/m200/');
     
     txt += '<div class="well col-md-12">';
     txt += ' <div class="col-md-1">';
     txt += '  <input type="checkbox" name="" value="" class="compare_no" id="id'+item.refcomposant+'" onclick="fcompare(\''+item.refcomposant+'\');" />';
     txt += ' </div>';     
     txt += ' <div class="col-md-2">';
     txt += '  <div class="imgcontent">';
     txt += '   <div class="image"><A HREF="javascript:void(0);" onclick="GetSpecification(\''+item.refcomposant+'\',\''+numfamille+'\',0); return false;" ';
     /*@cc_on
     @if (@_jscript_version <= 5.6)
     @else @*/
     txt += ' onMouseover="ddrivetip(\'<center>'+item.refconstructeur+'<br/>voir la fiche produit</center>\', 120)"';
     txt += ' onMouseout="hideddrivetip()"';
     /*@end @*/
     txt += '>'+pimg+'</A></div>';
     txt += '   <div class="compteur">';
     txt += '    <div class="input-group">'+item.qt;
     txt += '    </div>';
     txt += '   </div>';
     txt += '  </div>';
     txt += ' </div>';
     txt += ' <div class="col-md-8">';
     txt += '  <A HREF="javascript:void(0);" onclick="GetSpecification(\''+item.refcomposant+'\',\''+numfamille+'\',0); return false;" class="discret">'+item.nomcomposant+'</A>'+bench;
     txt += ' </div>';
     txt += ' <div class="col-md-3 vertical-align">';
     txt += prixaff;
     txt += ' </div>';
     txt += '</div>';



    } //fin if (voirgen == 2 && item.generation != 2) {
   }
   txt += '</div>';
   return txt;
}   


var sort_by = function(field, reverse, primer) {

   reverse = (reverse) ? -1 : 1;

   return function(a,b){

       a = a[field];
       b = b[field];

       if (typeof(primer) != 'undefined'){
           a = primer(a);
           b = primer(b);
       }

       if (a<b) return reverse * -1;
       if (a>b) return reverse * 1;
       return 0;

   }
}

function add_option(value, text) {
 var opt = document.createElement('option');
 opt.value = value;
 opt.appendChild(document.createTextNode(text));
 return opt;
}

function createmyinput(typ, nam, val, clas, func) {
 var obj = document.createElement('input');
 obj.type = typ;
 obj.value = val;
 if (nam != '') obj.name = nam;
 if (clas != '') obj.className = clas;
 if (func != '') obj.onclick = func;
 return obj;
}
function createmyelt(elt, id, name, clas, text) {
 var obj = document.createElement(elt);
 if (id != '') obj.id = id;
 if (name != '') obj.name = name;
 if (clas != '') obj.className = clas;
 if (text != '') obj.innerHTML = text; 
 return obj;
}
function removeElement(element) {
    element && element.parentNode && element.parentNode.removeChild(element);
}
/**
 * Ajoute un ele_container
*/
function ajout2nd(fam) {
 var emp = 2;
 var id = fam+'.'+emp;
 if (innerfamille) {
  CloseFamille();
  location.href='#'+fam;
 } 
 while (document.getElementById('c'+id)) {
  emp += 1;
  id = fam+'.'+emp;
 }
 var txt = '';
 if (fam == fa3) txt = '&nbsp;'+emp+'i&egrave;me disque';
 if (fam == fa4) txt = '&nbsp;'+emp+'i&egrave;me m&eacute;dia';
 if (colonnesx3 == 2) txt += ' <span>'+bt_modifier(fam, emp)+'</span> ';
 var newo = createmyelt('div', 'c'+id, '', 'col-md-12 composant nopadding', '');
 newo.appendChild(createmyelt('a', '', id, '', ''));
 newo.appendChild(createmyelt('div', '', '', 'comptitre', txt));
 newo.appendChild(createmyelt('div', 'composant'+id, '', 'ele_composant', '&nbsp;'));
 newo.appendChild(createmyelt('div', '', '', 'ele_spacer', '<!-- -->'));
 newo.appendChild(createmyelt('div', 'famille'+id, '', '', ' '));
 var o = document.getElementById('c'+fam+'.'+(emp-1));
 document.getElementById('preconisation').insertBefore(newo, o.nextSibling);
 GetFamille(fam, emp);
}
/**
 * Permet de récupérer liste composants d'une préconisation
*/
function GetPreconisation(ref,conf){
 	numfamille = 0;
	if (innerdetail) innerdetail.innerHTML = ''; //cache la precedente preconisation
	innerdetail = document.getElementById('preconisation'); //définition de l'endroit d'affichage
	//innerdetail.innerHTML = '<div class="loading">Chargement de la pr&eacute;conisation...</div>';
	param = '?ref_produit='+ref+'&ref_config='+conf+'&Type=&mscsid1=TR2GN600AL08MS2DR7ET071551464375';
	var obj=new JSONscriptRequest(urlbase + 'GetDetail.asp' + param); 
	obj.buildScriptTag(); 
	obj.addScriptTag(); 
}
/**
 * Exploite les données du GetPreconisation() ou du Choix()
*/
function DataPreconisation(data){
 var txt='';
 var prec;
 var emp;
 var numfamilleprec=0;
 var emplacementprec=0;
 var bopen=0;
 var bComposant=false;
 var bPeriph=false;
 var bMontage=false;
 var spacer='<div class="clear20"></div><div class="clear10"></div>';

 if(data==null)
   alert('error');
 else
 { 
   for (i=0; i<data.items.length; ++i) {
    itm = data.items[i];
    (numfamille == numfamilleprec && itm.emplacement >= 2) ? id = numfamille+'.'+itm.emplacement : id = numfamilleprec+'.1';
    id = numfamilleprec+'.'+emplacementprec;
    if (numfamille > 0 && numfamilleprec > 0 && itm.numfamille != numfamilleprec) {
     innercomposant = document.getElementById('composant'+id); //définition de l'endroit d'affichage
     if (innercomposant) innercomposant.innerHTML = txt;
	 txt = '';
    }
    numfamilleprec = itm.numfamille;
    emplacementprec = itm.emplacement;
	id = itm.numfamille+'.'+itm.emplacement;
//if (itm.numfamille==262) alert(itm.refcomposant+'!'+id);
         
    if (data.type != 'update' || (data.type == 'update' && i > 0 && txt != '')) {
//if (itm.numfamille==262) alert('Passe A');

     trigroupe = itm.group;
     if (trigroupe == '1' && !bComposant) {
      txt += '<h2>Composants</h2>'+spacer;
      bComposant = true;
     } 
     if ((trigroupe == '6' || trigroupe == '8') && !bMontage) {
      txt += '<div class="clear10"></div><h2>Montage et système d’exploitation</h2>'+spacer;
      bMontage = true;
     }
     if (trigroupe != '1' && trigroupe != '6' && trigroupe != '8' && !bPeriph) {
      txt += '<div class="clear10"></div><h2>Périphériques</h2>'+spacer;
      bPeriph = true;
     }
 
	 txt += '<div class="col-md-12 composant nopadding" id="c'+id+'"><a name="'+itm.numfamille+'"></a>';
	 txt += '<div class="comptitre">';
     if (itm.nomfamille && colonnesx3 == 2) txt += '<p>';
     if (itm.numfamille == fa3 && itm.emplacement > 1) txt += '&nbsp;'+itm.emplacement+'i&egrave;me disque';
     else if (itm.numfamille == fa4 && itm.emplacement > 1) txt += '&nbsp;'+itm.emplacement+'i&egrave;me m&eacute;dia';
     else if (itm.nomfamille) txt += itm.nomfamille;
     if (itm.nomfamille && colonnesx3 == 2) txt += '</p>';
     if ((itm.numfamille == fa3 || itm.numfamille == fa4) && itm.emplacement == 1 && itm.ajouter == 1) {
//if (itm.numfamille==262) alert('Passe B');     
      if (colonnesx3 == 2) {
 	   txt += '&nbsp;<p class="addcomp" id="add'+id+'">';
       txt += '<a href="javascript:void(0);" onclick="ajout2nd('+itm.numfamille+'); return false;">';
       txt += 'en ajouter un</a></p>';
      } else {
 	   txt += '&nbsp;<span class="ele_addmore" id="add'+id+'">';
       txt += '<a href="javascript:void(0);" onclick="ajout2nd('+itm.numfamille+'); return false;">';
       txt += '+ en ajouter un</a></span>';
      }
     }
     if (colonnesx3 == 2) {
      if (itm.refcomposant != '') {
       if (itm.modifiable == '1') txt += ' <span>'+bt_modifier(itm.numfamille, itm.emplacement)+'</span> ';
      } else {
       if (itm.numfamille == fa3) pressfa3 = 0;  // second disque ?
       if (itm.numfamille == fa4) pressfa4 = 0;  // second média ?
       (numfamille == itm.numfamille && emplacement >= 2) ? emp = emplacement : emp = '';
       txt += ' <span>'+bt_ajouter(itm.numfamille, emp)+'</span> ';
      }
     } else {
     }
     txt += '</div><div id="composant'+id+'" class="ele_composant">';
	 bopen = 1;
    }	
    if (itm.refcomposant == '') { 
	 txt += ' <div class="ele_gauche">&nbsp;</div>';
	 txt += ' <div class="ele_centre">&nbsp;</div>';
	 txt += ' <div class="col-md-9 nopadding">';
     if (itm.nomcomposant) {
      if (itm.modifiable == '1' && colonnesx3 == 0) txt += bt_modifier(itm.numfamille, itm.emplacement)+' - ';
	  if (itm.refcomposantint) {
	   txt += '<a href="javascript:void(0);" onclick="GetSpecification(\''+itm.refcomposantint+'\',\''+itm.numfamilleint+'\',0); return false;" ';
	   txt += ' class="discret">';	  
	  }
      txt += itm.nomcomposant;
	  if (itm.refcomposantint) txt += '</a>';
	 } else {
      if (itm.numfamille == fa3) pressfa3 = 0;  // second disque ?
      if (itm.numfamille == fa4) pressfa4 = 0;  // second média ?
      (numfamille == itm.numfamille && emplacement >= 2) ? emp = emplacement : emp = '';
      if (colonnesx3 == 0) txt += bt_ajouter(itm.numfamille,emp) + ' - ';
      txt += 'Non compris';
	 }
	 txt += ' </div>';
     if (colonnesx3 == 1) {
      txt += '<div class="col-md-3">';
      if (itm.nomcomposant) {
       txt += bt_modifier(itm.numfamille, itm.emplacement);
      } else {
       if (itm.numfamille == fa3) pressfa3 = 0;  // second disque ?
       if (itm.numfamille == fa4) pressfa4 = 0;  // second média ?
       (numfamille == itm.numfamille && emplacement >= 2) ? emp = emplacement : emp = '';
       txt += bt_ajouter(itm.numfamille, emp);
	  }
	  txt += '</div>';
     }     
    } else {
	 prec = true;
     while (prec) {
      txt += '<div class="ele_gauche">';
   	  txt += '<a href="javascript:void(0);" onclick="GetSpecification(\''+itm.refcomposant+'\',\''+itm.numfamille+'\',0); return false;" ';
	  txt += ' onMouseover="ddrivetip(\'<center>'+itm.refconstructeur+'<br/>voir la fiche produit</center>\', 120)"';
      txt += ' onMouseout="hideddrivetip()">'+itm.img+'</a>';
	  txt += '</div>';
      txt += '<div class="ele_centre"><span class="'+itm.DansPrecQ+'">';
      txt += '<b>'+itm.qt+'</b></span></div>';
      txt += '<div class="col-md-9 nopadding">';
	  if (itm.modifiable == '1') {  
       if (itm.numfamille == fa3) pressfa3 = 1;  // second disque ?
       if (itm.numfamille == fa4) pressfa4 = 1;  // second média ?
      }      
	  if (itm.modifiable == '1' && colonnesx3 == 0) {  
       if (itm.numfamille == fa3) pressfa3 = 1;  // second disque ?
       if (itm.numfamille == fa4) pressfa4 = 1;  // second média ?
       (numfamille == itm.numfamille && emplacement >= 2) ? emp = emplacement : emp = '';
       emp = itm.emplacement;
       txt += bt_modifier(itm.numfamille, emp)+' - ';
	  }
	  txt += '<a href="javascript:void(0);" onclick="GetSpecification(\''+itm.refcomposant+'\',\''+itm.numfamille+'\',0); return false;" ';
	  txt += ' class="discret">';	  
	  txt += '<span class="'+itm.DansPrec+'">'+itm.nomcomposant+'</span></a>';
      txt += '</div>';
      if (colonnesx3 == 1) {
	   txt += '<div class="col-md-3">';
	   if (data.items[i].modifiable == '1') txt += bt_modifier(data.items[i].numfamille, data.items[i].emplacement);  
	   txt += '</div>';
      }
      txt += '<div class="ele_spacer"><!-- --></div>';
	  prec = false;
	  if (i+1< data.items.length) {
	   if (itm.numfamille == data.items[i+1].numfamille && itm.emplacement == data.items[i+1].emplacement) {
	    prec=true;
		i++;
        itm = data.items[i];
	   }
	  }
	 }
	 prec = itm.numfamille;
	}
	if (bopen == 1) {
	 txt += '</div>';
     txt += '<div id="famille'+id+'" tg="2"> </div>';
     txt += '<div class="ele_spacer"><!-- --></div>';
	 txt += '</div>';	 
	 bopen = 0;
	}
   }
  }

  if (numfamille > 0) {
   (numfamille == numfamilleprec && emplacement >= 2) ? id = numfamille+'.'+emplacement : id = numfamilleprec;
   id = numfamilleprec+'.'+itm.emplacement;
//alert('composant'+id+'  composant'+numfamilleprec+' '+txt)
//if (itm.numfamille==262) alert('Passe E');
   innercomposant = document.getElementById('composant'+id); //définition de l'endroit d'affichage
   if (innercomposant) innercomposant.innerHTML = txt;  
  } else innerdetail.innerHTML = txt;
//alert(txt);  

  if (inneradd = document.getElementById('add430.1')) { //cache en ajouter un
   //if (pressfa3 == 1) inneradd.style.visibility='hidden'; else inneradd.style.visibility='visible';
  }

  if (inneradd = document.getElementById('add431.1')) {
   //if (pressfa4 == 1) inneradd.style.visibility='hidden'; else inneradd.style.visibility='visible';
  }

  GetPrice();

  var anchor;
  anchor = window.location.hash;
  if (anchor.length > 2 && anchor.substring(2,1) == 'L') {
   anchor = anchor.substring(2,anchor.length);
   if (isNumber(anchor)) btomodifier(anchor);
  }
}//end preco

function bt_modifier(f,e) {
 var bt;

 bt = '<a href="javascript:void(0);" onclick="GetFamille(\''+f+'\',\''+e+'\'); return false;" ';
 bt += ' onMouseover="ddrivetip(\'personnaliser la configuration\', 150)"';
 bt += ' onMouseout="hideddrivetip()" class="btn btn-primary" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="collapseExample">';
 if (colonnesx3 == 1) bt += 'Modifier</a>';
 else bt += 'Modifier</a>';

 return bt;
}
function bt_ajouter(f,e){
 var bt;

 bt = ' <a href="javascript:void(0);" onclick="GetFamille(\''+f+'\',\''+e+'\'); return false;"';
 bt += ' onMouseover="ddrivetip(\'ajouter &agrave; votre configuration\', 145)"';
 bt += ' onMouseout="hideddrivetip()" class="btn btn-primary" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="collapseExample">';
 if (colonnesx3 == 1) bt += 'Ajouter</a>';
 else bt += 'Ajouter</a>';
 
 return bt;
}

/**
 * Exploite les données du GetPreconisation()
*/
function DataKitEvolution(data){
 DataPreconisation(data);
}

function DataKitEvolution2(data){
 var txt='';
 var prec;
 var emp;
 var numfamilleprec=0;
 var emplacementprec=0;
 if(data==null)
   alert('error');
 else
 { 
  
   for (i=0; i<data.items.length; ++i) {
    itm = data.items[i];
    (numfamille == numfamilleprec && itm.emplacement >= 2) ? id = numfamille+'.'+itm.emplacement : id = numfamilleprec+'.1';
    id = numfamilleprec+'.'+emplacementprec;
    if (numfamille > 0 && numfamilleprec > 0 && itm.numfamille != numfamilleprec) {
//if (!(innercomposant = document.getElementById('composant'+id))) alert('BBB emp:'+itm.emplacement+ ' fam:'+itm.numfamille+' composant'+id+':'+txt);
     innercomposant = document.getElementById('composant'+id); //définition de l'endroit d'affichage
     innercomposant.innerHTML = txt;
	 txt = '';
    }
    numfamilleprec = itm.numfamille;
    emplacementprec = itm.emplacement;
	id = itm.numfamille+'.'+itm.emplacement;

    if (data.type != 'update' || (data.type == 'update' && i > 0 && txt != '')) {
	 txt += '<div class="ele_container">';
	 txt += '<div class="ele_famille">';
     if (data.items[i].nomfamille) {
      txt += '<a name="'+data.items[i].numfamille+'"></a>'+data.items[i].nomfamille;
     }
	 txt += '&nbsp;</div>';
     txt += '<div id="composant'+data.items[i].numfamille+'" class="ele_composant">';
    }	
    if (data.items[i].refcomposant == '') { 
	 txt += ' <div class="ele_gauche">&nbsp;</div>';
	 txt += ' <div class="ele_centre">&nbsp;</div>';
	 txt += ' <div class="ele_droite">';
     if (data.items[i].nomcomposant) {
      if (data.items[i].modifiable == '1') {  
       txt += '<a href="javascript:void(0);" onclick="GetFamille(\''+data.items[i].numfamille+'\',\'\'); return false;" ';
       txt += ' onMouseover="ddrivetip(\'personnaliser la configuration\', 150)"';
       txt += ' onMouseout="hideddrivetip()" class="rouge">Modifier</a> - ';
      } 
      txt += data.items[i].nomcomposant;
	 } else {
      txt += ' <a href="javascript:void(0);" onclick="GetFamille(\''+data.items[i].numfamille+'\',\'\'); return false;"';
      txt += ' onMouseover="ddrivetip(\'ajouter &agrave; votre configuration\', 145)"';
      txt += ' onMouseout="hideddrivetip()"';
      txt += ' class="rouge">Ajouter</a> - Non compris';
	 }
	 txt += ' </div>';
     txt += ' <div class="ele_spacer"><!-- --></div>';
     txt += '</div>';
	 txt += '<div class="ele_spacer"><!-- --></div>';
     txt += '<div id="famille'+data.items[i].numfamille+'" tg="3"> </div>';	 
    } else {
	 prec = true;
     while (prec) {
      txt += '<div class="ele_gauche">';
	  //txt += '<a href="javascript:void(0);" onclick="w=window.open(\''+urlfiche+'?mscsid1=TR2GN600AL08MS2DR7ET071551464375&RefComp='+data.items[i].refcomposant+'&Fam='+data.items[i].numfamille+'&Grp='+data.items[i].Grp+'\',\'_new\',\'toolbar=0,location=0,directories=0,menubar=0,scrollbars=1,resizable=0,height=600,width=600,top=20,left=40\');w.focus(); return false;" ';
   	  txt += '<a href="javascript:void(0);" onclick="GetSpecification(\''+data.items[i].refcomposant+'\',\''+data.items[i].numfamille+'\',0); return false;" ';
	  txt += ' onMouseover="ddrivetip(\'voir la fiche produit\', 94)"';
      txt += ' onMouseout="hideddrivetip()">'+data.items[i].img+'</a>';
	  txt += '</div>';
      txt += '<div class="ele_centre"><span class=="'+data.items[i].DansPrecQ+'">';
      txt += '<b>'+data.items[i].qt+'</b></span></div>';
      txt += '<div class="ele_droite">';
	  if (data.items[i].modifiable == '1') {  
       txt += '<a href="javascript:void(0);" onclick="GetFamille(\''+data.items[i].numfamille+'\',\'\'); return false;" ';
       txt += ' onMouseover="ddrivetip(\'personnaliser la configuration\', 150)"';
       txt += ' onMouseout="hideddrivetip()" class="rouge">Modifier</a> - ';
	  }
	  txt += '<span class="'+data.items[i].DansPrec+'">'+data.items[i].nomcomposant+'</span>';
      txt += '</div>';
      txt += '<div class="ele_spacer"><!-- --></div>';
	  prec = false;
	  if (i+1< data.items.length) {
	   if (data.items[i].numfamille == data.items[i+1].numfamille) {
	    prec=true;
		i++;
	   }
	  }
	 }
	 prec = data.items[i].numfamille;
	}
    //if (!(numfamille > 0) || i > 0) txt += '</div>';
	if (data.type != 'update' || (data.type == 'update' && i > 0 && txt != '')) {
	 txt += '</div>';
	 txt += '<div class="ele_spacer"><!-- --></div>';
     txt += '<div id="famille'+data.items[i].numfamille+'" tg="1"> </div>';
	 txt += '</div>';	 
	}
	//if (i+1< data.items.length) if (data.items[i].numfamille != data.items[i+1].numfamille) 
   }
  }
  if (numfamille > 0) {
   innercomposant = document.getElementById('composant'+numfamilleprec); //définition de l'endroit d'affichage
   innercomposant.innerHTML = txt;  
  } else innerdetail.innerHTML = txt;
  GetPrice();
}//end preco


function openModal(type){
 //par défaut width 600px
 $("#myModal").modal();
 $(".modal-content").removeClass('modal700 modal-lg');
 if (type=='fiche') $(".modal-content").addClass("modal700"); //700px
 if (type=='compare') $(".modal-content").addClass("modal-lg"); //900px
}

/**
 * Permet de récupérer fiche composant
*/
function GetSpecification(ref, fam, cpr){
 retourref = ref;
 retourfam = fam;
 
 //if (cpr == 1) innerdetail = document.getElementById('btocompare'); //définition de l'endroit d'affichage
 //else innerdetail = document.getElementById('btofiche'); //définition de l'endroit d'affichage
 
 if (imprimerfiche != 1) {
  if (cpr == 1) openModal('compare'); else openModal('fiche');
  //définition de l'endroit d'affichage fiche ou compare
  innerdetail = document.getElementById('dropin2'); 
  if (innerdetail==null) innerdetail = document.body;
 } else {
  innerdetail = document.getElementById('btocompare');
 }
 
 param = '?RefComp='+ref+'&mscsid1=TR2GN600AL08MS2DR7ET071551464375';
 var obj=new JSONscriptRequest(urlbase + 'GetSpecification.asp' + param); 
 obj.buildScriptTag(); 
 obj.addScriptTag(); 
}

/**
 * Exploite les données du GetSpecification()
*/
function DataComposant(data){
 var txt='';
 if(data==null)
   alert('error');
 else
 { 
  var nbc = data.Composants.length;
  if (nbc == 1) {
   comp = data.Composants[0];
   txt += '<div class="nom">'+comp.Name+'</div><div>&nbsp;</div>';

  txt += '<div class="single-product fiche">';
  txt += '<section class="carousel-fixed-height2">';
  txt += ' <div id="carousel-fixed-height2" class="carousel slide" data-ride="carousel">';
  txt += '  <ol class="carousel-indicators">';
  if (comp.Imgbig != '') {  
   txt += '   <li data-target="#carousel-fixed-height2" data-slide-to="0">';
   txt += '    <a href="'+comp.Imgbig+'"><img src="'+comp.Imgbig+'" alt=""></a>';
   txt += '   </li>';
  }
  if (comp.Img2big != '') {  
   txt += '   <li data-target="#carousel-fixed-height2" data-slide-to="1">';
   txt += '    <a href="'+comp.Img2big+'"><img src="'+comp.Img2big+'" alt=""></a>';
   txt += '   </li>';
  }
  if (comp.Img3big != '') {  
   txt += '   <li data-target="#carousel-fixed-height2" data-slide-to="2">';
   txt += '    <a href="'+comp.Img3big+'"><img src="'+comp.Img3big+'" alt=""></a>';
   txt += '   </li>';
  }
  if (comp.Img4big != '') {
   txt += '   <li data-target="#carousel-fixed-height2" data-slide-to="3">';
   txt += '    <a href="'+comp.Img4big+'"><img src="'+comp.Img4big+'" alt=""></a>';
   txt += '   </li>';       
  }
  if (comp.Img5big != '') {
   txt += '   <li data-target="#carousel-fixed-height2" data-slide-to="4">';
   txt += '    <a href="'+comp.Img5big+'"><img src="'+comp.Img5big+'" alt=""></a>';
   txt += '   </li>';
  }
  txt += '  </ol>';
  txt += '  <div class="carousel-inner" role="listbox">';
  if (comp.Imgbig != '') {
   txt += '   <div class="item active">';
   txt += '    <div style="background:url(\''+comp.Imgbig+'\') center center;background-size:contain;background-repeat:no-repeat;" class="slider-size slider-product">';
   txt += '    </div>';
   txt += '   </div>';
  }
  if (comp.Img2big != '') {  
   txt += '   <div class="item">';
   txt += '    <div style="background:url(\''+comp.Img2big+'\') center center;background-size:contain;background-repeat:no-repeat;" class="slider-size slider-product">';
   txt += '    </div>';
   txt += '   </div>';
  }
  if (comp.Img3big != '') {  
   txt += '   <div class="item">';
   txt += '    <div style="background:url(\''+comp.Img3big+'\') center center;background-size:contain;background-repeat:no-repeat;" class="slider-size slider-product">';
   txt += '    </div>';
   txt += '   </div>';
  }
  if (comp.Img4big != '') {
   txt += '   <div class="item">';
   txt += '    <div style="background:url(\''+comp.Img4big+'\') center center;background-size:contain;background-repeat:no-repeat;" class="slider-size slider-product">';
   txt += '    </div>';
   txt += '   </div>';
  }
  if (comp.Img5big != '') {
   txt += '   <div class="item">';
   txt += '    <div style="background:url(\''+comp.Img5big+'\') center center;background-size:contain;background-repeat:no-repeat;" class="slider-size slider-product">';
   txt += '    </div>';
   txt += '   </div>';
  }
  txt += '  </div>';
  txt += '  <a class="left carousel-control" href="#carousel-fixed-height2" role="button" data-slide="prev">';
  txt += '   <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>';
  txt += '   <span class="sr-only">Previous</span>';
  txt += '  </a>';
  txt += '  <a class="right carousel-control" href="#carousel-fixed-height2" role="button" data-slide="next">';
  txt += '   <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>';
  txt += '   <span class="sr-only">Next</span>';
  txt += '   </a>';
  txt += ' </div>';
  txt += '</section>'; 
  txt += '</div>';  

   txt += '<div class="imagenc">';
   txt += '<div id="lbtoviewer">';
   //logos
   if (comp.Logo != '') {
    txt += '<img name="'+comp.Logo+'" src="https://www.elexence.fr'+comp.Logom+'" />';
   }
   if (comp.Logo2 != '') {
    txt += '<img name="'+comp.Logo2+'" src="https://www.elexence.fr'+comp.Logo2m+'" />';
   }
   if (comp.Logo3 != '') {
    txt += '<img name="'+comp.Logo3+'" src="https://www.elexence.fr'+comp.Logo3m+'" />';
   }
   if (comp.Logo4 != '') {
    txt += '<img name="'+comp.Logo4+'" src="https://www.elexence.fr'+comp.Logo4m+'" />';
   }
   if (comp.Logo5 != '') {
    txt += '<img name="'+comp.Logo5+'" src="https://www.elexence.fr'+comp.Logo5m+'" />';
   }   
   //if (comp.Logo != '') 
   txt += '<div>&nbsp;</div></div>';

   txt += '</div>';  
  
  } else {
    txt += '<div class="detail_container'+nbc+'">';
    txt += '<div class="detail_gauche"> </div>';
    txt += '<div class="detail_droite_white">';
    txt += '<div class="detail_droite'+nbc+'"><center><img src="'+data.Composants[0].Img+'" class="btoimgview"/></center></div>';
    if (nbc >= 2) txt += '<div class="detail_droite'+nbc+'"><center><img src="'+data.Composants[1].Img+'" class="btoimgview"/></center></div>'; 
    if (nbc >= 3) txt += '<div class="detail_droite'+nbc+'"><center><img src="'+data.Composants[2].Img+'" class="btoimgview"/></center></div>'; 
    txt += '</div>';
    txt += '<div class="clr"><!-- --></div>';
    txt += '</div>';
  
    txt += '<div class="detail_container'+nbc+'">';
    txt += '<div class="detail_gauche"> </div>';
    txt += '<div class="detail_droite">';
    txt += '<div class="detail_droite'+nbc+'">'+data.Composants[0].Name+'</div>';
    if (nbc >= 2) txt += '<div class="detail_droite'+nbc+'">'+data.Composants[1].Name+'</div>'; 
    if (nbc >= 3) txt += '<div class="detail_droite'+nbc+'">'+data.Composants[2].Name+'</div>'; 
    txt += '</div>';
    txt += '<div class="clr"><!-- --></div>';
    txt += '</div>';
  }  
  
  for (i=0; i<data.Caracteristiques.length; ++i) {
   var car = data.Caracteristiques[i];
   if (car) {
    var tcss = '';
    if (car.Value == '<!--Titre-->') tcss = ' sstt';   
    txt += '<div class="detail_container'+nbc+tcss+'">';
    if (!(car.Name == 'Description' && car.Value.substring(1, 4) == 'img')) txt += '<div class="detail_gauche">'+car.Name+'</div>';
    txt += '<div class="detail_droite">';
    txt += '<div class="detail_droite'+nbc+'">'+car.Value+'</div>';
    if (nbc >= 2 && !(car.Name == 'Description' && car.Value.substring(1, 4) == 'img')) txt += '<div class="detail_droite'+nbc+'">'+car.Value2+'</div>'; 
    if (nbc >= 3 && !(car.Name == 'Description' && car.Value.substring(1, 4) == 'img')) txt += '<div class="detail_droite'+nbc+'">'+car.Value3+'</div>'; 
    txt += '</div>';
    txt += '<div class="clr"><!-- --></div>';
    txt += '</div>';
   }
  }
  if (imprimerfiche == 0) {
   txt += '<center><br/><div class="btchx">';
   txt += '<div class="fleft50" class="ficheimp"><a href="#" onclick="window.open(\'/imprimerfiche.asp?ref='+retourref+'&fam='+retourfam+'\'); return false;" class="btform">Imprimer</a></div>';
   txt += '<div class="fleft50 fffiche"><a href="#" onclick="btofermerfiche(); return false;" class="btform">Fermer</a></div>';
   txt += '</div><br/><br/><br/></center>';
  }
 }
 innerdetail.innerHTML = txt;
 if (imprimerfiche == 0) {
  //jq//overlay.position();
  fermefiche = function(){ btofermerfiche(); };
  //jq//document.body.addEvent('click', fermefiche); 
 }
 /*
 scroll_top = (ie)? truebody().scrollTop : window.pageYOffset;
 innerdetail.style.top = (scroll_top+5)+'px';
 pageWidth = window.innerWidth;
 pageWidth = (pageWidth)? pageWidth : document.documentElement.clientWidth;
 pageWidth = (pageWidth)? pageWidth : document.body.clientWidth;
 innerdetail.style.left = ((pageWidth-632)/2)+'px';
 */
 innerdetail.style.display='block';
 
 
 //jq//imgzoom = new Zoomer('btoimgviewer');

/*
 $('a#btozoom').jqzoom({
  zoomType: 'innerzoom',
  preloadText: 'Chargement photo',
  preloadImages: true,
  title: true});*/

 //innerdetail.offsetHeight;
 //document.getElementById('shadow2overlay').style.display='block';
 //ytop = document.body.clientHeight;
 //document.getElementById('shadow2overlay').style.height=ytop+'px';
}

function btofermerfiche() {
 $("#myModal").modal('toggle');
}
function btofermerficheold() {
 document.getElementById('shadow2overlay').style.height='0px';
 document.getElementById('shadow2overlay').style.display='none';
 /*IE 6 bug select toujours au dessus*/
 oSelects = document.getElementsByTagName('SELECT');
 for (i = 0; i < oSelects.length; i++) oSelects[i].style.visibility = 'visible';
 //jq//document.body.removeEvent('click', fermefiche);  
 //jq//overlay.hide();
 //innerdetail = document.getElementById('btofiche'); //définition de l'endroit d'affichage
 innerdetail.innerHTML = '';
 innerdetail.style.display='none';
 if (retourfam > 0) location.href='#'+retourfam;
}

function urlencode(str) {
 return escape(str.replace(/%/g, '%25').replace(/\+/g, '%2B')).replace(/%25/g, '%');
} 

function btosauve(val) { //sauvegarde config sans controle
 val = urlencode(val);
 param = '?mscsid1=TR2GN600AL08MS2DR7ET071551464375&idaffilie=0&var='+val;
 location.href = urlbase + 'pc_ajoutpanier.asp' + param;
}

function btocontinuer() {
 //dismissbox(); //cache popup verif config
 $("#myModal").modal('toggle'); 
 param = '?mscsid1=TR2GN600AL08MS2DR7ET071551464375&idaffilie=0&var=www%2Emade4gamers%2Efr%2Fpanier%2Easp%3Fmscssid%3DTR2GN600AL08MS2DR7ET071556973135%26NoCf%3D';
 location.href = urlbase + 'pc_ajoutpanier.asp' + param;
}

function btovar2() {
 //dismissbox(); //cache popup verif config
 $("#myModal").modal('toggle'); 
 param = '?mscsid1=TR2GN600AL08MS2DR7ET071551464375&idaffilie=0&var=www%2Emade4gamers%2Efr%2Fpanier%2Easp%3Fmscssid%3DTR2GN600AL08MS2DR7ET071556973135%26NoCf%3D';
 location.href = urlbase + 'pc_ajoutpanier.asp' + param;
}

function btomodifier(fam) {
 //dismissbox();
 $("#myModal").modal('toggle'); 
 GetFamille(fam,'');
 location.href='#'+fam;	
}

function btoredirige(val) { 
 urltmp = urlencode(val);
 btoverification(3); // controle puis redirige vers val via btoredirection
}

function btoredirection() { // appelé depuis la verification
 //dismissbox(); //cache popup verif config
 $("#myModal").modal('toggle'); 
 param = '?mscsid1=TR2GN600AL08MS2DR7ET071551464375&idaffilie=0&var='+urltmp;
 location.href = urlbase + 'pc_ajoutpanier.asp' + param;
}

/**
 * Analyse la configuraion
*/
function btoverification(typ){ // verif config
 if (innerdrop) innerdrop.innerHTML = ''; //cache precedent resultat
 innerdrop = document.getElementById('dropin2'); //définition de l'endroit d'affichage
 /*
 initbox();
 innerdrop.style.display='block';
 */
 txt = '<div class="wait"><div class="bas"><div class="cont"><div class="haut"><center>Analyse de votre configuration en cours...<br/><img src="https://www.elexence.fr/ww2/skin9/img/loading.gif" align="absbottom"/></center></div></div></div></div>';
 innerdrop.innerHTML = txt;
 country = GetCountry();
 openModal('');
 param = '?mscsid1=TR2GN600AL08MS2DR7ET071551464375&typ='+typ+'&country='+country;
 var obj=new JSONscriptRequest(urlbase + 'pc_verifconfigurationm4g.asp' + param);
 obj.buildScriptTag(); 
 obj.addScriptTag(); 
}
/**
 * Exploite les données du btoverification() 
*/
function DataVerification(data){
 var txt='';
 if(data==null)
   alert('error');
 else
 { 
   for (i=0; i< data.items.length; ++i) {
    txt += data.items[i].result;
   }
 }
 innerdrop.innerHTML = txt;
}
/**
 * Recharge composant sélectionné
*/
function Choix1(fichier, comp, remp, qte, ssfam) {
	var fam=numfamille;
	if (qte == 0 && confirm('Ce choix implique la modification automatique d\'autres composants liés')) {
		Choix(fichier, comp, remp, qte, ssfam);
	} else if (qte > 0 && confirm('Ce choix implique l\'ajout automatique d\'autres composants liés')) {
       	//succeptible de modifier certain de vos composants
		Choix(fichier, comp, remp, qte, ssfam);
	} else {
        innerfamille = document.getElementById('famille'+fam);
        innerfamille.innerHTML = '';
        innerfamille.style.display = 'none';
    }
}
function Choix(fichier, comp, remp, qte, ssfam) {
	var fam=numfamille;
    var emp=emplacement;
	var grp=0;
    (emp != '') ? id = fam + '.' + emp : id = fam;
    if (qte == 0 && fam == fa3) if (inneraddfamille = document.getElementById('add'+id)) inneraddfamille.innerHTML = '';
    if (qte == 0 && fam == fa4) if (inneraddfamille = document.getElementById('add'+id)) inneraddfamille.innerHTML = '';
    param = '?comp=' + comp + '&remp=' + remp + '&qte=' + qte + '&fam=' + fam + '&ssfam=' + ssfam + '&grp=' + grp + '&emp=' + emp + '&mscsid1=TR2GN600AL08MS2DR7ET071551464375';
	innerfamille = document.getElementById('famille'+id);
    innerfamille.innerHTML = '';
	innerfamille.style.display = 'none'; 
	innercomposant = document.getElementById('composant'+id); //définition de l'endroit d'affichage
	innercomposant.innerHTML = '<div class="loading">Mise &agrave; jour...</div>';
//alert(urlbase + 'pc_modifconfiguration.asp' + param);
	var obj=new JSONscriptRequest(urlbase + 'pc_modifconfiguration.asp' + param);
 	obj.buildScriptTag(); 
 	obj.addScriptTag();
	GetPrice();
}
/**
 * Permet de récupérer les différents montants
*/
function GetPrice() {
	param = '?mscsid1=TR2GN600AL08MS2DR7ET071551464375&iWidth='+iWidth+'&iHeight='+iHeight+'&tva='+bTva;
	var obj=new JSONscriptRequest(urlbase + 'GetPrice.asp' + param);
	obj.buildScriptTag(); 
 	obj.addScriptTag();
}
/**
 * Exploite les données du GetPrice()
*/
function DataPrice(data) {
 if(data==null)
  alert('error');
 else
 { 
  var prixaff = (bTva==1) ? data.items.prixpublicttc + '&nbsp;TTC' : data.items.prixpublicht + '&nbsp;HT';
  var ecopaff = (bTva==1) ? data.items.ecoparticipationttc + '&nbsp;TTC' : data.items.ecoparticipationht + '&nbsp;HT';
  var prix3x = (bTva==1) ? data.items.prixpublicttc3x + '&nbsp;TTC' : data.items.prixpublicht3x + '&nbsp;HT';
  
  //respect de la norme : on utilise id et non name et id unique
  if (document.getElementById('prixpublicttc')) document.getElementById('prixpublicttc').innerHTML = prixaff;
  if (document.getElementById('prixpublicttc2')) document.getElementById('prixpublicttc2').innerHTML = prixaff;
  if (document.getElementById('prixpublicttc3')) document.getElementById('prixpublicttc3').innerHTML = prixaff;
  if (document.getElementById('ecoparticipation')) document.getElementById('ecoparticipation').innerHTML = ecopaff;
  if (document.getElementById('ecoparticipation2')) document.getElementById('ecoparticipation2').innerHTML = ecopaff;
  if (document.getElementById('ecoparticipation3')) document.getElementById('ecoparticipation3').innerHTML = ecopaff;
  if (document.getElementById('prixpublicttc3x')) document.getElementById('prixpublicttc3x').innerHTML = prix3x;
  if (document.getElementById('resumeconfig')) document.getElementById('resumeconfig').innerHTML = data.items.resumeconfig;
  if (document.getElementById('viewer') && data.items.image1!='') document.getElementById('viewer').src = data.items.image1;
  if (document.getElementById('cashback')) {
   if (data.items.cashback!='') {
    document.getElementById('cashback').innerHTML=data.items.cashback;
    document.getElementById('cashback').style.visibility='visible';
   } else {
    document.getElementById('cashback').style.visibility='hidden';
   }
  }
  

  
  for (var i = 1; i <= 5; i++) { // photos produit
   var elems = document.getElementsByClassName('lnk'+i);
   var elemsth = document.getElementsByClassName('th'+i);
   if (eval('data.items.imagezoom'+i) != '') {
    /*
    if (elems.length>0) {
     elems[0].href = eval('data.items.imagezoom'+i);
     elems[0].style.display = 'inline-block';
     elemsth[0].style.display = 'inline-block';
     elemsth[0].style.visibility = 'visible';
    }
    */
  
    var elems = document.getElementsByClassName('lnk'+i);
    if (elems.length > 0) { // si element existe on le met à jour
     elems[0].href = eval('data.items.imagezoom'+i);
     if (i == 1) document.getElementsByClassName('im'+i)[0].className = 'active item im'+i;
     else document.getElementsByClassName('im'+i)[0].className = 'item im'+i;
    } else { // sinon on le crée
     var bloc = document.createElement('div');
     if (i == 1) bloc.className = 'active item im'+i;
     else bloc.className = 'item im'+i;
     var bloc2 = document.createElement('div');
     bloc2.className = 'slider-size slider-product bgd'+i;
     bloc2.style.backgroundImage = 'url('+eval('data.items.imagezoom'+i)+')';
     bloc2.style.backgroundPosition = 'center center'; 
     bloc2.style.backgroundSize = 'contain'; //cover or contain
     bloc2.style.backgroundRepeat = 'no-repeat';
     
     bloc.appendChild(bloc2);
     ele = document.getElementsByClassName('carousel-inner');
     ele[0].appendChild(bloc);

     bloc = document.createElement('li');
     bloc.className = 'th'+i;
     bloc.setAttribute('data-target','#carousel-fixed-height');
     bloc.setAttribute('data-slide-to',(i-1));
     bloc2 = document.createElement('a');
     bloc2.className = 'lnk'+i;
     bloc3 = document.createElement('img');
     bloc3.className = 'pic'+i;
     bloc3.src = eval('data.items.imagezoom'+i);
     bloc2.appendChild(bloc3);
     bloc.appendChild(bloc2);
     ele = document.getElementsByClassName('carousel-indicators');
     ele[0].appendChild(bloc);    
    }
   
   } else {
    if (document.getElementsByClassName('th'+i)) removeElement(document.getElementsByClassName('th'+i)[0]);
    if (document.getElementsByClassName('im'+i)) removeElement(document.getElementsByClassName('im'+i)[0]);       
   }
   
   var elems = document.getElementsByClassName('pic'+i);
   for (var j = 0; j < elems.length; j+=1) elems[j].src = eval('data.items.imagezoom'+i);
   
   var elems = document.getElementsByClassName('bgd'+i);
   for (var j = 0; j < elems.length; j+=1) elems[j].style.backgroundImage = 'url("'+eval('data.items.imagezoom'+i)+'")';
  }

  if (typeof(greplace)!='undefined') { 
   greplace[0] = data.items.image1; 
   greplace[1] = data.items.image2;
   greplace[2] = data.items.image3;
   greplace[3] = data.items.image4;
   greplace[4] = data.items.image5;
   inviewinit();
  }
 }
}

function Switch(sFileName,sImg)	{
 if (document.images) 
  document.images[sImg].src = 'https://www.elexence.fr/Images/Distributeur14/'+sFileName;
}

function Redirect(famille,niveau,largeur,hauteur){
 window.open(urlbase + 'pc_descriptionfamille.asp' + '?mscsid1=TR2GN600AL08MS2DR7ET071551464375&famille='+numfamille+'&niveau='+niveau,null,'status=no,height='+hauteur+',width='+largeur+',location=no,menubar=no,resizable=no,scrollbars=no,toolbar=no,left=20,top=20');
}

var acpr = new Array();

function fcompare(ref) {
 if (document.getElementById('id'+ref)) {
  var elt = document.getElementById('id'+ref);
  if (elt.className == 'compare_no') {
   if (acpr.length < 3) {
    acpr.push(ref);
    elt.className = 'compare_yes';
   } else alert('maximum 3 produits à comparer'); 
  } else {
   elt.className = 'compare_no'; 
   for(var i=0; i < acpr.length; i++) if (acpr[i]==ref) acpr.splice(i,1);
  }
  //alert(acpr.join(','));
 }
}

function GetCompare() {
 if (acpr.length > 1) GetSpecification(acpr.join(','), numfamille, 1);
 else alert('fonction comparer : il faut cocher au moins 2 composants');
}

function GetCountry() {
 if (document.getElementById('country')) return document.getElementById('country').value;
}




// JavaScript Document
/***********************************************
* Cool DHTML tooltip script II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetfromcursorX=12; //Customize x offset of tooltip
var offsetfromcursorY=10; //Customize y offset of tooltip

var offsetdivfrompointerX=10; //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14; //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="https://www.elexence.fr/ww2/skin9/img/arrow2.gif"/>') //write out pointer image

var ie=document.all;
var ns6=document.getElementById && !document.all;
var enabletip=false;
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "";
var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : "";

function ietruebody(){
 return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function ddrivetip(thetext, thewidth, thecolor){
 tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "";
 pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : "";
 if (ns6||ie) {
  if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px";
  if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor;
  tipobj.innerHTML=thetext
  enabletip=true
  return false
 }
}

function positiontip(e){
 tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "";
 pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : "";

 if (enabletip){
  var nondefaultpos=false;
  
  var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;

  //Find out how close the mouse is to the corner of the window
  var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
  var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

  var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
  var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

  var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -2000

  //if the horizontal distance isn't enough to accomodate the width of the context menu
  if (rightedge<tipobj.offsetWidth){
  //move the horizontal position of the menu to the left by it's width
  tipobj.style.left=curX-tipobj.offsetWidth+"px"
  nondefaultpos=true
 }
 else if (curX<leftedge)
  tipobj.style.left="5px"
 else{
  tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px";
  pointerobj.style.left=curX+offsetfromcursorX+"px";
 }
 
 //same concept with the vertical position
 if (bottomedge<tipobj.offsetHeight){
  tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
  nondefaultpos=true
 }
 else{
  tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
  pointerobj.style.top=curY+offsetfromcursorY+"px"
 }
 tipobj.style.visibility="visible"
 if (!nondefaultpos)
  pointerobj.style.visibility="visible"
 else
  pointerobj.style.visibility="hidden"
 }
}

function hideddrivetip(){
 if (ns6||ie){
  enabletip=false
  tipobj.style.visibility="hidden"
  pointerobj.style.visibility="hidden"
  tipobj.style.left="-2000px"
  tipobj.style.backgroundColor=''
  tipobj.style.width=''
 }
}

document.onmousemove=positiontip;


// Drop-in content box- By Dynamic Drive
// For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
// This credit MUST stay intact for use

var ie=document.all;
var dom=document.getElementById;
var ns4=document.layers;
var calunits=document.layers? "" : "px";

var bouncelimit=32; //(must be divisible by 8)
var direction="up";
var crossobj;

function initbox(){
 if (!dom&&!ie&&!ns4) return;
 /*@cc_on
 @if (@_jscript_version <= 5.6)
 @else @*/
  document.getElementById('shadow2overlay').style.display='block';
 /*@end @*/
 crossobj=(dom)?document.getElementById('dropin').style : ie? document.all.dropin : document.dropin;
 scroll_top=(ie)? truebody().scrollTop : window.pageYOffset;
 crossobj.top=scroll_top-250+calunits;
 crossobj.visibility=(dom||ie)? "visible" : "show";
 pageWidth =  window.innerWidth;
 pageWidth = (pageWidth)? pageWidth : document.documentElement.clientWidth;
 pageWidth = (pageWidth)? pageWidth : document.body.clientWidth;
 crossobj.left = ((pageWidth-580)/2)+'px';
 dropstart=setInterval("dropin()",50);
 //fermefiche = function(){ dismissbox(); };
 //document.body.addEvent('click', fermefiche); 
}

function dropin(){
 scroll_top=(ie)? truebody().scrollTop : window.pageYOffset;
 if (parseInt(crossobj.top)<100+scroll_top) {
  crossobj.top=parseInt(crossobj.top)+40+calunits;
 }else{
  clearInterval(dropstart);
  bouncestart=setInterval("bouncein()",50);
 }
 arrayPageSize = getPageSize();
 document.getElementById('shadow2overlay').style.height=arrayPageSize[1]+'px';
 /*IE 6 bug select toujours au dessus*/
 oSelects = document.getElementsByTagName('SELECT');
 for (i = 0; i < oSelects.length; i++) oSelects[i].style.visibility='hidden';
}

function bouncein(){
 crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
 if (bouncelimit<0)
  bouncelimit+=8
 bouncelimit=bouncelimit*-1
 if (bouncelimit==0){
  clearInterval(bouncestart)
 }
}

function dismissbox(){
 document.getElementById('shadow2overlay').style.display='none';
 if (window.bouncestart) clearInterval(bouncestart);
 if (crossobj) crossobj.visibility='hidden';
 /*IE 6 bug select toujours au dessus*/
 oSelects = document.getElementsByTagName('SELECT');
 for (i = 0; i < oSelects.length; i++) oSelects[i].style.visibility='visible';
 //fermefiche = function(){ dismissbox(); };
 //jq//document.body.removeEvent('click', fermefiche);
}

function truebody(){
 return (document.compatMode && document.compatMode!='BackCompat')? document.documentElement : document.body
}

// JSONscriptRequest 
// using dynamically generated script tags and JSON
//
function JSONscriptRequest(fullUrl) {
    // REST request path
    this.fullUrl = fullUrl; 
    // Keep IE from caching requests
    this.noCacheIE = '&noCacheIE=' + (new Date()).getTime();
    // Get the DOM location to put the script tag
    this.headLoc = document.getElementsByTagName("head").item(0);
    // Generate a unique script tag id
    this.scriptId = 'YJscriptId' + JSONscriptRequest.scriptCounter++;
}

// Static script ID counter
JSONscriptRequest.scriptCounter = 1;

// buildScriptTag method
//
JSONscriptRequest.prototype.buildScriptTag = function () {

    // Create the script tag
    this.scriptObj = document.createElement("script");
    
    // Add script object attributes
    this.scriptObj.setAttribute("type", "text/javascript");
    this.scriptObj.setAttribute("src", this.fullUrl + this.noCacheIE);
    this.scriptObj.setAttribute("id", this.scriptId);
}
 
// removeScriptTag method
// 
JSONscriptRequest.prototype.removeScriptTag = function () {
    // Destroy the script tag
    this.headLoc.removeChild(this.scriptObj);  
}

// addScriptTag method
//
JSONscriptRequest.prototype.addScriptTag = function () {
    // Create the script tag
    this.headLoc.appendChild(this.scriptObj);
}

function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

function btoinviewer(obj) {
	var asrc = obj.name;
    var abig = asrc.replace('/m475/m250/','/');
	document.getElementById('viewbto').innerHTML='<img src="'+asrc+'" big="'+abig+'" alt="" class="imgcomp" id="btoimgviewer"/>';
    //jq//imgzoom = new Zoomer('btoimgviewer');
}

function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

/*preload*/
if (document.images)
{
  pic01 = new Image(11,11); 
  pic01.src="https://www.elexence.fr/ww2/skin9/img/checkbox-checked.png"; 
  pic02 = new Image(32,32); 
  pic02.src="https://www.elexence.fr/ww2/skin9/img/loading.gif";
  pic03 = new Image(32,32); 
  pic03.src="https://www.elexence.fr/ww2/skin9/img/loading3.gif";
}

//document.write('<div id="btofichetop"><div class="modal-dialog"><div class="modal-content" id="btofiche"></div></div></div>');
//document.write('<div id="btofichetop" class="modal-dialog modal-dialog-centered"><div id="btofiche"></div></div>');
document.write('<div id="btocompare"></div>');
//document.write('<div id="dropin"><div class="dropinbas"><div id="dropincont"></div></div></div>');
//document.write('<div id="dropin"><div id="dropincont"></div></div>');
document.write('<div id="shadow2overlay"></div>');
  

var ref1;
var ref2;
window.onload = function () {
 ref1 = '1019';
 ref2 = '';
 if (ref1 != '' || ref2 != '') GetPreconisation(ref1,ref2);
}