/***************************************************
* Fonctions pour changement d'onglets (video home)
***************************************************/

function RowOn(MyObj,Class) {
	
	if (!Class) Class = "Hover" ;
	MyObj.className = MyObj.className + " " + Class ;
	
}

function RowOff(MyObj) {
	
	MyObj.className = MyObj.className.replace(/Hover/g,"") ;
	MyObj.className = MyObj.className.replace(/Hand/g,"") ;
	
}

/*   */

        function showVideosAjoutees() {
            document.getElementById("VideosAjoutees").style.display = "";
            document.getElementById("VideosCommentees").style.display = "none";
            
            document.getElementById("classVideosCommentees").className  = "";
            document.getElementById("classVideosAjoutees").className  = "TabActiv";         }
         
         function showVideosCommentees() {
            document.getElementById("VideosCommentees").style.display = "";
            document.getElementById("VideosAjoutees").style.display = "none";
            
            document.getElementById("classVideosCommentees").className  = "TabActiv";
            document.getElementById("classVideosAjoutees").className  = "";
         }



/* videos home */

function LinksListsVideos(SystemTab,MyTabContent,MyTab) {

	AllTabs = document.getElementById(SystemTab) ;
	
	var AllTags = AllTabs.getElementsByTagName("*");
	for (var a = 0; a < AllTags.length; a++) {
		if (AllTags[a].className.indexOf('SystemTabContent') != -1) {
            AllTags[a].style.display = 'none' ;
        }
	}
	
	TabsUL = MyTab.parentNode.parentNode.getElementsByTagName("*") ;

	for (var a = 0; a < TabsUL.length; a++) {
		if (TabsUL[a].tagName=="LI") TabsUL[a].className = '' ;
	}
	
	MyTab.parentNode.className = 'TabActiv' ;
	document.getElementById(MyTabContent).style.display = 'block' ;
	
}

/* autres articles/vidéos */

function LinksOthersArticles(SystemTab,MyTabContent,MyTabOther) {

	AllTabs = document.getElementById(SystemTab) ;
	
	var AllTags = AllTabs.getElementsByTagName("*");
	for (var a = 0; a < AllTags.length; a++) {
		if (AllTags[a].className.indexOf('SystemTabContent') != -1) {
            AllTags[a].style.display = 'none' ;
        }
	}
	
	TabsUL = MyTabOther.parentNode.parentNode.getElementsByTagName("*") ;

	for (var a = 0; a < TabsUL.length; a++) {
		if (TabsUL[a].tagName=="LI") TabsUL[a].className = '' ;
	}
	
	MyTabOther.parentNode.className = 'TabActiv' ;
	document.getElementById(MyTabContent).style.display = 'block' ;
	
}



/* popup #1 */

function hideDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow.style.visibility = 'hidden'; 
} 
} 
}

function showDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow').style.visibility = 'visible'; 
document.getElementById('hideshow2').style.visibility = 'hidden';
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow.visibility = 'visible'; 
document.hideshow2.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow.style.visibility = 'visible'; 
document.all.hideshow2.style.visibility = 'hidden';
} 
} 
} 


/* popup #2 */

function hideDiv2() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow2').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow2.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow2.style.visibility = 'hidden'; 
} 
} 
}

function showDiv2() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow2').style.visibility = 'visible'; 
document.getElementById('hideshow').style.visibility = 'hidden'; 
document.getElementById('hideshow3').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow2.visibility = 'visible'; 
document.hideshow.visibility = 'hidden';
document.hideshow3.visibility = 'hidden';
} 
else { // IE 4 
document.all.hideshow2.style.visibility = 'visible';
document.all.hideshow.style.visibility = 'hidden';
document.all.hideshow3.style.visibility = 'hidden';
} 
} 
} 

function hideDiv3() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow3').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow3.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow3.style.visibility = 'hidden'; 
} 
} 
}

function showDiv4() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow4').style.visibility = 'visible';
document.getElementById('hideshow3').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow4.visibility = 'visible'; 
document.hideshow3.visibility = 'hidden'

} 
else { // IE 4 
document.all.hideshow4.style.visibility = 'visible';
document.all.hideshow3.style.visibility = 'hidden';

} 
} 
} 
function hideDiv4() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow4').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow4.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow4.style.visibility = 'hidden'; 
} 
} 
} 


