/// <reference path="jquery-1.3.2-vsdoc2.js"/>

var menu_03_timer = 0;
var menu_04_timer = 0;
var menu_05_timer = 0;
var menu_06_timer = 0;

// init app
$(function()
{
    var page = window.location.toString().substring(window.location.toString().lastIndexOf("/") + 1);

    if (page == "" || page.indexOf("index.html") == 0)
        $.get("template_header.html", function(data) { $("#nav-menu-wrapper").html(data); finishInit(); });
    else
        $.get("template_header_general.html", function(data) { $("#nav-menu-wrapper").html(data); finishInit(); });    
});

function finishInit()
{
    var page = window.location.toString().substring(window.location.toString().lastIndexOf("/") + 1);
    var imgPrefix = "";

    if (page == "" || page.indexOf("index.html") == 0)
        imgPrefix = "menu";
    else
        imgPrefix = "general_topnav";

    $("#menu_02").hover(function() { $("#menu_02 img").attr("src", "images/" + imgPrefix + "_on_02.gif"); }, function() { $("#menu_02 img").attr("src", "images/" + imgPrefix + "_off_02.gif"); highlightCurrentMenu(imgPrefix); });

    $("#menu_03").hover(function() { showMenu("menu_03", "" + imgPrefix + "_on_03"); }, function() { hideMenu("menu_03", "" + imgPrefix + "_off_03", imgPrefix); });
    $("#menu_03_sub-wrapper").hover(function() { keepMenuVisible("menu_03"); }, function() { setMenuTimer("menu_03"); });

    //$("#menu_04").hover(function() { $("#menu_04 img").attr("src", "images/" + imgPrefix + "_on_04.gif"); }, function() { $("#menu_04 img").attr("src", "images/" + imgPrefix + "_off_04.gif"); highlightCurrentMenu(imgPrefix); });

    $("#menu_04").hover(function() { showMenu("menu_04", imgPrefix + "_on_04"); }, function() { hideMenu("menu_04", imgPrefix + "_off_04", imgPrefix); });
    $("#menu_04_sub-wrapper").hover(function() { keepMenuVisible("menu_04"); }, function() { setMenuTimer("menu_04"); });

    $("#menu_05").hover(function() { showMenu("menu_05", imgPrefix + "_on_05"); }, function() { hideMenu("menu_05", imgPrefix + "_off_05", imgPrefix); });
    $("#menu_05_sub-wrapper").hover(function() { keepMenuVisible("menu_05"); }, function() { setMenuTimer("menu_05"); });

    $("#menu_06").hover(function() { $("#menu_06 img").attr("src", "images/" + imgPrefix + "_on_06.gif"); }, function() { $("#menu_06 img").attr("src", "images/" + imgPrefix + "_off_06.gif"); highlightCurrentMenu(imgPrefix); });

    swapImgSrc("menu_07", "images/" + imgPrefix + "_off_07.gif");

    highlightCurrentMenu(imgPrefix);
}

function highlightCurrentMenu(imgPrefix)
{
    var page = window.location.toString().substring(window.location.toString().lastIndexOf("/") + 1);

    if (page == "" || page.indexOf("index.html") == 0)
        swapImgSrc("menu_02", "images/" + imgPrefix + "_on_02.gif");
    else
    if (page.indexOf("menu_catering") == 0)
        swapImgSrc("menu_04", "images/" + imgPrefix + "_on_04.gif");
    else
    if (page.indexOf("menu_") == 0)
        swapImgSrc("menu_03", "images/" + imgPrefix + "_on_03.gif");
    else
    if (page.indexOf("location_") == 0)
        swapImgSrc("menu_05", "images/" + imgPrefix + "_on_05.gif");
    else
    if (page.indexOf("comment_") == 0)
        swapImgSrc("menu_06", "images/" + imgPrefix + "_on_06.gif");
}

function swapImgSrc(id, img)
{
    $("#" + id + " img").attr("src", img);
}

function showMenu(menu, img)
{
    for (var i = 3; i < 7; i++)
        if (i != menu.substring(menu.length - 1))
            $("#menu_0" + i + "_sub-wrapper").hide();
   
    eval("clearTimeout(" + menu + "_timer);");
    $("#" + menu + " img").attr("src", "images/" + img + ".gif");
    $("#" + menu + "_sub-wrapper").show();
}

function hideMenu(menu, img, imgPrefix)
{
    $("#" + menu + " img").attr("src", "images/" + img + ".gif");
    eval(menu + '_timer = setTimeout(function() { $("#' + menu + '_sub-wrapper").hide(); }, 1000);');
    highlightCurrentMenu(imgPrefix);
}

function keepMenuVisible(menu)
{
    eval("clearTimeout(" + menu + "_timer);");
}

function setMenuTimer(menu)
{
    eval(menu + '_timer = setTimeout(function() { $("#' + menu + '_sub-wrapper").hide(); }, 1000);');
}