$(document).ready(function () {
    $("#tabs").tabs();
    $("#add_bron").click(function () {
        $("#dialog").dialog('open');
    });

    $(".bindpopup").click(function () { $find('HelpExtender').show(); });

    var previousActiveButton;

    //Begin news subitems
    $("#show_tab_1").click(function () {
        var $tabs = $('#tabs').tabs();
        $tabs.tabs('select', 0);
        SetActive(this);
        return false;
    });

    $("#show_tab_2").click(function () {
        var $tabs = $('#tabs').tabs();
        $tabs.tabs('select', 1);
        SetActive(this);
        return false;
    });

    $("#show_tab_3").click(function () {
        var $tabs = $('#tabs').tabs();
        $tabs.tabs('select', 2);
        SetActive(this);

        return false;
    });

    $("#show_tab_4").click(function () {
        var $tabs = $('#tabs').tabs();
        $tabs.tabs('select', 3);
        SetActive(this);
        return false;
    });

    $("#show_tab_5").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 4);
        SetActive(this);
        return false;
    });

    $("#show_tab_6").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 5);
        SetActive(this);
        return false;
    });

    $("#show_tab_7").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 6);
        SetActive(this);
        return false;
    });

    $("#show_tab_8").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 7);
        SetActive(this);
        return false;
    });

    $("#show_tab_9").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 8);
        SetActive(this);
        return false;
    });
    $("#show_tab_10").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 9);
        SetActive(this);
        return false;
    });
    $("#show_tab_11").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 10);
        SetActive(this);
        return false;
    });

    $("#show_tab_mapsdemo").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 3);
        SetActive(this);
        $("#EmbedCode").attr({ src: $("#EmbedCode").attr("src") });
        return false;
    });
    $("#show_tab_recreationdemo").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 4);
        SetActive(this);
        var sSrc = $("#EmbedCode").attr("src");
        $("#EmbedCode:Last").attr({ src: sSrc });
        return false;
    });

    $("#show_tab_help").click(function () {
        var $tabs = $("#tabs").tabs();
        $tabs.tabs('select', 2);
        SetActive(this);
        return false;
    });
    //End news subitems

    //Function for setting a button to active
    function SetActive(element) {
        var prevActiveButton = $(".activeitem");
        if (element != prevActiveButton)
            $(prevActiveButton).removeClass('activeitem');

        $(element).addClass('activeitem');
        previousActiveButton = element;
    }
});
$.windowLoaded(function () {
    setMenuMiddleHight();
});
function setMenuMiddleHight() {
    var mainWrapperHeight = parseInt($("#mainWrapper").height());
    var topHeight = parseInt($("#mainWrapper #top").height());
    var headerHeight = parseInt($("#mainWrapper #header").height());
    var menuTopHeight = parseInt($("#menuTop").height());
    var menuBottomHeight = parseInt($("#menuBottom").height());
    var total = topHeight + headerHeight + menuTopHeight + menuBottomHeight;
    var menuMiddleHeight = mainWrapperHeight - total;
    $("#menuMiddle").height(menuMiddleHeight);
}

function showTab(tabId, ele) {
    var $tabs = $('#tabs').tabs();
    $tabs.tabs('select', tabId);

    SetActive(ele);
}

function addNewsLetter() {
    var $tabs = $('#tabs').tabs();
    $tabs.tabs('select', 2); // switch to third tab
    return false;
}

//Function removes the active class of the element wearing it :) <-- @ Berend..what is so funny about this?
function SetActive(ele) {
    var prevActiveButton = $(".activeitem");
    if (prevActiveButton != null)
        $(prevActiveButton).removeClass('activeitem');
    if (ele != null)
        $("#" + ele).addClass('activeitem');
}