/*
*
*Perspective123
*www.perspective123.com
*version 1.00
*/
//
//Classe P123_ProgressBar
//
function P123_ProgressBar(i,z,v,s,p,d){
    this.id=i;
    this.oDo=null;
    this.oCurrent=null;
    this.oValue=null;
    this.zindex=z;
    this.value=v;
    this.style=s;
    this.path=p;
    this.display=d;
    this.images=new Array();
    this.PreLoadImages();
    this.Init();
}
//
//Init
//
P123_ProgressBar.prototype.Init=function(){
    var textXhtml='';
    textXhtml+='<table border="0" cellpadding="0" cellspacing="0" style="position:absolute;width:130px;z-index:'+this.zindex+';'+this.style+'">';
    textXhtml+='<tr><td rowspan="3" style="background-image:url('+this.images[0]+');background-repeat:no-repeat;width:3px;height:25px;"></td>';
    textXhtml+='<td colspan="2" style="background-image:url('+this.images[1]+');background-repeat:no-repeat;width:124px;height:3px;"></td>';
    textXhtml+='<td rowspan="3" style="background-image:url('+this.images[2]+');background-repeat:no-repeat;width:3px;height:25px;"></td></tr>';
    textXhtml+='<tr><td colspan="2" style="width:124px;height:19px;" align="center">';
    textXhtml+='<table border="0" cellpadding="0" cellspacing="0" style="position:absolute;width:124px;height:19px;z-index:'+this.zindex+1+';font-weight:normal;font-style:normal;font-variant:normal;">';
    textXhtml+='<tr valign="middle"><td align="center">';
    textXhtml+='<table border="0" cellpadding="0" cellspacing="0"><tr>';
    if(this.display=="%"){
        textXhtml+='<td id="P123_ProgressBarValue'+this.id+'" style="'+this.style.split(";")[0]+';">'+this.value+'</td><td style="'+this.style.split(";")[0]+';">%</td>';
    }else{
        textXhtml+='<td id="P123_ProgressBarValue'+this.id+'" style="'+this.style.split(";")[0]+';">'+this.value+'</td><td style="'+this.style.split(";")[0]+';">'+this.display+'</td>';
    }
    textXhtml+='</tr></table>';
    textXhtml+='</td></tr></table>';
    textXhtml+='<table border="0" cellpadding="0" cellspacing="0" style="width:124px;height:19px;"><tr>';
    if(this.display=="%"){
        textXhtml+='<td id="P123_ProgressBarCurrent'+this.id+'" style="background-image:url('+this.images[3]+');background-repeat:repeat-x;width:'+this.value+'%;height:19px;"></td>';
        textXhtml+='<td id="P123_ProgressBarToDo'+this.id+'" style="background-image:url('+this.images[4]+');background-repeat:repeat-x;width:'+(100-this.value)+'%;height:19px;"></td>';
    }else{
        textXhtml+='<td style="background-image:url('+this.images[3]+');background-repeat:repeat-x;width:100%;height:19px;"></td>';
    }
    textXhtml+='</tr></table>';
    textXhtml+='</td></tr><tr><td colspan="2" style="background-image:url('+this.images[5]+');background-repeat:no-repeat;width:124px;height:3px;"></td></tr></table>';
    document.write(textXhtml);
    if(this.display=="%"){
        this.oDo=document.getElementById("P123_ProgressBarToDo"+this.id);
        this.oCurrent=document.getElementById("P123_ProgressBarCurrent"+this.id);
    }
    this.oValue=document.getElementById("P123_ProgressBarValue"+this.id);
    delete textXhtml;
}
//
//PreLoadImages
//
P123_ProgressBar.prototype.PreLoadImages=function(){
    var lesImages=new Array();
    this.images[0]=this.path+"barre_progession_01.jpg";
    this.images[1]=this.path+"barre_progession_02.jpg";
    this.images[2]=this.path+"barre_progession_03.jpg";
    this.images[3]=this.path+"barre_progession_04.jpg";
    this.images[4]=this.path+"barre_progession_05.jpg";
    this.images[5]=this.path+"barre_progession_06.jpg";
    for(var i=0;i<this.images.length;i++){
        lesImages[i]=new Image();
        lesImages[i].src=this.images[i];
    }
}
//
//Refresh
//
P123_ProgressBar.prototype.Refresh=function(v){
    this.value=v;
    if(this.oDo)this.oDo.style.width=(100-this.value)+"%";
    if(this.oCurrent)this.oCurrent.style.width=this.value+"%";
    this.oValue.innerHTML=this.value;
}