//detection du navigateur
if (navigator.appName=='Microsoft Internet Explorer') {
    var IE = true;
} else {
    var IE = false;
}


function popup3(nompage) 
{
    var fenetre = window.open(nompage, 'c', 'resizable=yes,scrollbars=yes,status=no,menubar=no,toolbar=yes,directories=no,location=no,width=700,height=450');
}

function AjoutChamp(libelle,valeur2,refotto,quantite)
{
    var i = document.getElementById('increm').value;
    var reference = document.getElementById(refotto).value;
    var inner_Pdt = "";
    
    if(reference.match(","))
    {
        var tableau = reference.split(",");
        var ref = tableau[0];
        var couleur = tableau[1].toLowerCase();
    }
    else
    {
        var ref = reference;
        var couleur = "";
    }
    
    if(ref.length == 4)
    {
        ref = "0"+ref;
    }
    if(ref.length == 3)
    {
        ref = "00"+ref;
    }
    
    if(ref == '0')
    {
        alert('Vous devez s\351lectionnez une couleur ou une taille');
        document.returnValue = false;
        return;
    }   
    
    if (document.getElementById(ref)) 
    {
	    alert('Cet article a d\351j\340 \351t\351 ajout\351');
    }
    else
    {
        document.getElementById('champs_'+i).style.display = "block";
        
        inner_Pdt += '<div class="div_del">';
	    inner_Pdt += '<p><img src="imgdevis/newImg/corbeille.gif" onclick=\'effacer("'+i+'","'+ref+'","qte_'+i+'");\' border="0" style="cursor:pointer" /></p>';
	    inner_Pdt += '</div>';
	    inner_Pdt += '<div class="div_ref">';
	    inner_Pdt += '<input type="hidden" id="'+ref+'" value="'+ref+'" name="ref_'+i+'" />';
	    inner_Pdt += '<p>'+ref+'</P>';
	    inner_Pdt += '</div>';
	    inner_Pdt += '<div class="div_art">';
	    inner_Pdt += '<input type="hidden" id="lib_'+i+'" value="'+libelle+' '+couleur+'" name="lib_'+i+'" />';
	    inner_Pdt += '<p>'+libelle+' '+couleur+'</p>';
	    inner_Pdt += '</div>';
	    inner_Pdt += '<div class="div_qte">';
	    inner_Pdt += '  <table width="100%" height="100%" cellpadding="0" cellspacing="0">';
	    inner_Pdt += '       <tr>';
	    inner_Pdt += '          <td valign="middle" align="center">';
	    inner_Pdt += '              <input type="text" name="quantite_'+i+'" id="qte_'+i+'" value="'+quantite+'" size="1" style="background-color:white; color:black; font-size:11px;" onblur=\'verifqte("qte_'+i+'");\' onchange=\'testQte(this.id,this.value,"'+ref+'");\' />';
	    inner_Pdt += '          </td>';
	    inner_Pdt += '          <td valign="middle" align="center">';
	    inner_Pdt += '              <img src="imgdevis/plus.gif" border="0" onclick=\'plus("qte_'+i+'");var quant = document.getElementById("qte_'+i+'").value; testQteIncrem("qte_'+i+'",quant,"'+ref+'");\' style="cursor:pointer;margin-bottom:2px;" />';
	    inner_Pdt += '              <br/>';
	    inner_Pdt += '              <img src="imgdevis/moins.gif" border="0" onclick=\'moins("qte_'+i+'");var quant = document.getElementById("qte_'+i+'").value; testQteDecrem("qte_'+i+'",quant,"'+ref+'");\' style="cursor:pointer" />';
	    inner_Pdt += '          </td>';
	    inner_Pdt += '      </tr>';	    	    
        inner_Pdt += '  </table>';
	    inner_Pdt += '</div>';



	    document.getElementById('champs_' + i).innerHTML = inner_Pdt;
	    quantitecast = parseInt(quantite);
	    testQte('qte_' + i, quantitecast, ref);
	    
	    document.getElementById("last_search").innerHTML = "<b>Dernier produit ajout&eacute; : </b>" + ref + "-" + libelle+" "+couleur;
	    document.getElementById("last_search").style.visibility = "visible";
        
    }
    i++;
    document.getElementById('increm').value = i;
    
    if(IE) {
        document.getElementById('champs_0').innerHTML += '<div id="champs_'+i+'" class="pdtAplOffre" style="display:none"></div>';
    } else {
        var div_champ = document.createElement("div");
        div_champ.setAttribute("id","champs_"+i);
        div_champ.setAttribute("class","pdtAplOffre");
        div_champ.setAttribute("style","display:none");
        document.getElementById('champs_0').appendChild(div_champ);
        
    }
    
    colorUnSurDeux();
 
}

