function formatPrixHTML(unPrix){
    acc='<span class="Prix">';
    acc+=partieEntiere(unPrix);
    acc+='<span class="dec">.';
    acc+=deuxDecimale(unPrix);
    return acc+'</span></span>';
}

function partieEntiere(unPrix){
    return parseInt(unPrix);
} 

function deuxDecimale(unPrix){

    var pt =Math.round(unPrix*100)/100;
    pt = '' +pt ;
    //alert(pt+'=' +pt.length+' / '+pt.indexOf('.') );
    
    if (pt.indexOf('.')>=0){
    
    pt=pt+'00';
    ptAt= pt.indexOf('.');
    ptt=pt.charAt(ptAt+1)+pt.charAt(ptAt+2);
    pt=ptt
    
    }else{
        pt = '00';
    }
    return pt;
} 

// Fichier JScript
var site='http://www.code-etoile.com';

/*partie client*/
function Client(unIdHtmlContainer, unNom){
    if (unIdHtmlContainer!=''){
        this.step=3; //step in px
        this.stepAn=16; //timing
        this.EstOuvert=false;
        this.Container=document.getElementById(unIdHtmlContainer);
        this.Name=unNom;
        this.IntervalId=null;
        this.HeightStatic=168; //on devrai retrouver la hauteur du Container
        this.Container.style.height='0px';
        this.Container.style.display='block';
    }
    else{
        this.IntervalId=-1;
    }
}

Client.prototype.Hide=function(){

    if (this.IntervalId==null && this.Container.style.height!='0px'){
        this.IntervalId=window.setInterval(this.Name+'.Animate('+(0-this.step)+')',this.stepAn);
    }
}

Client.prototype.Show=function(){
    
    if (this.IntervalId!=null){
        window.clearInterval(this.IntervalId);
        this.IntervalId=null;
    }

    if (this.IntervalId==null){
        this.IntervalId=window.setInterval(this.Name+'.Animate('+this.step+')',this.stepAn);  
    }
}
Client.prototype.Animate=function(delta){
    oB.Hide();
    
    var nh=parseInt(this.Container.style.height.replace('px',''))+delta;
   
    //facteur d'acceleration
    acc=parseInt(( 1- parseInt(nh/this.HeightStatic*100)/100)*this.HeightStatic/25)*(delta/Math.abs(delta));
    

    
    if (nh >0 && nh <this.HeightStatic){ 
        this.Container.style.height=(nh+acc)+'px';
    }else{
       
        if (delta >0){
            this.Container.style.height=this.HeightStatic+'px';
        }else{
            this.Container.style.height='0px';
        }
        window.clearInterval(this.IntervalId);
        this.IntervalId=null;
        

    }   
}

/*fonction du panier*/

function Basket(htmlContainerId, myName){
    this.step=5;
    this.stepAn=16;
   
    this.divDetail=document.getElementById(htmlContainerId);
 
    this.name=myName;
    this.intID=null;
    this.hStat=140;
    this.panier=null;
    
    this.divDetail.style.height='0px';
    //this.divDetail.style.display='block';
    //this.divDetail.style.border='1px purple solid';
    

}


Basket.prototype.Add=function(){
    //catalog /produit/qtt    
    var cId=document.getElementById('ctl00_MainContent_tbCatalogId').value;
    var pId=document.getElementById('ctl00_MainContent_tbProductId').value;
    var qtt=document.getElementById('ctl00_MainContent_tbQtt').value
    
    /*check si variations*/
    var vId='';
    var i=1;
    
    while (document.getElementById('ctl00_MainContent_rVariations_ctl'+((i<10)?'0'+i:i)+'_rVariant') ){
       
        if (document.getElementById('ctl00_MainContent_rVariations_ctl'+((i<10)?'0'+i:i)+'_rVariant').checked){
            vId=document.getElementById('ctl00_MainContent_rVariations_ctl'+((i<10)?'0'+i:i)+'_lVariantId').innerHTML;
        }
        i++;
    }
    
  
    this.AddProduct(cId,pId,vId,qtt );
   
    this.Refresh();
    this.Show();

    //les options
    
}


Basket.prototype.AddProductFromCompare=function(cId,pId,vId,qtt){  
  
    this.AddProduct(cId,pId,vId,qtt );
   
    this.Refresh();
    this.Show();

    //les options
    
}

Basket.prototype.AddProductSupplement=function ( productId, quantite, perso, variantId){
    
    var url=site+'/BasketServices.aspx';
    
    xmlhttp.open('POST',url,false);
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xmlhttp.send('mode=AjouterSuppl&pId='+productId+'&qtt='+quantite+'&perso='+perso+'&var='+(new Date())+'&vId='+variantId);

    var status = xmlhttp.status;
    
    if (status != '200')
    {
        return 'erreurPoids';
    }
}

