var tabs = [];

window.onload = function () {
    var holder = document.getElementById("Tabs");
    if(holder) {
        var li = holder.getElementsByTagName("li");
        var len = li.length - 1;

        for (var i = 0; i <= len; ++i) {
            tabs.push(li[i].id);
            
            var anchor = li[i].getElementsByTagName("a").item(0);
            AddEvent(anchor, "click", anchorClick);
            
            if(i == 0) {
                li[i].className = "selected";
            } else {
                document.getElementById(li[i].id + "Section").style.display = "none";
            }
        }
        
        /* Support for bookmarking or linking directly to at tab */
        var str = window.location.hash;
        if (str != "" && str != null) {
            /* Remove leading '#' if present */
            str = str.replace(/^#/,"").replace(/Tab$/,"");
            for (var j in tabs) { /* Make sure tab exists ... */ 
                if (str == tabs[j]) {
                    showTab(str);
                    break;
                }
            }
        }
    }
}

function anchorClick(evt) {
    evt = (evt || window.event);
    var target = (evt.target || evt.srcElement);
    var sectionID = target.parentNode.id;
    if (sectionID) {
        window.location.hash = sectionID+"Tab";
    }
    showTab(sectionID);
    
    evt.cancelBubble = true;
    if (evt.stopPropagation)
         evt.stopPropagation();
    if (evt.preventDefault)
        evt.preventDefault();
    return false;
}

function showTab(id) {
    var len = tabs.length;
    for (var i = 0; i< len; i++) {
        if(tabs[i] == id) {
            document.getElementById(tabs[i]).className = "selected";
            document.getElementById(tabs[i] + "Section").style.display = "block";
        } else {
            document.getElementById(tabs[i]).className = "";
            document.getElementById(tabs[i] + "Section").style.display = "none";
        }
    } 
}