var subMenuItems = new Array();
var currentOpenMenuIndex = -1;
var selectedMainIndex = -1;
var selectedSubIndex = -1;
var returnSubInterval;

$(document).ready(function() {
    var year = new Date().getFullYear();
    $("#footerCopyright").html("© " + year + " Media Box Studios, LLC.");
    $("#logo").click(function() { window.open("/", "_self"); });

    var items = $("#mainLinks").children("a");
    var loc = window.location.pathname + window.location.hash;
    var localt = window.location.pathname + "#";
    for (var i = 0; i < items.length; i++) {

        var item = $(items[i]);
        var itemImg = $(":first-child", items[i]);
        $.preloadImages("/images/dyn/mainlinks/" + urlEncode(itemImg.attr("alt")) + ".png",
                        "/images/dyn/mainlinkssel/" + urlEncode(itemImg.attr("alt")) + ".png",
                        "/images/dyn/mainlinksover/" + urlEncode(itemImg.attr("alt")) + ".png");
        if (loc.indexOf(item.attr("href")) >= 0 || localt.indexOf(item.attr("href")) >= 0) {
            var selpath = "/images/dyn/mainlinkssel/" + urlEncode(itemImg.attr("alt")) + ".png";
            //var selpath = "handlers/ImageHandler.ashx?text=" + itemImg.attr("alt") + "&fmt=gif&type=mainlinkssel";
            itemImg.attr("src", selpath);
            selectedMainIndex = i;
        }
        item.mouseover(mainItem_Over);
        item.mouseout(mainItem_Out);
        item.customFadeIn("normal");
        item.attr("rel", i);
        buildSubMenu(i);

        for (var j = 0; j < subMenuItems[i].length; j++) {
            var title = subMenuItems[i][j].title.replace("?", "-q-");
            $.preloadImages("/images/dyn/sublinks/" + urlEncode(title) + ".png",
                            "/images/dyn/sublinkssel/" + urlEncode(title) + ".png",
                            "/images/dyn/sublinksover/" + urlEncode(title) + ".png");
            if (loc.indexOf(subMenuItems[i][j].url) >= 0) {
                selectedSubIndex = j;
                selectedMainIndex = i;
            }
        }
    }
    showSubMenu(selectedMainIndex);

});

function urlEncode(str) {
    return String(str).replace(/[\t]/g,"%20").replace(/[\?]/g,"-q-");
}

function checkLocation()
{
    var items = $("#mainLinks").children("a");
    var loc = window.location.pathname + window.location.hash;
    var localt = window.location.pathname + "#";
    for (var i = 0; i < items.length; i++) {
       var item = $(items[i]);
       var itemImg = $(":first-child", items[i]);
       if (loc.indexOf(item.attr("href")) >= 0||localt.indexOf(item.attr("href")) >= 0) {
           var selpath = "/images/dyn/mainlinkssel/" + urlEncode(itemImg.attr("alt")) + ".png";
           itemImg.attr("src", selpath);
           selectedMainIndex = i;
       }
   }

    $(".submenucontainer").children().each(function() {
       var item=$(this);
       if (loc.indexOf(item.attr("href")) >= 0||localt.indexOf(item.attr("href")) >= 0) {
           item.addClass("subLinksSel");
           var itemImg = $(":first-child", item);
           var path = "/images/dyn/sublinkssel/" + urlEncode(itemImg.attr("alt").replace("?","-q-")) + ".png";
           itemImg.attr("src", path);
       }
       else{
          var itemImg = $(":first-child", item);
          var path = "/images/dyn/sublinks/" + urlEncode(itemImg.attr("alt").replace("?","-q-")) + ".png";
          itemImg.attr("src", path);
          item.removeClass("subLinksSel");
       }
    });
}