function showDiv5() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow4').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow5.visibility = 'visible'; 

} 
else { // IE 4 
document.all.hideshow5.style.visibility = 'visible';

} 
} 
} 
function hideDiv5() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow5').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow5.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow5.style.visibility = 'hidden'; 
} 
} 
} 

function showDiv6() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow6').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow6.visibility = 'visible'; 

} 
else { // IE 4 
document.all.hideshow6.style.visibility = 'visible';

} 
} 
} 
function hideDiv6() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow6').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow6.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow6.style.visibility = 'hidden'; 
} 
} 
} 





/************************************* 
* Fonctions pour le formulaire Profil
**************************************/
function blnIsValidEmail(objChamp, strMessageKO) {
    var	strEmailPattern;
    strEmailPattern = /^[A-Za-z][\w\-\.]*@[\w][\w\-\.]*\.[A-Za-z]{2,}$/i;
    if (strEmailPattern.test(objChamp.value) == false) {
        if (strMessageKO != "") {
            window.alert(strMessageKO);
        }
        objChamp.select();
        objChamp.focus();
        return false;
    }
    return true;
}
/*
Modif JB le 23.03.2009 : Cette fonction est définie dans profil.js
function submitForm() {
    retVal = true;
    if(retVal && document.TheForm.ci_id.value=="") {
        alert('Vous devez indiquer votre civilité.');
        retVal = false;
    }
    if(retVal && document.TheForm.nom.value=="") {
        alert('Vous devez indiquer votre nom.');
        retVal = false;
    }
    if(retVal && document.TheForm.prenom.value=="") {
        alert('Vous devez indiquer votre prénom.');
        retVal = false;
    }
    if(retVal && document.TheForm.ville.value=="") {
        alert('Vous devez indiquer votre ville.');
        retVal = false;
    }
    if(retVal && document.TheForm.pays.value=="") {
        alert('Vous devez indiquer votre pays.');
        retVal = false;
    }
    if(retVal && document.TheForm.cp.value=="") {
        alert('Vous devez indiquer votre code postal.');
        retVal = false;
    }
    if (retVal && document.TheForm.cp.value.length != 5) {
        alert('Le code postal doit comporter 5 caractères.');
        retVal = false;
    }
    if(retVal && document.TheForm.us_jour_naissance.value=="") {
        alert('Vous devez indiquer votre jour de naissance.');
        retVal = false;
    }
    if(retVal && isNaN(document.TheForm.us_jour_naissance.value)) {
        alert('Votre jour de naissance doit être numérique');
        retVal = false;
    }
    if(retVal && document.TheForm.us_mois_naissance.value=="") {
        alert('Vous devez indiquer votre mois de naissance.');
        retVal = false;
    }
    if(retVal && isNaN(document.TheForm.us_mois_naissance.value)) {
        alert('Votre mois de naissance doit être numérique');
        retVal = false;
    }
    if(retVal && document.TheForm.us_annee_naissance.value=="") {
        alert('Vous devez indiquer votre année de naissance.');
        retVal = false;
    }
    if(retVal && document.TheForm.us_annee_naissance.value.length != 4) {
        alert('Votre année de naissance doit comporter 4 chiffres.');
        retVal = false;
    }
    if(retVal && isNaN(document.TheForm.us_annee_naissance.value)) {
        alert('Votre année de naissance doit être numérique');
        retVal = false;
    }
    if(retVal && document.TheForm.pseudo.value=="") {
        alert('Vous devez indiquer un pseudo.');
        retVal = false;
    }
    if(retVal && document.TheForm.password.value=="") {
        alert('Vous devez indiquer un mot de passe.');
        retVal = false;
    }
    if(retVal && document.TheForm.password.value!=document.TheForm.password_confirm.value) {
        alert('Le mot de passe n\'a pas été correctement saisi.');
        retVal = false;
    }
    if(retVal && document.TheForm.email.value=="") {
        alert('Vous devez indiquer votre email.');
        retVal = false;
    }
    if(retVal && !(blnIsValidEmail(document.TheForm.email, 'L\'adresse email semble incorrecte'))) {
        retVal = false;
    }
    
    return retVal;
}
*/



