function setbright(obj)
{
    changepic(obj,0);
}
function setgray(obj)
{
    changepic(obj,1);
}
function changepic(obj,isout)
{
    var srcpath = obj.src;
    var index = srcpath.lastIndexOf("/");
    var urlpath = srcpath.substr(0,index+1);
    var filename = srcpath.substr(index+1);
    if(filename.indexOf("_act")>-1)
        return ;

    var desfilename ;
    if(isout)
        desfilename = filename.replace("_over","_nact");
    else
        desfilename = filename.replace("_nact","_over");
    var despath = urlpath + desfilename;
    obj.src = despath;
}

function setactive(obj)
{
    var srcpath = obj.src;
    var index = srcpath.lastIndexOf("/");
    var urlpath = srcpath.substr(0,index+1);
    var filename = srcpath.substr(index+1);
    if(filename.indexOf("_act")>-1)
        return ;
        
    var imgs = GetNavBars();
    for(var i=0;i<imgs.length;i++)
    {
        if(imgs[i]==obj)
            continue;
        
        makeNoAct(imgs[i]);
    }

    var desfilename = filename.replace("_over","_act");
    var despath = urlpath + desfilename;
    obj.src = despath;
}

function makeNoAct(obj)
{
    var srcpath = obj.src;
    var index = srcpath.lastIndexOf("/");
    var urlpath = srcpath.substr(0,index+1);
    var filename = srcpath.substr(index+1);
    
    if(filename.indexOf("_nact")>-1)
        return ;
    var desfilename = filename.replace("_act","_nact");
    var despath = urlpath + desfilename;
    obj.src = despath;        
}

function GetNavBars()
{
    return document.getElementById("navbartop").getElementsByTagName("IMG");
}

///=============================
///activeButton: specify which button should be bright. enumerate with "accueil", "tele", "tar", "compatibles", "pre", "aide"
///withLink: true will show "compte : mariechristine@hotmail.com", false will not.
///isLeftRight: true will looks like preference/slides, false will looks like telechargement/slides.
///=============================
function InitHeader(activeButton,isInternet,withLink,isLeftRgith)
{
    document.write("<div id='header'></div>");
    document.write("<div id='navbartop'>");
    document.write("<div class='navlogo'><img alt='' src='../../img/navbar/logo.gif' /></div>");
    document.write("<div class='navbtns'>");
    
    
    // Add Buttons
    var btns = new Array("accueil","tele","tar","compatibles","pre","aide");
    var links = new Array("#","#","#","#","#","#");
    for(i=0;i<btns.length;i++)
    {
        if(isInternet && btns[i]=="compatibles")
            continue;
        if(btns[i]==activeButton)
            document.write(getNavBarByPicName(btns[i],links[i],true));
        else
            document.write(getNavBarByPicName(btns[i],links[i],false));
    }
    
    document.write("</div>");
    document.write("</div>");
    if(withLink)    
        document.write("<div id='navbarmdl'>compte : <a href='mailto:mariechristine@hotmail.com' class='plain'>mariechristine@hotmail.com</a></div>");
    else
        document.write("<div id='navbarmdl'></div>");
    if(isLeftRgith)
    {
        if(activeButton=="aide")
        {
            document.write("<div id='navbarbtm_aide'></div>");
        }
        else
        {
            document.write("<div id='navbarbtm_11'></div>");
        }            
    }         
    else
        document.write("<div id='navbarbtm'></div>");
}


function getNavBarByPicName(picName,linkUrl,isActive)
{
    var btnstr = "<div><a href='"+linkUrl+"'><img alt='' border='0' src='../../img/navbar/" + picName;
    if(isActive)
        return btnstr + "_act.gif' onclick='setactive(this);' onmouseover='setbright(this);' onmouseout='setgray(this);' /></a></div>";
    else
        return btnstr + "_nact.gif' onclick='setactive(this);' onmouseover='setbright(this);' onmouseout='setgray(this);' /></a></div>";
}