function preloadMainNav()
{
    var year = new Date().getFullYear();
    var items = $("#mainLinks").children("a");
    var loc = window.location.pathname + window.location.hash;
    for (var i = 0; i < items.length; i++) {

        var item = $(items[i]);
        var itemImg = $(":first-child", items[i]);
        $.preloadImages("/images/dyn/mainlinks/" + urlEncode(itemImg.attr("alt")) + ".png", 
                        "/images/dyn/mainlinkssel/" + urlEncode(itemImg.attr("alt")) + ".png",
                        "/images/dyn/mainlinksover/" + urlEncode(itemImg.attr("alt")) + ".png");
    }
}
function preloadSubNav(index)
{
    if(!subMenuItems) return;
    for (var j = 0; j < subMenuItems[index].length; j++) {
        var title=subMenuItems[index][j].title.replace("?","-q-");
        $.preloadImages("/images/dyn/sublinks/" + urlEncode(title) + ".png", 
                        "/images/dyn/sublinkssel/" + urlEncode(title)  + ".png",
                        "/images/dyn/sublinksover/" + urlEncode(title) + ".png");
    }
}
function buildSubMenu(index) {

    var subItems = subMenuItems[index];
    if(!subItems) return;

    var loc = window.location.pathname + window.location.hash;
    var localt = window.location.pathname + "#";
    var submenu=$("<div id=\"submenu"+index+"\" class=\"submenucontainer\"></div>"); 
    submenu.hide();
    for (var i = 0; i < subItems.length; i++) {
        var sublink = $("<a href=\"" + subItems[i].url + "\"></a>");
        var path = "/images/dyn/sublinks/" + urlEncode(subItems[i].title.replace("?","-q-")) + ".png";
        var sublinkImg = $("<img id=\"submenu"+index+"img"+i+"\" alt=\"" + subItems[i].title + "\" />");
        sublinkImg.hide();
        sublinkImg.attr("src", path);
        sublinkImg.attr("alt", subItems[i].title);
        sublink.append(sublinkImg);
        if (loc.indexOf(subItems[i].url) >= 0||localt.indexOf(subItems[i].url) >= 0) {
            var selpath = "/images/dyn/sublinkssel/" + urlEncode(subItems[i].title.replace("?","-q-")) + ".png";
            sublinkImg.attr("src", selpath);
            sublink.addClass("subLinksSel");
            submenu.show();
            selectedMainIndex=i;
        }
        sublink.attr("rel", i);
        sublink.mouseover(subItem_Over);
        sublink.mouseout(subItem_Out);
        sublink.click(subItem_Click);
        submenu.append(sublink);
        sublinkImg.customFadeIn("normal");
    }
    $("#subLinks").append(submenu);
}
function showSubMenu(mainindex) {
    clearInterval(returnSubInterval);
    var subItems;
    var index=mainindex;
    if (!mainindex)
        index = selectedMainIndex;

    
    $(".submenucontainer").hide();
    $("#submenu"+index).customFadeIn("norma");

    currentOpenMenuIndex = index;
}
function mainItem_Over(e) {
    clearInterval(returnSubInterval);
    var item = $(e.currentTarget);
    var itemImg = $(":first-child", item);
    var selpath = "/images/dyn/mainlinksover/" + urlEncode(itemImg.attr("alt").replace("?","-q-")) + ".png";
    itemImg.attr("src", selpath);

    var index = item.attr("rel");
    if (index != currentOpenMenuIndex) {
        showSubMenu(index);    
    }
}
function mainItem_Out(e) {
    var item = $(e.currentTarget);
    var index = item.attr("rel");
    if (Number(index) != selectedMainIndex) {
        var itemImg = $(":first-child", item);
        var path = "/images/dyn/mainlinks/" + urlEncode(itemImg.attr("alt").replace("?","-q-")) + ".png";
        itemImg.attr("src", path);
    }
    if (selectedMainIndex >= 0 && selectedMainIndex != currentOpenMenuIndex) {
        returnSubInterval = setInterval(showSubMenu, 1000);
        //buildSubMenu(selectedMainIndex);        
    }
}
function subItem_Over(e) {
    clearInterval(returnSubInterval);
    var item = $(e.currentTarget);
    var itemImg = $(":first-child", item);
    var path = "/images/dyn/sublinksover/" + urlEncode(itemImg.attr("alt").replace("?","-q-")) + ".png";
    itemImg.attr("src", path);
}
function subItem_Out(e) {
    var item = $(e.currentTarget);
    if (!item.hasClass("subLinksSel")) {
        var itemImg = $(":first-child", item);
        var path = "/images/dyn/sublinks/" + urlEncode(itemImg.attr("alt").replace("?","-q-")) + ".png";
        itemImg.attr("src", path);
    }
    if (selectedMainIndex >= 0 && selectedMainIndex != currentOpenMenuIndex) {
        returnSubInterval = setInterval(showSubMenu, 1000);
    }
}
function subItem_Click(e) {
    $(".submenucontainer").children().each(function() {
        var itemImg = $(":first-child", this);
        var path = "/images/dyn/sublinks/" + urlEncode(itemImg.attr("alt").replace("?", "-q-")) + ".png";
        itemImg.attr("src", path);
        $(this).removeClass("subLinksSel");
    });
    var item = $(e.currentTarget);
    item.addClass("subLinksSel");
    var itemImg = $(":first-child", item);
    var path = "/images/dyn/sublinkssel/" + urlEncode(itemImg.attr("alt").replace("?","-q-")) + ".png";
    itemImg.attr("src", path);
}