﻿// JScript File

// configurer les quatre variables suivantes pour changer le style l'effet défilant
// scrollerWidth and scrollerHeight doit avoir le width/height de la plus grande image!
var scrollerWidth;
var scrollerHeight;
var scrollerTop;
var scrollerLeft;
var clipTop;
var clipRight;
var clipBottom;
var clipLeft;
var scrollerbgcolor='white'
var pausebetweenimages=5000 //5000 miliseconds=3 seconds
var bannersList
var bannerDico
var timer1
var timer2
var timer3
var timer4
var timer5
var timer6

// configurer les variables suivantes selon les images utilisées. Si vous souhaitez que les 
// images soient cliquables, il suffit d'entourer celles-ci par les balises <A> appropriées
var slideimages=new Array()

// cette liste peut être étendue

///////-------- Ne rien modifier après cette ligne ----------/////////

function move3(tdiv)
{
    if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5)
    {
        tdiv.style.top=0
        timer1 = setTimeout("move3(first)",pausebetweenimages)
        timer2 = setTimeout("move4(second)",pausebetweenimages)
        return
    }
    if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1)
    {
        tdiv.style.top = parseInt(tdiv.style.top) - 5
        timer3 = setTimeout("move3(first)",100)
    }
    else
    {
        tdiv.style.top = scrollerHeight
        tdiv.innerHTML=slideimages[imgIndex]
        if (imgIndex>=slideimages.length-1)
        {
            imgIndex=0
        }
        else
        {
            imgIndex++
        }
    }
}

function move4(tdiv2)
{
    if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5)
    {
        tdiv2.style.top=0
        timer4 = setTimeout("move4(second)",pausebetweenimages)
        timer5 = setTimeout("move3(first)",pausebetweenimages)
        return
    }
    if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1)
    {
        tdiv2.style.top =parseInt(tdiv2.style.top) - 5
        timer6 = setTimeout("move4(second)",100)
    }
    else
    {
        tdiv2.style.top=scrollerHeight
        tdiv2.innerHTML=slideimages[imgIndex]
        if (imgIndex>=slideimages.length-1)
        {
            imgIndex=0
        }
        else
        {
            imgIndex++
        }
    }
}

function startscroll()
{
    if (document.childNodes)
    {
        move3(first)
        second.style.top = scrollerHeight
    }
}
function initBanners()
{
    //scrollerWidth = parseInt(document.getElementById("divMain").style.width);
    //scrollerHeight = parseInt(document.getElementById("divMain").style.height);
    scrollerWidth = 450;
    scrollerHeight = 330;

    scrollerTop = parseInt(document.getElementById("divMain").style.top) + 20; //(parseInt(document.getElementById("divMain").style.height) - scrollerHeight)/2;
    scrollerLeft = (divMainWidth - scrollerWidth)/2;
    document.getElementById("contenerBanners").style.left = (scrollerLeft - 25) +"px"; ;
    document.getElementById("contenerBanners").style.top = (scrollerTop - 21) +"px"; ;
    clipTop = scrollerTop
    clipRight = scrollerLeft + scrollerWidth
    clipBottom = scrollerHeight
    clipLeft = scrollerLeft


    first = document.getElementById("first2");
    second = document.getElementById("second2");
    bannerDiv = document.getElementById("divBanner");
    bannerDiv.style.top = scrollerTop;
	bannerDiv.style.left= 0;

	bannerDiv.style.clip="rect("+0+" "+clipRight+" "+clipBottom+" "+clipLeft+")"

    first.style.top = scrollerTop+1;
	first.style.left = scrollerLeft;
    first.style.width = scrollerWidth;
    first.style.height = scrollerHeight;

    second.style.top = scrollerTop;
	second.style.left = scrollerLeft;
    second.style.width = scrollerWidth;
    second.style.height = scrollerHeight;

    getBannersList("0");
    bannersCount = nodeCount (bannersListObj, "//Banners");
    bannersUrl = getSingleNode(bannersListObj.documentElement, "//url").childNodes.item(0).nodeValue; 
    nb = nodeCount(bannersListObj,"//Banners/@filename");
    NodesFileName = getNodes(bannersListObj.documentElement,"//Banners/@filename");
    NodesProdReference = getNodes(bannersListObj.documentElement,"//Banners/@prodreference");
    if (isIE)
    {
        for (i=0; i< nb;i++)
        {
            thisObj = NodesFileName.item(i); 
            nodVal = thisObj.childNodes.item(0).nodeValue;
            thisObj = NodesProdReference.item(i);
            ref = " onclick=\"displayInfos(\'"+thisObj.childNodes.item(0).nodeValue+"\');\"";
            stl = " style=\"width: " + scrollerWidth + "; height: " + scrollerHeight + ";\"";
            slideimages[i]="<IMG SRC=\"" + bannersUrl + nodVal + "\""+ref+stl+" />"
         }                          
     }
    if (isNav)
    {
        i=0;
        thisObj = NodesFileName.iterateNext();
        thisObj1 = NodesProdReference.iterateNext();
        while (thisObj) 
        {
            nodVal = thisObj.childNodes.item(0).nodeValue;
            ref = " onclick=\"displayInfos(\'"+thisObj.childNodes.item(0).nodeValue+"\');\"";
            stl = " style=\"width: " + scrollerWidth + "; height: " + scrollerHeight + ";\"";
            slideimages[i]="<IMG SRC=\"" + bannersUrl + nodVal + "\""+ref+stl+" />"
            thisObj = NodesFileName.iterateNext();
            thisObj1 = NodesProdReference.iterateNext();
            i++
        }
    }			

    first.innerHTML = slideimages[0];
    second.innerHTML = slideimages[1];
    
    if (slideimages.length>1)
    imgIndex=2
    else
    imgIndex=0

    clearTimeout(timer1)
    clearTimeout(timer2)
    clearTimeout(timer3)    
    clearTimeout(timer4)
    clearTimeout(timer5)
    clearTimeout(timer6) 
    startscroll();
}
function displayInfos(fileName)
{
    if (fileName != 0)
    {
           window.open(bannersUrl+fileName);
 
    }
}
function getBannersList(all)
{
    bannersListObj = xmlToDomObject(top.DoProcess(top.fromArrayBuiltParameters(["method","all"],["getbannerslist",all])));
}
