var g_timeoutTime = 250; 
var g_is_home = false;
var g_initHome = false;
var g_timeoutHide1 = 0;
var g_timeoutHide2 = 0;
var g_timeoutHide3 = 0;
var g_timeoutHide4 = 0;
var g_currentNav1 = "";
var g_currentNav2 = "";
var g_currentNav3 = "";
var g_currentNav4 = "";
var g_currentHi1 = "";
var g_currentHi2 = "";
var g_currentHi3 = "";
var g_currentHi4 = "";
var g_is_ie = false;
var g_is_ie5 = false;

window.onload = function() {
    var sClass = "";
    if (document.body.className) {
        sClass = document.body.className;
    }
    else {
        sClass = document.body.getAttribute("class");
    }

    if (sClass != undefined) {
        g_is_home = sClass.indexOf("home") >= 1;
    }
    else {
        g_is_home = false;
    }

    if (document.getElementById) {
        g_canHandleTransparency = !g_is_ie5;
    }
    else if (noteConflict) {
        gotoUrl("/browser.htm");
    }

    if (g_is_home) {
        if (document.getElementById) {
            g_initHome = true;
        }
    }

    //Init du menu principal
    hideNav(0, "", "topnav1")
    hideNav(0, "", "topnav2")
    hideNav(0, "", "topnav3")
    hideNav(0, "", "topnav4")
    hideNav(0, "", "topnav5")
    hideNav(0, "", "topnav6")
    hideNav(0, "", "topnav7")
    hideNav(0, "", "topnav8")
    hideNav(0, "", "topnav9")
    hideNav(0, "", "topnav10")
};


var images_diaporamaimg = new Array();
images_diaporamaimg[0] = new Image();
images_diaporamaimg[0].src = "diaporama/home/cargobike_01.jpg";
images_diaporamaimg[0].alt = "1diapo";
images_diaporamaimg[1] = new Image();
images_diaporamaimg[1].src = "diaporama/home/cargobike_02.jpg";
images_diaporamaimg[1].alt = "2diapo";
images_diaporamaimg[2] = new Image();
images_diaporamaimg[2].src = "diaporama/home/cargobike_03.jpg";
images_diaporamaimg[2].alt = "3diapo";
images_diaporamaimg[3] = new Image();
images_diaporamaimg[3].src = "diaporama/home/cargobike_04.jpg";
images_diaporamaimg[3].alt = "4diapo";
images_diaporamaimg[4] = new Image();
images_diaporamaimg[4].src = "diaporama/home/cargobike_05.jpg";
images_diaporamaimg[4].alt = "5diapo";


// Déclaration et initialisation des variables 
var tab_img = new Array;    //tableau contenant les images
var num = 0;                  //numéro de l'image jouée

//Images stockées dans le tableau
tab_img[0] = 'diaporama/home/cargobike_01.jpg'
tab_img[1] = 'diaporama/home/cargobike_02.jpg'
tab_img[2] = 'diaporama/home/cargobike_03.jpg'
tab_img[3] = 'diaporama/home/cargobike_04.jpg'
tab_img[4] = 'diaporama/home/cargobike_05.jpg'

//Ajout d'un compte à rebours afin de jouer le diaporama
var timer_diapo = setInterval("diaporama('pagebackground','img_diapo',500)", 4000);
/* Explication des paramètres 
'boite_diapo' : identifiant de la boite du diaporama. NE PAS MODIFIER
'img_diapo'   : identifiant de l'image contenu dans la boite diaporama. NE PAS MODIFIER.
500           : temps (en milliseconde) de l'effet fondu entre 2 images. 1 seconde = 1000 millisecondes.
7000          : interval de temps entre 2 images. 1 seconde = 1000 millisecondes.*/

//Fonction qui permet de jouer le diaporama
function diaporama(divid, imageid, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;

    document.getElementById(divid).style.backgroundImage = "url(" + tab_img[num] + ")";

    changeOpac(0, imageid);

    if (num > (tab_img.length - 2))
    { num = -1; }

    document.getElementById(imageid).style.backgroundImage = "url(" + tab_img[num + 1] + ")";

   for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')", (timer * speed));
        timer++;
    }

    num++;
}



