var lastHash = "";

var panelNames = new Array( "#ctl00_mainContent_pnlJuniorArriveDrive",
                            "#ctl00_mainContent_pnlJuniorSprint",
                            "#ctl00_mainContent_pnlJuniorCadetClub",
                            "#ctl00_mainContent_pnlJuniorAdvanced",
                            "#ctl00_mainContent_pnlTuition",
                            "#ctl00_mainContent_pnlVouchers",
                            "#ctl00_mainContent_pnlJuniorMasters",
                            "#ctl00_mainContent_pnlLicense",
                            "#ctl00_mainContent_pnlKartClub");
var linkNames = new Array(  "#ctl00_mainContent_hypArriveDrive",
                            "#ctl00_mainContent_hypSprint",
                            "#ctl00_mainContent_hypCadetClub",
                            "#ctl00_mainContent_hypJuniorAdvanced",
                            "#ctl00_mainContent_hypTuition",
                            "#ctl00_mainContent_hypVouchers",
                            "#ctl00_mainContent_hypJuniorMasters",
                            "#ctl00_mainContent_hypLicense",
                            "#ctl00_mainContent_hypKartClub");
var arrowClasses = new Array(   "a1",
                                "a2",
                                "a3",
                                "a4",
                                "a7",
                                "a9",
                                "a5",
                                "a8",
                                "a6");
var hashes = new Array(     "/Arrive-and-Drive/",
                            "/Sprint/",
                            "/Cadet/",
                            "/Advanced-Cadet/",
                            "/Tuition/",
                            "/Vouchers/",
                            "/Masters/",
                            "/License/",
                            "/Kart-Club/");
                            
                            
function showPane(linkName)
{
    paneIndex = jQuery.inArray(linkName, linkNames);
    
    if (paneIndex == -1)
    {
        return;
    }
    
    showPaneIndex(paneIndex, true);
    
}

function showPaneIndex(paneIndex, setHash)
{

    if (setHash == true)
    {
        lastHash = "#" + hashes[paneIndex];
        window.location.hash = hashes[paneIndex];
    }
    
    hideAllPanes();
    $(panelNames[paneIndex]).css("display", "block");
    $("#ctl00_mainContent_pnlArrow").addClass("event-selector-arrow");
    $("#ctl00_mainContent_pnlArrow").addClass(arrowClasses[paneIndex]);
    $("#ctl00_mainContent_pnlArrow").css("display", "block");
    $(linkNames[paneIndex]).addClass("selected");
    
}

function hideAllPanes()
{
    for (panel in panelNames)
    {
        $(panelNames[panel]).css("display", "none");
    }
    
    for (link in linkNames)
    {
        $(linkNames[link]).removeClass("selected");
    }
    
    $("#ctl00_mainContent_pnlArrow").removeClass();
    $("#ctl00_mainContent_pnlArrow").css("display", "none");
}


function checkHash()
{
    var hash = window.location.hash;
    
    if (hash != lastHash)
    {
        if (hash == "")
        {
            //showPaneIndex(0, false);
            paneIndex = $("#ctl00_mainContent_hdnStartPage").val();
            showPaneIndex(paneIndex, true);
        }
        else
        {
            var realHash = hash.substring(1);
            var arrayIndex = jQuery.inArray(realHash, hashes);
            if (arrayIndex != -1)
            {
                showPaneIndex(arrayIndex, true);
            }
        }
    }
}


/* Page load code */
$(document).ready(function () {
    jQuery.each(linkNames, function () {
        $(this.toString()).click(function (event) {
            showPane("#" + this.id);
            event.preventDefault();
        });
    });

    setInterval("checkHash()", 250);

});