var xml_gal = loadXMLDoc("divers/gallerie/xml.xml");
var gal_lstNode;
var gal_id = 0;
var gal_autoplay_id = 0;
var gal_deltatps = 200;
var gal_tps = 0;
var gal_lstpos;
var gal_lst_move_speed = 9;
var gal_lstNode_top = 0;
var gal_lst_move_timeout;
var gal_autoplay_timeout;
var gal_old_id = 0;
var gal_maxid = xml_gal.getElementsByTagName('item').length -1;
var gal_img_in_tv = new Array();
for (i=0; i < gal_maxid; i++) {
    gal_img_in_tv[i] = false;
}



addFuncOL(function() {
        if (navigator.appName == 'unknow') {
            html ='<p><strong>Erreur:</strong> ' + navigator.appName + ' est incompatible avec le diaporama de présentation, utilisez un autre navigateur.</p>';
            html += '<p>Voici tout de même quelques captures d\'écran :<br />';
            //gal_loadxml();
            id = 0;
            while (xml_item = xml_gal.getElementsByTagName('item')[id]) {
                html += '<a href="divers/gallerie/pics/thumb/'+xml_item.getElementsByTagName('img')[0].firstChild.data+'"><img src="divers/gallerie/pics/thumb/'+xml_item.getElementsByTagName('img')[0].firstChild.data+'" /></a> ';
                id ++;
                if (id >= 5)
                    break;
            }
            html += '</p>';
            document.getElementById("gal_main").innerHTML = html
        } else {
            gal_autoplay();
        }
    });


function gal_preload_img_in_tv (id) {
    if (id < 0) {
        id = gal_maxid;
    }
    if (id > gal_maxid) {
        id = 0;
    }
    xml_item = xml_gal.getElementsByTagName('item')[id]
    if (!gal_img_in_tv[id]) {
        gal_img_in_tv[id] = new Image();
        gal_img_in_tv[id].src = 'divers/gallerie/pics/intv/' + xml_item.getElementsByTagName('img')[0].firstChild.data
    }

}

function gal_autoplay() {
    if (gal_autoplay_id < 0) {
        gal_autoplay_id = gal_maxid;
    }
    if (gal_autoplay_id > gal_maxid) {
        gal_autoplay_id = 0;
    }
    gal_load_intv(gal_autoplay_id);
    gal_autoplay_id++;
    gal_preload_img_in_tv (gal_autoplay_id)
    gal_autoplay_timeout = setTimeout('gal_autoplay ()',4000);
}

function gal_bt_play() {
    if (gal_autoplay_id == -1) {
        gal_lst_move_speed = 9;
        gal_autoplay_id = gal_old_id + 1;
        gal_autoplay ();
    }
}

function gal_bt_pause() {
    clearTimeout(gal_autoplay_timeout);
    gal_lst_move_speed = 0;
    gal_autoplay_id = -1;
}

function gal_bt_next() {
    clearTimeout(gal_autoplay_timeout);
    gal_autoplay ()
}

function gal_bt_prev() {
    clearTimeout(gal_autoplay_timeout);
    gal_autoplay_id = gal_autoplay_id - 2
    gal_autoplay ()
}

function gal_load_intv(id) {

    if (xml_item = xml_gal.getElementsByTagName('item')[id]) {

        gal_preload_img_in_tv (id)

        if (document.getElementById('gal_imgintv').src != gal_img_in_tv[id].src) {
            document.getElementById('gal_indesc').innerHTML = xml_item.getElementsByTagName('desc')[0].firstChild.data;

            setTimeout("document.getElementById('gal_imgintv').style.opacity = .75" ,0);
            setTimeout("document.getElementById('gal_imgintv').style.opacity = .5" ,50);
            setTimeout("document.getElementById('gal_imgintv').style.opacity = .25",100);
            setTimeout("document.getElementById('gal_imgintv').style.opacity = 0"  ,150);

            setTimeout("document.getElementById('gal_imgintv').src = gal_img_in_tv["+id+"].src", 150);
            setTimeout("document.getElementById('gal_cadretv').setAttribute('onclick','gal_open_popup("+id+")')", 150);

            setTimeout("document.getElementById('gal_imgintv').style.opacity = .25" ,200);
            setTimeout("document.getElementById('gal_imgintv').style.opacity = .5" ,250);
            setTimeout("document.getElementById('gal_imgintv').style.opacity = .75",300);
            setTimeout("document.getElementById('gal_imgintv').style.opacity = 1"  ,350);
        }

        gal_old_id = id;
    }
}


function gal_open_popup(id) {
    gal_bt_pause();
    if (popupNode = document.getElementById("gal_popup")) {
        var inpopupNode = document.getElementById("gal_inpopup");
        var inpopupimgNode = document.getElementById("gal_inpopupimg");
        var inpopupdescNode = document.getElementById("gal_inpopupdesc");
    } else {
        var bodyNode = document.body;

        var popupNode = document.createElement("div");              //  <div
        popupNode.id = 'gal_popup';                                 //          id="gal_popup"
        popupNode.style.height = (bodyNode.clientHeight+50)+'px';                                 //
        popupNode.setAttribute('onclick','gal_close_popup()');      //          onclick="gal_close_popup()">

        var inpopupNode = document.createElement("div");            //      <div
        inpopupNode.id = 'gal_inpopup';                             //          id="gal_inpopup">

        var inpopupimgNode = document.createElement("img");         //      <img
        inpopupimgNode.id = 'gal_inpopupimg';                       //          id= >
        inpopupNode.appendChild(inpopupimgNode);                          //              />

        var inpopupdescNode = document.createElement("div");        //      <div
        inpopupdescNode.id = 'gal_inpopupdesc';                     //          id= >
        inpopupNode.appendChild(inpopupdescNode);

        popupNode.appendChild(inpopupNode);
        bodyNode.appendChild(popupNode);
    }

    popupNode.style.opacity = 0;
    popupNode.style.display ='block';

    inpopupNode.style.marginTop=(window.pageYOffset+25) + 'px';

    var xml_item = xml_gal.getElementsByTagName('item')[id];

    inpopupimgNode.src = '#';
    inpopupimgNode.src = 'divers/gallerie/pics/big/' + xml_item.getElementsByTagName('img')[0].firstChild.data;
    inpopupdescNode.innerHTML = xml_item.getElementsByTagName('desc')[0].firstChild.data;

    setTimeout("document.getElementById('gal_popup').style.opacity = .2" ,50);
    setTimeout("document.getElementById('gal_popup').style.opacity = .4"  ,100);
    setTimeout("document.getElementById('gal_popup').style.opacity = .6" ,150);
    setTimeout("document.getElementById('gal_popup').style.opacity = .8" ,200);
    setTimeout("document.getElementById('gal_popup').style.opacity = 1" ,250);
}


function gal_close_popup(id) {
    popupNode = document.getElementById("gal_popup");
    setTimeout("document.getElementById('gal_popup').style.opacity = .8"   ,0);
    setTimeout("document.getElementById('gal_popup').style.opacity = .6" ,50);
    setTimeout("document.getElementById('gal_popup').style.opacity = .4"  ,100);
    setTimeout("document.getElementById('gal_popup').style.opacity = .2" ,150);
    setTimeout("document.getElementById('gal_popup').style.display = 'none'" ,200);
    setTimeout("gal_bt_play()" ,1000);
    setTimeout("document.getElementById('gal_inpopupimg').src = 'img/load.png'" ,200);
}