var OnOff = true;
var Cpt = 0;
var LiensImage = null;
var Liens = null;
var NbLiens = null;
var Decalage = null;
var RangPrecedent = null;
var Minuterie = null;
var Fleche = null;
var DureeCarrousel = 2;

function InitialisationCarrousel(DureeTempo)
{
    DureeCarrousel = DureeTempo*1000;
    Fleche = document.getElementById("Fleche");
    LiensImage = document.getElementById('Image').getElementsByTagName('a');
    Liens = document.getElementById('AnimationLiens').getElementsByTagName('a');
    NbLiens = Liens.length;
    Timer(true);
}

/**
 * Lorsque l'on survole un onglet avec la souris
 */
function Here(Rang)
{
    OnOff = false;// On désactive
    clearTimeout(Minuterie);// Et on réinitialise le timer
    ModifierPositionFleche(Rang);
}

function Away()
{
    OnOff = true;
    Timer();
}

/**
 * Modifier l position de la fleche
 * 
 */
function ModifierPositionFleche(Rang)
{
    if(RangPrecedent != null) // Si un onglet a été animé
    {
        /*if(RangPrecedent == Rang)
        {
            //return;
        }*/
        Liens[RangPrecedent].getElementsByTagName('img')[0].style.display = "inline";
        Liens[RangPrecedent].getElementsByTagName('img')[1].style.display = "none";
        Liens[RangPrecedent].getElementsByTagName('td')[1].style.color = "grey";
        Liens[RangPrecedent].style.paddingLeft = "0px";
        Liens[RangPrecedent].style.paddingRight = "0px";
        LiensImage[RangPrecedent].style.display = "none";
    }
//alert(Liens[Rang].getElementsByTagName('img').length);
    Liens[Rang].getElementsByTagName('img')[1].style.display = "inline";
    Liens[Rang].getElementsByTagName('img')[0].style.display = "none";
    Liens[Rang].getElementsByTagName('td')[1].style.color = "white";
    LiensImage[Rang].style.display = "block";
    
    Marge = Rang * 75;    

    Liens[Rang].style.paddingRight = "13px";
    Liens[Rang].style.paddingLeft = "20px";
    Fleche.style.marginTop = Marge + 'px';

    if(OnOff)
    {
        Cpt++;
        // ACCELERATION DES ANIMATIONS JQUERY LORSQUE L'ON CHANGE D'ONGLETS
        /*$(Fleche).animate({
                                marginTop : Marge
                            });
                            
        $(Lien).animate({
                            paddingLeft : 20
                        },);*/  
        Timer();
    }

    RangPrecedent = Rang;
}

function Timer(Start)
{

    if(Cpt == NbLiens)
    {
        Cpt = 0;
    }
    //alert(Liens[Cpt].style.paddingLeft);
    Decalage = Cpt*75;

    if(Start)// Lors du premier démarrage pas de tempo
    {
        ModifierPositionFleche(Decalage,Liens[Cpt]); 
    }
    else
    {
        clearTimeout(Minuterie);// Et on réinitialise le timer
        Minuterie = setTimeout(function () { ModifierPositionFleche(Cpt); },DureeCarrousel);
    }
}