function effacer(val,ref,qt) 
{                       
    var mynode = document.getElementById(ref); 
    var mynode2 = document.getElementById("lib_"+val);
    var mynode3 = document.getElementById("qte_"+val);
    var parent = mynode.parentNode; 
    var parent2 = mynode2.parentNode;
    var parent3 = mynode3.parentNode; 
    parent.removeChild(mynode);
    parent2.removeChild(mynode2);
    parent3.removeChild(mynode3);
    document.getElementById('champs_'+val).style.display = "none";
    colorUnSurDeux();
}


function plus(valqte)
{
    document.getElementById(valqte).value = parseInt(document.getElementById(valqte).value)+1;
    if (document.getElementById(valqte).value<1)
    {
    alert('la quantit\351 ne peut \352tre nulle');
    document.getElementById(valqte).value =1;
	
    }
}

function moins(valqte)
{
    document.getElementById(valqte).value = parseInt(document.getElementById(valqte).value)-1;
    if (document.getElementById(valqte).value<1)
    {
    alert('la quantit\351 ne peut \352tre nulle');
    document.getElementById(valqte).value =1;
    }
}

function verifqte(qt)
{
    if (document.getElementById(qt).value<1)
    {
    alert('la quantit\351 ne peut \352tre nulle');
    document.getElementById(qt).value =1;	
    }
}

function AfficheCalendrier()
{
    if (document.getElementById('calendrier').style.visibility == 'hidden')
    {
    document.getElementById('calendrier').style.visibility = 'visible';
    }
    else
    {
    document.getElementById('calendrier').style.visibility = 'hidden';
    }
}

function testQte(idqte,qte,reference)
{
    urlToSend = "./Recherche2.aspx?reference="+reference+"";
    
    if (window.XMLHttpRequest) 
    {        
        req = new XMLHttpRequest();
        req.open("GET",urlToSend, false);
        req.send(null);
    // IE/Windows ActiveX version
    } 
    
    else if (window.ActiveXObject) 
    {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) 
        {
            req.open("GET", urlToSend, false);
            req.send();
        }
    }
    
    if (req.status == 200) 
    {
        results = req.responseText;
        moduloQte = qte % results;
        if (moduloQte != 0)
        {
            alert("L'unit\351 de vente est de "+results);
            document.getElementById(idqte).value =results;
        } 
    } 
}
    
function testQteIncrem(idqte,qte,reference)
{
    urlToSend = "./Recherche2.aspx?reference="+reference+"";
    
    if (window.XMLHttpRequest) 
    {        
        req = new XMLHttpRequest();
        req.open("GET",urlToSend, false);
        req.send(null);
    // IE/Windows ActiveX version
    } 
    
    else if (window.ActiveXObject) 
    {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) 
        {
            req.open("GET", urlToSend, false);
            req.send();
        }
    }
  
    
    if (req.status == 200) 
    {
        results = req.responseText;
        moduloQte = qte % results;
        if (moduloQte != 0)
        {
            results=parseInt(results);
            qte = parseInt(qte);
            document.getElementById(idqte).value =(qte-1)+results;
            
           
        } 
    } 
  
}

function testQteDecrem(idqte,qte,reference)
{
    urlToSend = "./Recherche2.aspx?reference="+reference+"";
    
    if (window.XMLHttpRequest) 
    {        
        req = new XMLHttpRequest();
        req.open("GET",urlToSend, false);
        req.send(null);
    // IE/Windows ActiveX version
    } 
    
    else if (window.ActiveXObject) 
    {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) 
        {
            req.open("GET", urlToSend, false);
            req.send();
        }
    }
    
    if (req.status == 200) 
    {
        results = req.responseText;
        moduloQte = qte % results;
        if (moduloQte != 0)
        {
            results = parseInt(results);
            qte = parseInt(qte);
            document.getElementById(idqte).value =(qte+1)-results;
             if (document.getElementById(idqte).value<1)
                {
                alert('la quantit\351 ne peut \352tre nulle');
                document.getElementById(idqte).value = results;	
                }
        } 
    } 
}

