var tabs;

window.addEvent('domready',function(){
    tabs = new Array ('tabHome','tabMavis','tabTim','tabSupport','tabContact');
    tabs.forEach(function(eachtab){
        var tab = $(eachtab);
        tab.addEvent('click',function(){
            tabClicked(tab);
        });
        if (tab.className == 'selected') {
            loadTabContent(tab);
        }
    })
});

function getTabUrl(tab) {
    var url;
    if (tab.id == 'tabHome') {
        url = 'home/main.jsp';
    } else if (tab.id == 'tabMavis') {
        url = 'mavis/main.jsp';
    } else if (tab.id == 'tabTim') {
        url = 'tim/main.jsp';
    } else if (tab.id == 'tabSupport') {
        url = 'support/main.jsp';
    } else if (tab.id == 'tabContact') {
        url = 'contact/main.jsp';
    }
    return url;
}

function loadTabContent(tab,content) {
    var url = getTabUrl(tab);
    url = 'Page?value=' + url;
    if (content) {
        $('container').addEvent('pageLoaded',function(){
            loadContent(content);
            $('container').removeEvents('pageLoaded');
        });
    }
    loadPage(url,$('container'),true);
}

function tabClicked(tab,contentUrl) {
    var mytab = (typeof(tab) == "string") ? $(tab) : tab;
//    if (mytab.className == 'selected') {
//        return;
//    }
    tabs.forEach(function(eachtab){
        $(eachtab).className = (mytab == $(eachtab)) ? 'selected' : null;
    })
    loadTabContent(mytab,contentUrl);
}