/***********************************************************************************************
* Comportement du bloc A la une
***********************************************************************************************/
var auto = true;
var current = 1;
var diapoTempo;
var diapoDelai = 4000; // 4 secondes
var nbDiapo = 1;

function hideAlaune(item) {
    document.getElementById("idAlaune" + item).style.display = "none";
}

function showAlaune(item) {
    document.getElementById("idAlaune" + item).style.display = "block";
}

function diapoPrevious() {
    hideAlaune(current);
    current --;
    if (current == 0) {
        current = nbDiapo;
    }
    showAlaune(current);
}

function diapoNext() {
    hideAlaune(current);
    current ++;
    if (current > nbDiapo) {
        current = 1;
    }
    showAlaune(current);
}

function diapoStartPause() {
    if (auto) {
        auto = false;
        clearTimeout(diapoTempo);
        document.getElementById("imgAlaunePlay").src = "http://tvmag.tvimg.partner-tvmag.net/ImPre/V3/btn-arrow-play.gif";
    } else {
        auto = true;
        diapoNext();
        diapoTempo = setInterval("diapoNext()", diapoDelai);
        document.getElementById("imgAlaunePlay").src = "http://tvmag.tvimg.partner-tvmag.net/ImPre/V3/btn-arrow-on-off.gif";
    }
}

function clickPrevious() {
    auto = false;
    clearTimeout(diapoTempo);
    document.getElementById("imgAlaunePlay").src = "http://tvmag.tvimg.partner-tvmag.net/ImPre/V3/btn-arrow-play.gif";
    diapoPrevious();
}


function clickNext() {
    auto = false;
    clearTimeout(diapoTempo);
    document.getElementById("imgAlaunePlay").src = "http://tvmag.tvimg.partner-tvmag.net/ImPre/V3/btn-arrow-play.gif";
    diapoNext();
}
/***********************************************************************************************
* Comportement du bloc Détente : gestion de l'affichage des onglets et de l'article sélectionné
***********************************************************************************************/
function showDetente(item) {
    document.getElementById("detenteArticle23").style.display = "none";
    document.getElementById("detenteArticle24").style.display = "none";
    document.getElementById("detenteArticle25").style.display = "none";
    document.getElementById("detenteArticle26").style.display = "none";
    document.getElementById("detenteArticle27").style.display = "none";
    document.getElementById("detenteArticle21").style.display = "none";
    document.getElementById("detenteArticle22").style.display = "none";
    document.getElementById("detenteArticle29").style.display = "none";
    document.getElementById("detenteArticle31").style.display = "none";
    document.getElementById("detenteArticle32").style.display = "none";
    document.getElementById("detenteArticle28").style.display = "none";
    document.getElementById("detenteArticle30").style.display = "none";
    
    document.getElementById("detenteOnglet23").className = "off";
    document.getElementById("detenteOnglet24").className = "off";
    document.getElementById("detenteOnglet25").className = "off";
    document.getElementById("detenteOnglet26").className = "off";
    document.getElementById("detenteOnglet27").className = "off";
    document.getElementById("detenteOnglet21").className = "off";
    document.getElementById("detenteOnglet22").className = "off";
    document.getElementById("detenteOnglet29").className = "off";
    document.getElementById("detenteOnglet31").className = "off";
    document.getElementById("detenteOnglet32").className = "off";
    document.getElementById("detenteOnglet28").className = "off";
    document.getElementById("detenteOnglet30").className = "off";
    
    document.getElementById("detenteArticle" + item).style.display = "";            
    document.getElementById("detenteOnglet" + item).className = "on";          
}