var chrono;
var tabPositionTemp;
var picIDnumber;
var sens;
var tabPositionTotal;
var sizeWindowX;
var sizeWindowY;

chrono = 0;
tabPositionTemp = 0;
picIDnumber = 1;
sens = 0;

function assignSizes()
{
    if(window.innerHeight == true)
    {
        sizeWindowX = window.innerWidth;
        sizeWindowY = window.innerHeight;
    }
    else
    {
        sizeWindowX = document.documentElement.clientWidth;
        sizeWindowY = document.documentElement.clientHeight;
    }
    
    document.getElementById("pochoir").style.width = sizeWindowX + "px";
    document.getElementById("pochoir").style.height = sizeWindowY + "px";
}

function assignSizesWindow()
{
    document.getElementById("containIntroWindow").style.marginLeft = ((sizeWindowX-(parseInt(document.getElementById("containIntroWindow").style.width)))/2) + "px";
    document.getElementById("containIntroWindow").style.marginTop = ((sizeWindowY-(parseInt(document.getElementById("containIntroWindow").style.height)))/2) + "px";
}
/*
Description fonction

Le script doit deplacer la div de 705px vers la gauche puis faire une pause de 3 a 5 secondes et recommencer
deux variables:

1- stocke le nombre de pixel de deplacement

2- sotcke la marge totale de la div

a la 1ere execution:

varDepla est a 0
varMarginLeft est a 0

plusieurs conditions:

Si varDepla est inferieur

 */
function waitingForNext()
{
    tabPositionTemp = 0;

    if(chrono < 1000)
    {
        chrono++;
        
        document.getElementById(picIDnumber).style.width = (parseFloat(document.getElementById(picIDnumber).style.width) + (25/100)) + "px";
        document.getElementById(picIDnumber).style.height = (parseFloat(document.getElementById(picIDnumber).style.height) + (10/100)) + "px";
        timerShow = setTimeout("waitingForNext()", 10);
    }
    else
    {
        document.getElementById(picIDnumber).style.marginLeft = 0 + "px";
        document.getElementById(picIDnumber).style.marginTop = 0 + "px";

        chrono = 0;

        if(tabPositionTotal == -(705*15) && sens == 0)
        {
            sens = 1;
        }
        else if(tabPositionTotal == 0 && sens == 1)
        {
            sens = 0;
        }

        if(sens==0)
        {
            picIDnumber++;
            moveLeft();
        }
        else if(sens == 1)
        {
            picIDnumber--;
            moveRight();
        }
    }
}

function moveRight()
{
    tabPositionTotal = parseInt(document.getElementById("tabImgIntro").style.marginLeft);

    if(tabPositionTemp < 705)
    {
        document.getElementById("tabImgIntro").style.marginLeft = (tabPositionTotal + 705) + "px";
        timerShow = setTimeout("moveRight()", 2);
        tabPositionTemp = 705;
    }
    else
    {
        document.getElementById(picIDnumber+1).style.width = 705 + "px";
        document.getElementById(picIDnumber+1).style.height = 220 + "px";
        tabPositionTemp = 0;
        waitingForNext();
    }
}


function moveLeft()
{
    tabPositionTotal = parseInt(document.getElementById("tabImgIntro").style.marginLeft);

    if(tabPositionTemp < 705)
    {
        document.getElementById("tabImgIntro").style.marginLeft = (tabPositionTotal - 705) + "px";
        timerShow = setTimeout("moveLeft()", 2);
        tabPositionTemp = 705;
    }
    else
    {
        document.getElementById(picIDnumber-1).style.width = 705 + "px";
        document.getElementById(picIDnumber-1).style.height = 220 + "px";
        tabPositionTemp = 0;
        waitingForNext();
    }
}