//Fonction qui attribue l'opacité à l'objet "image_diapo"
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function gotoUrl(s)
{
    g_psyma_navi_clicked = true;
    document.location.href = s;
}

function showLr(id)
{
    var elm1 = document.getElementById(id);
    if (elm1) 
    {
        elm1.style.display = "block";
    }
    var elm2 = document.getElementById(id+"text");
    if (elm2) 
    {
        elm2.style.display = "block";
    }
}

function hideLr(id)
{
    var elm = document.getElementById(id);
    if (elm) 
    {
        elm.style.display = "none";
    }
    var elm2 = document.getElementById(id+"text");
    if (elm2) 
    {
        elm2.style.display = "none";
    }
}

function overNav(level, sName, sSelf)
{
    if (g_initHome)
    {
        if (level == 0 || level == "0")
        {
            if (g_timeoutHide1 != 0) { clearTimeout(g_timeoutHide1); }

            hideSubLayers(g_currentNav1);
            loliteLr(level, g_currentHi1);

            if (g_currentNav1 != "") { hideSubLayers(g_currentNav1); }
            if (g_currentHi1 != "") { loliteLr(level, g_currentHi1); }

            showNav(level + 1, sName, sSelf);
            g_currentNav1 = sName;
            g_currentHi1 = sSelf;            
        }
        else if (level == 1 || level == "1")
        {
            if (g_timeoutHide1 != 0) { clearTimeout(g_timeoutHide1); }
            if (g_timeoutHide2 != 0) { clearTimeout(g_timeoutHide2); }

            if (g_currentNav2 != "") { hideSubLayers(g_currentNav2); }
            if (g_currentHi2 != "") { loliteLr(level, g_currentHi2); }

            showNav(level + 1, sName, sSelf);
            g_currentNav2 = sName;
            g_currentHi2 = sSelf;
        }
        else if (level == 2 || level == "2")
        {
            if (g_timeoutHide1 != 0) { clearTimeout(g_timeoutHide1); }
            if (g_timeoutHide2 != 0) { clearTimeout(g_timeoutHide2); }
            if (g_timeoutHide3 != 0) { clearTimeout(g_timeoutHide3); }

            if (g_currentNav3 != "") { hideSubLayers(g_currentNav3); }
            if (g_currentHi3 != "") { loliteLr(level, g_currentHi3); }

            showNav(level + 1, sName, sSelf);
            g_currentNav3 = sName;
            g_currentHi3 = sSelf;            
        }
        else if (level == 3 || level == "3")
        {
            if (g_timeoutHide1 != 0) { clearTimeout(g_timeoutHide1); }
            if (g_timeoutHide2 != 0) { clearTimeout(g_timeoutHide2); }
            if (g_timeoutHide3 != 0) { clearTimeout(g_timeoutHide3); }
            if (g_timeoutHide4 != 0) { clearTimeout(g_timeoutHide4); }

            if (g_currentNav4 != "") { hideSubLayers(g_currentNav4); }

            showNav(level + 1, sName, sSelf);
            g_currentNav4 = sName;
        }
    }
}

