var tabSelectedLFiche = "tabSelectedLFiche";
var tabSelectedFiche = "tabSelectedFiche";
var tabSelectedRFiche = "tabSelectedRFiche";
var tabLFiche = "tabLFiche";
var tabFiche = "tabFiche";
var tabRFiche = "tabRFiche";

function GetChildNodesByTagName(parentControl, tagName) {
    var searchControls = [];
    var j = 0;
    for (var i = 0; i < parentControl.childNodes.length; i++) {
        if (parentControl.childNodes[i].nodeName.toLowerCase() == tagName.toLowerCase()) {
            searchControls[j] = parentControl.childNodes[i];
            j++;
        }
    }
    return searchControls;
}

function TabFicheClick(ul, divInfo, index) {
    var nextTabIndex = index;
    var previousTabIndex;
    // search prev index
    previousTabIndex = ul.attributes["selectedItem"].value;
    if (previousTabIndex == nextTabIndex) {
        return;
    }
    var ulChildrens = GetChildNodesByTagName(ul, "li");
    for (var i = 0; i < ulChildrens.length; i++) {
        var liChildrens = GetChildNodesByTagName(ulChildrens[i], "div");
        var divChildrens = GetChildNodesByTagName(divInfo, "div");
        if (ulChildrens[i].attributes["index"].value == nextTabIndex) {
            
            ctl = liChildrens[0];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabLFiche)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabLFiche);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabSelectedLFiche)) {
                Sys.UI.DomElement.addCssClass(ctl, tabSelectedLFiche);
            }

            ctl = liChildrens[1];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabFiche)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabFiche);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabSelectedFiche)) {
                Sys.UI.DomElement.addCssClass(ctl, tabSelectedFiche);
            }

            ctl = liChildrens[2];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabRFiche)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabRFiche);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabSelectedRFiche)) {
                Sys.UI.DomElement.addCssClass(ctl, tabSelectedRFiche);
            }
            
            ulChildrens[i].attributes["selected"].value = 1;
            ul.attributes["selectedItem"].value = i;

            //Affichage du div sélectionné
            divChildrens[i].style.visibility = 'visible';
        }
        else if (ulChildrens[i].attributes["index"].value == previousTabIndex) {
            
            ctl = liChildrens[0];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabSelectedLFiche)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabSelectedLFiche);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabLFiche)) {
                Sys.UI.DomElement.addCssClass(ctl, tabLFiche);
            }

            ctl = liChildrens[1];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabSelectedFiche)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabSelectedFiche);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabFiche)) {
                Sys.UI.DomElement.addCssClass(ctl, tabFiche);
            }

            ctl = liChildrens[2];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabSelectedRFiche)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabSelectedRFiche);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabRFiche)) {
                Sys.UI.DomElement.addCssClass(ctl, tabRFiche);
            }
            
            
            ulChildrens[i].attributes["selected"].value = 0;
            //On cache le div précédemment sélectionné
            divChildrens[i].style.visibility = 'hidden';
        }

    }
}