function SetTabs() {
    $$('div.Tab').each(function (r) {
        var Tab = r.id.toString();
        var TabContent = "Panel" + Tab.replace(/Tab/, "");
      
        if ($(TabContent).innerText == "" && $(TabContent).innerHTML.indexOf('img') == -1) {
            $(Tab).style.display = "none";
        };
        $(Tab).addEvent('click', function (e) {
            showTab(Tab, TabContent);

        });
    });

    //Now set Tab 1 on the Go

    try {
        showFirstTab();
        //showTab("Tab1", "Panel1");
    }
    catch (Err) {
        
    }
}

function showFirstTab() {
    var foundTab = false;
    $$('div.Tab').each(function(r) {
        if (foundTab == false) {
            var Tab = r.id.toString();
            var TabContent = "Panel" + Tab.replace(/Tab/, "");

            if ($(TabContent).innerText != "" || $(TabContent).innerHTML.indexOf('img') != -1) {
                showTab(Tab, TabContent);
                foundTab = true;
            };
        }
    });
}

function hideAllTabs() {
    $$('div.PanelContent').each(function(r) {
        //        var mySlide = new Fx.Slide(r);
        document.getElementById(r.id).style.display = "none";
    });
    $$('div.Tab').each(function(r) {
        //        var mySlide = new Fx.Slide(r);
        $(r).className = "Tab"; //set('class', "Tab");
    });
}

function showTab(Tab, TabContent) {
    hideAllTabs();
    $(TabContent).style.display = "block";
    $(Tab).className="Tab Selected";//.set('class', "Tab Selected");
}