// functie voor dynamische graphics bar
// -> StarterScan
// Copyright: www.alldirections.be

var i=0;

function AnimateGraphBar(barname,barwidth,barheight,barcolor,showpercentage)
{
    i=0;
    document.getElementById(barname).style.width=barwidth+"px";
    document.getElementById(barname).style.backgroundColor=barcolor;
    progBar(barname,barheight,showpercentage); 
}

function progBar(barname,barheight,showpercentage)
{
    if (i<=barheight+1)
    {
        if (showpercentage == 1 && i>40){document.getElementById(barname).innerHTML='<span class="graphtablestarterscanleeftijdbartext">' + parseInt(i/3)+'%</span>' ;}
        if (i>2){document.getElementById(barname).style.height=(i-1)+"px";}
        var j=0;		
        while (j<=100)
        {
        j++;
        }
        setTimeout("progBar('"+barname+"',"+barheight+","+showpercentage+");", 20); 
        i++;   
    }
    else
    {
    FinalizeGraphBar(barname,barheight,showpercentage)
    }
}

function FinalizeGraphBar(barname,barheight,showpercentage)
{
    if (barheight<=0)
    {
        //document.getElementById(barname).style.display="none";  //als we balk niet tonen -> balken schuiven op
        document.getElementById(barname).style.height="1px";
        document.getElementById(barname).style.backgroundColor="transparent";
    }
    else
    {
        document.getElementById(barname).style.height=(barheight)+"px";
    }
    if (barheight>15)
    {
        if (showpercentage == 1)
        {
            document.getElementById(barname).innerHTML='<span class="graphtablestarterscanleeftijdbartext">' + parseInt(Math.round(barheight/3))+'%</span>';
        } 
        document.getElementById(barname).fontSize='10px';
    }
}