﻿function flipTab(tabId) {
    if (!isNaN(tabId)) {
        tabId = "#tab" + tabId;
    }
    $("#MultiPage1 > div").hide();
    $(tabId).show();
    $("#MultiPage1 > ul > li").removeClass("ui-state-active ui-tabs-selected");
    $("#MultiPage1 > ul > li > a[href=" + tabId + "]").parent().addClass("ui-state-active ui-tabs-selected");
}

$(function () {
    $("#MultiPage1 > div").hide();
    $("#MultiPage1 > div").first().show();

    $("#MultiPage1 > ul > li").first().addClass("ui-state-active");
    $("#MultiPage1 > ul > li").bind('mouseenter mouseleave', function () {
        $(this).toggleClass('ui-state-hover');
    });
    $("#MultiPage1 > ul > li > a").bind('click', function (event) {
        event.preventDefault();
        var tabId = $(this).attr("href");
        flipTab(tabId);
    });

    var queryString = (document.location + '?').split('?')[1];

    if (queryString.match(/tab=/)) {
        var tabId = getQuerystring('tab');
        flipTab(tabId);
    }
});