/***********************************************
* Fonctions pour le formulaire Profil - Chaines
************************************************/
function $(item) {
    return document.getElementById(item);
}

function expandAll() {
    var boId = 0;
    var caId = 0;
    
    for (i = 0; i < document.getElementsByTagName("img").length; i++) {
        if (document.getElementsByTagName("img")[i].id.indexOf("imgBouquet") == 0) {
            boId = document.getElementsByTagName("img")[i].id.replace("imgBouquet", "");
            eval("$('openedBouquet' + boId).value = 0");
            arboBouquet(document.getElementsByTagName("img")[i].id.replace("imgBouquet", ""));
        }
        if (document.getElementsByTagName("img")[i].id.indexOf("imgCate") == 0) {
            caId = document.getElementsByTagName("img")[i].id.replace("imgCate", "");
            eval("$('openedCate' + caId).value = 0");
            arboCate(document.getElementsByTagName("img")[i].id.replace("imgCate", ""));
        }
    }
}

function closeAll() {
    var boId = 0;
    var caId = 0;
    
    for (i = 0; i < document.getElementsByTagName("img").length; i++) {
        if (document.getElementsByTagName("img")[i].id.indexOf("imgBouquet") == 0) {
            boId = document.getElementsByTagName("img")[i].id.replace("imgBouquet", "");
            eval("$('openedBouquet' + boId).value = 1");
            arboBouquet(document.getElementsByTagName("img")[i].id.replace("imgBouquet", ""));
        }
        if (document.getElementsByTagName("img")[i].id.indexOf("imgCate") == 0) {
            caId = document.getElementsByTagName("img")[i].id.replace("imgCate", "");
            eval("$('openedCate' + caId).value = 1");
            arboCate(document.getElementsByTagName("img")[i].id.replace("imgCate", ""));
        }
    }
}

function arboBouquet(boId) {
    var isOpened = false;
    eval("isOpened = $('openedBouquet' + boId).value");
    if (isOpened == 0) {
        eval("$('openedBouquet' + boId).value = 1");
        eval("$('trBouquet' + boId).style.display = ''");
        eval("$('imgBouquet' + boId).src = 'http://tvmag.tvimg.partner-tvmag.net/ImPre/V3/picto_arbo_moins.gif'");
    } else {
        eval("$('openedBouquet' + boId).value = 0");
        eval("$('trBouquet' + boId).style.display = 'none'");
        eval("$('imgBouquet' + boId).src = 'http://tvmag.tvimg.partner-tvmag.net/ImPre/V3/picto_arbo_plus.gif'");
    }
}

function arboBouquetweb(boId) {
    var isOpenedweb = false;
    eval("isOpenedweb = $('openedBouquetweb' + boId).value");
    if (isOpenedweb == 0) {
        eval("$('openedBouquetweb' + boId).value = 1");
        eval("$('trBouquetweb' + boId).style.display = ''");
        eval("$('imgBouquetweb' + boId).src = 'http://tvmag.tvimg.partner-tvmag.net/ImPre/arboMoins.gif'");
    } else {
        eval("$('openedBouquetweb' + boId).value = 0");
        eval("$('trBouquetweb' + boId).style.display = 'none'");
        eval("$('imgBouquetweb' + boId).src = 'http://tvmag.tvimg.partner-tvmag.net/ImPre/arboPlus.gif'");
    }
}

function arboCate(boId) {
    var isOpened = false;
    eval("isOpened = $('openedCate' + boId).value");
    if (isOpened == 0) {
        eval("$('openedCate' + boId).value = 1");
        eval("$('trCate' + boId).style.display = ''");
        eval("$('imgCate' + boId).src = 'http://tvmag.tvimg.partner-tvmag.net/ImPre/V3/picto_arbo_moins.gif'");
    } else {
        eval("$('openedCate' + boId).value = 0");
        eval("$('trCate' + boId).style.display = 'none'");
        eval("$('imgCate' + boId).src = 'http://tvmag.tvimg.partner-tvmag.net/ImPre/V3/picto_arbo_plus.gif'");
    }
}