function colorUnSurDeux() {
    var div_all_pdt = document.getElementById('champs_0');
    var div_pdt = div_all_pdt.getElementsByTagName('div');
    var clair = true;
    
    for(i=0;i<div_pdt.length;i++) {
        if(div_pdt[i].className == "pdtAplOffre" && div_pdt[i].style.display != "none") {
            if(clair) {
                div_pdt[i].style.backgroundColor = "#ffffff";
                clair = false;
            } else {
                div_pdt[i].style.backgroundColor = "#ededed";
                clair = true;
            }
        }    
    }
}


function afficheMarge(pos,idProduit) {
    var para = document.getElementById("script_"+pos);
	//On créer le script
	var s = document.createElement('script');

	//On lui affecte le lien de la page
	s.src='http://localhost:4019/Default.aspx?idProduit=' + idProduit;

	//On lui affecte son type
	s.type = 'text/javascript';

	//Son id
	s.id="ScriptTableauDeclinaison" +offre;

	para.appendChild(s);
	
	//If IE ...
	s.onreadystatechange = function(){
		if(this.readyState == "loaded" || this.readyState == "complete"){ 
			document.write(marge);
		}
	}
	
	//Everybody else ...
	s.onload = function() {
		document.write(marge);
	}
}

var tailleDiv = 0;
var test = true;

function afficheSelectPdt() {
	var content = document.getElementById("bytefx");

	if((tailleDiv < 100) && (test == true)) {
		content.style.height = tailleDiv+'px';
		tailleDiv = tailleDiv +10;
	}
		
	if(test == false) {
		tailleDiv = tailleDiv -10;
		content.style.height = tailleDiv+'px';
	}
				
	if(tailleDiv==0) {
		clearInterval(timer);
		test = true;
	}
				
	if(tailleDiv == 100) {
		clearInterval(timer);
		test = false;
	}
}

var css = "";
if(window.location.search.lastIndexOf("conseillere=1") != -1) {
    css = '<style type="text/css">';
    css += '.iframe_marge { display:block }';
    css += '</style>';
    
    document.write(css);

}

function depliPropo() {
    if(go) {
        demo.start(document.getElementById("bytefx"));
    }
}

var affiche = true;
var hauteur = 0;
var largeur;
var allSelect = true;
var go = false;

var demo = {
    colorIndex:0,
    interval:0,
    element:null,
    getRandom:function(){
        return Math.ceil(Math.random()*4) + 2;
    },
    size1:function(){
        bytefx.size(demo.element, {width:largeur,height:hauteur,$width:0,$height:26,height$:26}, 5);
    },
    size2:function(){
        bytefx.size(demo.element, {width:largeur,height:0,$width:0,$height:26,height$:26}, 5);
    },
    start:function(element){
        this.element = element;
        hauteur = (document.getElementById("bytefx").getElementsByTagName("INPUT").item(0).value * 45) + 120;
        if(affiche) {
	        this.size1();
	        affiche = false;
	        document.getElementById("tri").src = "imgdevis/newImg/tri_on.png";
        } else {
	        this.size2();
	        affiche = true;
	        document.getElementById("tri").src = "imgdevis/newImg/tri_off.png";
        }
		
    }
}; 

function resize() {
    var bodyLarg = document.body.clientWidth;
    largeur = Math.round(60 * bodyLarg / 100); 
    if(largeur < 600) {
        largeur = 600;
    }
    document.getElementById("bytefx").style.width = largeur + "px";
}

function ajoutPdtPropo() {
    var input = document.getElementById("tabPdtPropo").getElementsByTagName("INPUT");
    
    for(p=0;p < input.length;p++) {
        if(input[p].type == "checkbox" && input[p].checked) {
            var nbPdt = input[p].id.replace("checkBoxPdt","");
            if(nbPdt != "") {
                var lib = document.getElementById("libPdt" + nbPdt).value;
                var ref = document.getElementById("refPdt" + nbPdt).value;
                var qte = document.getElementById("qtePdt" + nbPdt).value;
                
                AjoutChamp(lib,"","refPdt" + nbPdt,qte);
            }
        }
    }
}

function styleDivProposition(){
	var DivAffichage = document.getElementById("Proposition");

	DivAffichage.style.display = "none";
	DivAffichage.style.visibility = "hidden";
	DivAffichage.style.top = "35px";
	DivAffichage.style.left = "11px";
}