function outNav(level)
{
    if (g_initHome)
    {
        if (level == 0 || level == "0")
        {
            g_timeoutHide1 = setTimeout("hideNav(1,\"" + g_currentNav1 + "\",\"" + g_currentHi1 + "\")", g_timeoutTime);      
        }
        else if (level == 1 || level == "1")
        {
            g_timeoutHide1 = setTimeout("hideNav(1,\"" + g_currentNav1 + "\",\"" + g_currentHi1 + "\")", g_timeoutTime);
            g_timeoutHide2 = setTimeout("hideNav(2,\"" + g_currentNav2 + "\",\"" + g_currentHi2 + "\")", g_timeoutTime);
        }
        else if (level == 2 || level == "2")
        {
            g_timeoutHide1 = setTimeout("hideNav(1,\"" + g_currentNav1 + "\",\"" + g_currentHi1 + "\")", g_timeoutTime);
            g_timeoutHide2 = setTimeout("hideNav(2,\"" + g_currentNav2 + "\",\"" + g_currentHi2 + "\")", g_timeoutTime);
            g_timeoutHide3 = setTimeout("hideNav(3,\"" + g_currentNav3 + "\",\"" + g_currentHi3 + "\")", g_timeoutTime);
        }
        else if (level == 3 || level == "3")
        {
            g_timeoutHide1 = setTimeout("hideNav(1,\"" + g_currentNav1 + "\",\"" + g_currentHi1 + "\")", g_timeoutTime);
            g_timeoutHide2 = setTimeout("hideNav(2,\"" + g_currentNav2 + "\",\"" + g_currentHi2 + "\")", g_timeoutTime);
            g_timeoutHide3 = setTimeout("hideNav(3,\"" + g_currentNav3 + "\",\"" + g_currentHi3 + "\")", g_timeoutTime);
            g_timeoutHide4 = setTimeout("hideNav(4,\"" + g_currentNav4 + "\",\"" + g_currentHi4 + "\")", g_timeoutTime);
        }
    }
}

function showNav(level, sName, sSelf)
{
    hiliteLr(level - 1, sSelf);
    
    for (var i = 1; i <= 13; i++)
    {
        showLr("nav_" + sName + "_" + i);
    }
}

function hideNav(level, sName, sSelf)
{
    if (level == 1) { g_timeoutHide1 = 0; g_currentNav1 = ""; g_currentSelf1 = ""; }
    if (level == 2) { g_timeoutHide2 = 0; g_currentNav2 = ""; g_currentSelf2 = ""; }
    if (level == 3) { g_timeoutHide3 = 0; g_currentNav3 = ""; g_currentSelf3 = ""; }
    if (level == 4) { g_timeoutHide4 = 0; g_currentNav4 = ""; }

    loliteLr(level - 1, sSelf);

    hideSubLayers(sName);
}

function hiliteLr(level, sName)
{

    var elem = document.getElementById(sName);
    if (elem)
    {
        if (level == 0 || level == "0")
        {
            elem.style.color = "rgb(255,255,255)";
            elem.style.backgroundColor = "rgb(0,0,0)";
            //elem.style.MozOpacity = "0.80";
            //elem.style.filter = "alpha(opacity=80)";
            if (! (elem.className.indexOf("final") >= 0) )
            {
                elem.style.backgroundImage = "url(images/arrow-white.gif)";
            }
        }
        else
        {
            elem.style.color = "rgb(255,255,255)";
            elem.style.backgroundColor = "rgb(0,0,0)";
            elem.style.MozOpacity = "0.80";
            elem.style.filter = "alpha(opacity=80)";
            if (! (elem.className.indexOf("final") >= 0) )
            {
                elem.style.backgroundImage = "url(images/arrow-white.gif)";
            }
        }
    }
}

function loliteLr(level, sName)
{

    var elem = document.getElementById(sName);
    if (elem)
    {
        if (level == 0 || level == "0")
        {
            elem.style.color = "rgb(255,255,255)";
            elem.style.backgroundColor = "#ED7A00";
            if (! (elem.className.indexOf("final") >= 0) )
            {
                elem.style.backgroundImage = "url(images/arrow-white.gif)";
            }
        }
        else
        {
            elem.style.color = "rgb(255,255,255)";
            elem.style.backgroundColor = "#ED7A00";
            if (! (elem.className.indexOf("final") >= 0) )
            {
                elem.style.backgroundImage = "url(images/arrow-white.gif)";
            }
        }
    }
}

function hideSubLayers(sName)
{
    for (var i = 1; i <= 13; i++)
    {
        var s = "nav_" + sName + "_" + i;
        var elem = document.getElementById(s);
        hideLr(s);
    }
}