function clickBouquet(boId) {
    var isChecked = false;
    eval("isChecked = $('cbBouquet_' + boId).checked");

    if (isChecked) {
        for (i = 0; i < document.getElementsByTagName("input").length; i++) {
            if (document.getElementsByTagName("input")[i].id.indexOf("cb_" + boId) == 0 || boId == 4 && document.getElementsByTagName("input")[i].id.indexOf("cbCate_" + boId) == 0) {
                document.getElementsByTagName("input")[i].checked = true;
            }
        }
    } else {
        for (i = 0; i < document.getElementsByTagName("input").length; i++) {
            if (document.getElementsByTagName("input")[i].id.indexOf("cb_" + boId) == 0 || boId == 4 && document.getElementsByTagName("input")[i].id.indexOf("cbCate_" + boId) == 0) {
                document.getElementsByTagName("input")[i].checked = false;
            }
        }
    }
}

function clickCate(boId, ccId) {
    var isChecked = false;
    eval("isChecked = $('cbCate_' + boId + '_' + ccId).checked");

    if (isChecked) {
        for (i = 0; i < document.getElementsByTagName("input").length; i++) {
            if (document.getElementsByTagName("input")[i].id.indexOf("cb_" + boId + "_" + ccId) == 0) {
                document.getElementsByTagName("input")[i].checked = true;
            }
        }
    } else {
        $('cbBouquet_' + boId).checked = false;
        for (i = 0; i < document.getElementsByTagName("input").length; i++) {
            if (document.getElementsByTagName("input")[i].id.indexOf("cb_" + boId + "_" + ccId) == 0) {
                document.getElementsByTagName("input")[i].checked = false;
            }
        }
    }
}

function clickChaine(boId, ccId, chId) {
    var isChecked = false;
    eval("isChecked = $('cb_' + boId + '_' + ccId + '_' + chId).checked");

    if (!isChecked) {
        $('cbBouquet_' + boId).checked = false;
        if (boId == 4) {
            $('cbCate_' + boId + '_' + ccId).checked = false;
        }
        for (i = 0; i < document.getElementsByTagName("input").length; i++) {
            if (document.getElementsByTagName("input")[i].name == "CH_ID_" + chId) {
                document.getElementsByTagName("input")[i].checked = false;
            }
        }
    }
}

// Check un bouquet si toutes ses chaînes sont sélectionnées
function checkBouquetsSelected() {
    var checkBouquet = true;
    var cptChaines = 0;
    for (var boId = 1; boId <= 6; boId ++) {
        checkBouquet = true;
        cptChaines = 0;
        for (var i = 0; i < document.getElementsByTagName("input").length; i++) {
            if (document.getElementsByTagName("input")[i].id.indexOf("cb_" + boId) == 0) {
                if (document.getElementsByTagName("input")[i].checked) {
                    cptChaines ++;
                } else {
                    checkBouquet = false;
                }
            }
        }
        $('cbBouquet_' + boId).checked = checkBouquet;
        $('nbChainesBouquet_' + boId).innerHTML = cptChaines + ' sur ';
    }
}

// Check une catégorie si toutes ses chaînes sont sélectionnées
function checkCateSelected() {
    var ccId = 0;
    var checkCate = true;
    var cptChaines = 0;
    for (var i = 0; i < document.getElementsByTagName("input").length; i++) {
        if (document.getElementsByTagName("input")[i].id.indexOf("cbCate_4_") == 0) {
            ccId = document.getElementsByTagName("input")[i].value;
            checkCate = true;
            cptChaines = 0;
            for (var ii = 0; ii < document.getElementsByTagName("input").length; ii++) {
                if (document.getElementsByTagName("input")[ii].id.indexOf("cb_4_" + ccId + "_") == 0) {
                    if (document.getElementsByTagName("input")[ii].checked) {
                        cptChaines ++;
                    } else {
                        checkCate = false;
                    }
                }
            }
            eval("$('cbCate_4_' + ccId).checked = checkCate");
            $('nbChainesCate_' + ccId).innerHTML = cptChaines + ' sur ';
        }
    }
}