Basket.prototype.AddProduct=function (catalogName, productId, variantId, quantite){
    
    var url=site+'/BasketServices.aspx?mode=Ajouter&cId='+catalogName+'&pId='+productId+'&vId='+variantId+'&qtt='+quantite+'&var='+(new Date());

    xmlhttp.open('GET',url,false);
    xmlhttp.send(null);
    var status = xmlhttp.status;
    
    if (status != '200')
    {
        return 'erreurPoids';
    }
    
}
Basket.prototype.AddProductCle=function (catalogName, productId, variantId, quantite, numCle){
    
    var url=site+'/BasketServices.aspx?mode=AjouterCle&cId='+catalogName+'&pId='+productId+'&vId='+variantId+'&qtt='+quantite+'&numcle='+numCle+'&var='+(new Date());
   //alert(url);
    xmlhttp.open('GET',url,false);
        
    xmlhttp.send(null);
    var status = xmlhttp.status;
    
    if (status != '200')
    {
        return 'erreurPoids';
    }
    //alert(url+'\n'+xmlhttp.responseText);
}

Basket.prototype.NbArticles=function(){
    nbArt=0;
    for( i=0;i<this.panier.Articles.length;i++){
        nbArt+=this.panier.Articles[i].Quantite;
    }
    return nbArt;
}

Basket.prototype.Refresh=function(){

    var url=site+'/BasketServices.aspx?var='+(new Date());

    xmlhttp.open('GET',url,false);

    xmlhttp.send(null);

    //alert(url+'\n'+xmlhttp.responseText);
    
    eval(xmlhttp.responseText);
    
    this.panier=Panier;
    this.hStat=150;
    
    var totalArt=0;
    
    for( i=0;i<Panier.Articles.length;i++){
        totalArt+=Panier.Articles[i].Quantite;
    }
    
    debid('spSousTotal').innerHTML=formatPrixHTML(Panier.MontantArticle);
    debid('spResumePanier').innerHTML=totalArt+' article'+((totalArt>1)?'s':'')+' / '+Panier.MontantTotal+' €';
    debid('spFraisPort').innerHTML= formatPrixHTML(Panier.MontantLivraison);
    debid('spTotalPanier').innerHTML=formatPrixHTML(Panier.MontantTotal);
    debid('spReduction').innerHTML=formatPrixHTML(Panier.MontantRemises);

    infoProduit='';

    
    if (Panier.Articles.length>0){
    
    infoProduit='';
    ii=Panier.Articles.length-1;
    //for(ii=0;ii<Panier.Articles.length;ii++){

//        infoProduit+='<img src="'+site+'/UImages/Produits/70x70/'+Panier.Articles[ii].Image+'" width="70" height="70" alt="" style="float:left"/>';
//        infoProduit +='<dl>';
//        infoProduit +='<dt>'+Panier.Articles[ii].Titre+'</dt>';
//        infoProduit +='<dd>Série 500</dd>';
//        infoProduit +='<dd><strong>Qté : '+Panier.Articles[ii].Quantite+'</strong></dd>';
//        infoProduit +='<dd class="prix">'+Panier.Articles[ii].HtmlPrix+'</dd>';
//        infoProduit +='</dl>';

        infoProduit+='';
        infoProduit +='<dl class="block_float" style="position:relative;width:100%;padding:5px 0 10px 0;">';
        infoProduit +=' <dt style="float:left;display:inline;width:70px;text-align:center;"><img style="display:inline;" src="'+site+'/UImages/Produits/70x70/'+Panier.Articles[ii].Image+'" alt="' + Panier.Articles[ii].Titre + '" /></dt>';
        infoProduit +=' <dd style="float:left;display:inline;margin:0 0 0 5px;width:95px;text-align:left;">';
        infoProduit +='    <p>' + Panier.Articles[ii].Titre + '</p>';
        infoProduit +='    <p><strong>Qté : ' + Panier.Articles[ii].Quantite + '</strong></p>';
        infoProduit +='    <p class="prix">' + Panier.Articles[ii].HtmlPrix + ' &euro;</p>';
        infoProduit +=' </dd>';
        infoProduit +='</dl>';
        
    //}
    }else{
        infoProduit='Votre panier est vide !';
    }
    
    debid('divArticlePanier').innerHTML=infoProduit;
    this.hStat=debid('divArticlePanier').offsetHeight+80;    
}

Basket.prototype.Hide=function(){
    if (this.intID==null){
        this.intID=window.setInterval(this.name+'.animate('+(0-this.step)+')',this.stepAn);
    }
}

Basket.prototype.Show=function(){
    if (this.intID==null){
        this.intID=window.setInterval(this.name+'.animate('+this.step+')',this.stepAn);  
    }
}

Basket.prototype.animate=function(delta){
   var acc=0;
   var nh=parseInt(this.divDetail.style.height.replace('px',''))+delta;
    
    //facteur d'acceleration
    acc=parseInt(( 1- parseInt(nh/this.hStat*100)/100)*this.hStat/25)*(delta/Math.abs(delta));
    
    //window.status=nh +'    '+ acc;
   
    if (nh >=0 && nh <=this.hStat){
        this.divDetail.style.height=((nh+acc>=0)?nh+acc:0)+'px';
       // this.hStat=this.divDetail.Document.body.scrollHeight;
    }else{
        if (delta >0){
            this.divDetail.style.height=this.hStat+'px';
        }else{
            this.divDetail.style.height='0px';
        }
        window.clearInterval(this.intID);
        this.intID=null;
      
    }
    
 
}

/*utilitaires*/

function debid(UnId){
    return document.getElementById(UnId);
}