/// <reference path="mootools.js"/>

window.addEvent('domready', function() {

    //    for (i = 0; i < $$('div.tabs .detailTab').length; i++) {
    //        function addEvt(t) {
    //            $$('div.tabs .detailTab a.tab' + [t]).addEvent('click', function() { ActivateTab(t); });
    //        }
    //        addEvt(i);
    //    }

    $$('div.tabs .detailTab a').each(function(item) {
        var index = item.get("class").substring(3, 4);
        item.addEvent('click', function() { ActivateTab(index); });
    });


    //do the same for dynamically added feature tabs 
    $$('div.tabs .featureTab a').each(function(item) {
        item.addEvent('click', function() {
            var idx = item.get("class").substring(3, 4);
            ActivateTab(idx);
        });
    });
});

function ActivateTab(index) {
    //deactivate all tabs
    $$('div.tabs .detailTab a').removeClass("on");

    //activate current tab
    $$('div.tabs .detailTab a.tab' + index).addClass("on");

    //deactivate all table containers
    $$('div.tableTabs div.tableContainer').setStyle('display', 'none');

    //active current table container
    $$('div.tableTabs div.panel' + index).setStyle('display', 'block');
    $$('div.tableTabs div.feature' + index).setStyle('display', 'block');
}