var Tabs = function (tabPanelId, defaultActiveTab){
    var tabPanel = $(tabPanelId);

    showTab = function (tabPanelId, activeTabNumber, totalTabs){
        for (var i = 1; i < totalTabs; i++) {
            if (i == activeTabNumber) {
                var tabHead = $(tabPanelId + '_head_' + activeTabNumber);
                tabHead.className = 'tabsHeadElement activeTabsHeadElement';
                var tabBody = $(tabPanelId + '_body_' + activeTabNumber);
                tabBody.className = 'tabsBodyElement activeTabsBodyElement';
            }
            else {
                var tabHead = $(tabPanelId + '_head_' + i);
                tabHead.className = 'tabsHeadElement';
                var tabBody = $(tabPanelId + '_body_' + i);
                tabBody.className = 'tabsBodyElement inactiveTabsBodyElement';
            }
        }
    }
    
    var i = 1;
    while($(tabPanelId + '_head_' + i) != null) {
        var tabHead = $(tabPanelId + '_head_' + i);
        tabHead.number = i;
        tabHead.onclick = function(){
            showTab(tabPanelId, this.number, i);
        }

        var tabBody = $(tabPanelId + '_body_' + i);
        i++;
    }
    showTab(tabPanelId, defaultActiveTab, i);
}