var tabLineColor = new Array ();
tabLineColor[0] = "tabmenu_bg1.gif";
tabLineColor[1] = "tabmenu_bg2.gif";
tabLineColor[2] = "tabmenu_bg3.gif";

var ULTab;
var LITabElements;
var tabNum;

function changeTabColor () {
    for (var i=0 ; i < LITabElements.length ; i++) {
        LITabElements[i].className = LITabElements[i].className.replace(/Active/,"")
    }
    this.className += " Active";

    for (var i=0 ; i < LITabElements.length ; i++) {
        if (LITabElements[i].className.match(/Active/)) {
            ULTab.style.backgroundImage = "url(../common/img/" + tabLineColor[i] + ")";
            LITabElements[i].style.backgroundImage = "url(../common/img/" + tabLineColor[i] + ")";
            changeContent(i+1);
        }
    }
}

function changeContent (n) {
    for (var i=0 ; i < tabNum ; i++) {
        tabContentID = "tabContent"+(i+1);
        document.getElementById(tabContentID).style.display = "none";
    }
    document.getElementById("tabContent"+n).style.display = "block";
}

function changeTab () {
    ULTab = document.getElementById("tabmenu");
    LITabElements = ULTab.getElementsByTagName("li");
    tabNum = LITabElements.length;

    for (var i=0 ; i < tabNum ; i++) {
        LITabElements[i].onclick = changeTabColor;
    }
}

function initializeTabMenu () {

    var tabMenu = document.createElement("ul");
    var ie=document.all;
    if (ie) {
        tabMenu.attributes("id").value = "tabmenu";
    }
    else {
        tabMenu.setAttribute("id","tabmenu");
    }
    tabMenu.innerHTML = 
                        "<li class=\"Active\"><a href=\"#\" title=\"MBA Dauphine - Sorbonne - Renault\" class=\"mba\"><span>MBA</span><br />Dauphine - Sorbonne - Renault</a></li>\n" +
                        "<li><a href=\"#\" title=\"Master Paris Tech Fondation Renault\" class=\"master\"><span>Master</span><br />Paris Tech Fondation Renault</a></li>\n" +
                        "<li class=\"LastItem\"><a href=\"#\" title=\"Cycle Majors Renault\" class=\"cycle\"><span>Cycle Majors</span><br />Renault</a></li>";

    document.getElementById("contentWrapper").insertBefore(tabMenu,document.getElementById("contentWrapper").firstChild);

    /* Hide Tab Content */
    document.getElementById("tabContent2").style.display = "none";
    document.getElementById("tabContent3").style.display = "none";
    /* Remove SimpleTab */
    document.getElementById("simpleTab1").style.display = "none";
    document.getElementById("simpleTab2").style.display = "none";
    document.getElementById("simpleTab3").style.display = "none";
}