/***********************************************************************************************
* Comportement du diaporama
***********************************************************************************************/
var current = 0;
var delai = 4000; // 4 secondes
var diapoTempo;
var diapoAuto = 0;

function diapoNext() {
    // forward one image
    diapoStop();
    if (current < arrDiaporama.length - 1) {
        current ++;
    } else {
        current = 0;
    }
    document.images.diaporama.src = arrDiaporama[current];
}

function diapoPrevious() {
    // back on image
    diapoStop();
    if (current > 0) {
        current --;
    } else {
        current = arrDiaporama.length-1;
    }
    document.images.diaporama.src = arrDiaporama[current];
}

function diapoStart() {
    // défilement automatique des images
    document.getElementById("trDiaporama").style.display = "";
    if (diapoAuto == 1) {
        diapoNext();
    }
    diapoAuto = 1;
    diapoTempo = setInterval("diapoStart()", delai);
}

function diapoStop() {
    // arrêt du défilement automatique des images
    diapoAuto = 0;
    clearTimeout(diapoTempo);
}



/***********************************************************************************************
* Comportement du formulaire de réaction à un article
***********************************************************************************************/
var maxCommentLength = 1500;

function reactionChange() {
    document.getElementById("indicateur").innerHTML = maxCommentLength - document.frmReaction.react_comment.value.length;
    if (document.frmReaction.react_comment.value.length >= maxCommentLength) {
        document.frmReaction.react_comment.value = document.frmReaction.react_comment.value.substring(0, maxCommentLength);
    }
}



function limiteur()
{
maximum = 1500;
champ = document.formulaire.texte;
indic = document.formulaire.indicateur;

if (champ.value.length > maximum)
  champ.value = champ.value.substring(0, maximum);
else
  indic.value = maximum - champ.value.length;
}

/***********************************************************************************************
* Noter un article
***********************************************************************************************/
function noter(note) {
    document.formNote.note.value = note;
    document.formNote.submit();
}



/***********************************************************************************************
* Bloc news :  passage des 4 news au survols
***********************************************************************************************/
function showNewsOne() {
	document.getElementById("newsOne").style.display = "";
	document.getElementById("newsTwo").style.display = "none";
	document.getElementById("newsThree").style.display = "none";
	document.getElementById("newsFour").style.display = "none"; 
   
	document.getElementById("classNewsOne").className  = "TabActiv";     
	document.getElementById("classNewsTwo").className  = "";
	document.getElementById("classNewsThree").className  = "";
	document.getElementById("classNewsFour").className  = "";
}
 
 function showNewsTwo() {
	document.getElementById("newsOne").style.display = "none";
	document.getElementById("newsTwo").style.display = "";
	document.getElementById("newsThree").style.display = "none";
	document.getElementById("newsFour").style.display = "none"; 
   
	document.getElementById("classNewsOne").className  = "";     
	document.getElementById("classNewsTwo").className  = "TabActiv";
	document.getElementById("classNewsThree").className  = "";
	document.getElementById("classNewsFour").className  = "";
 }
 
 function showNewsThree() {
	document.getElementById("newsOne").style.display = "none";
	document.getElementById("newsTwo").style.display = "none";
	document.getElementById("newsThree").style.display = "";
	document.getElementById("newsFour").style.display = "none"; 
   
	document.getElementById("classNewsOne").className  = "";     
	document.getElementById("classNewsTwo").className  = "";
	document.getElementById("classNewsThree").className  = "TabActiv";
	document.getElementById("classNewsFour").className  = "";
 }
 
 function showNewsFour() {
	document.getElementById("newsOne").style.display = "none";
	document.getElementById("newsTwo").style.display = "none";
	document.getElementById("newsThree").style.display = "none";
	document.getElementById("newsFour").style.display = ""; 
   
	document.getElementById("classNewsOne").className  = "";     
	document.getElementById("classNewsTwo").className  = "";
	document.getElementById("classNewsThree").className  = "";
	document.getElementById("classNewsFour").className  = "TabActiv";
 }