var tabSelectedL = "tabSelectedL";
var tabSelected = "tabSelected";
var tabSelectedR = "tabSelectedR";
var tabL = "tabL";
var tab = "tab";
var tabR = "tabR";

function TabClick(ul, divMiseEnAvant, index) {
    var nextTabIndex = index;
    var previousTabIndex;
    // search prev index
    previousTabIndex = ul.attributes["selectedItem"].value;
    if (previousTabIndex == nextTabIndex) {
        return;
    }
    for (var i = 0; i < ul.childNodes.length; i++) {
        if (ul.childNodes[i].attributes["index"].value == nextTabIndex) {
            ctl = ul.childNodes[i].childNodes[0];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabL)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabL);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabSelectedL)) {
                Sys.UI.DomElement.addCssClass(ctl, tabSelectedL);
            }

            ctl = ul.childNodes[i].childNodes[1];
            if (Sys.UI.DomElement.containsCssClass(ctl, tab)) {
                Sys.UI.DomElement.removeCssClass(ctl, tab);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabSelected)) {
                Sys.UI.DomElement.addCssClass(ctl, tabSelected);
            }

            ctl = ul.childNodes[i].childNodes[2];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabR)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabR);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabSelectedR)) {
                Sys.UI.DomElement.addCssClass(ctl, tabSelectedR);
            }

            ul.childNodes[i].attributes["selected"].value = 1;
            ul.attributes["selectedItem"].value = i;

            //Affichage du div sélectionné
            divMiseEnAvant.childNodes[i].style.visibility = 'visible';
        }
        else if (ul.childNodes[i].attributes["index"].value == previousTabIndex) {
            ctl = ul.childNodes[i].childNodes[0];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabSelectedL)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabSelectedL);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tabL)) {
                Sys.UI.DomElement.addCssClass(ctl, tabL);
            }

            ctl = ul.childNodes[i].childNodes[1];
            if (Sys.UI.DomElement.containsCssClass(ctl, tabSelected)) {
                Sys.UI.DomElement.removeCssClass(ctl, tabSelected);
            }
            if (!Sys.UI.DomElement.containsCssClass(ctl, tab)) {
                Sys.UI.DomElement.addCssClass(ctl, tab);
            }

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