﻿

function initialize(menuId) {

    //todo: change to object model, add settings etc.
    $("#" + menuId).bind("mouseleave",menumouseout);

    var row = $("#" + menuId).find(".menu-current-row");
    showrow(row);

    $("#" + menuId + " .menu-row").hover(
    function() {
        hideselectrow($(this).parent());
        $(this).find(".menu-item").addClass("menu-item-select");

        $(this).find(".menu-sub-panel").show();

        $($(this).find(".menu-item")).find(".menu-item-link").css("color", "#9a9a9a");

        //$(this).find(".menu-sub-panel").fadeIn( "slow");
    },
    function() {
        $(this).find(".menu-item").removeClass("menu-item-select");

        $($(this).find(".menu-item")).find(".menu-item-link").css("color", "");

        $(this).find(".menu-sub-panel").hide();

        //$(this).find(".menu-sub-panel").fadeOut("slow");
    });

    $("#" + menuId + " .menu-sub-row").hover(
    function() {
        $($(this).find(".menu-sub-item")).find(".menu-item-link").css("color", "#9a9a9a");
        $(this).find(".menu-sub2-panel").show();

    }, 
    function() {
        $($(this).find(".menu-sub-item")).find(".menu-item-link").css("color", "");

        $(this).find(".menu-sub2-panel").hide();
    });

    $("#" + menuId + " .menu-sub2-item").hover(
    function() {
        $(this).find("a").css("color", "#9a9a9a");

    }, function() {

        $(this).find("a").css("color", "");
    });
}
function showrow(row) { 
    $(row).find(".menu-item").addClass("menu-item-select");

    $(row).find(".menu-sub-panel").show();

    $($(row).find(".menu-item")).find(".menu-item-link").css("color", "#9a9a9a");
}
function hideselectrow(menu) {

    var item = $(menu).find(".menu-item-select");
    $(item.parent().parent()).find(".menu-sub-panel").hide();

    $(item).find(".menu-item-link").css("color", "");
    
    item.removeClass("menu-item-select");
}

function menumouseout() {
   
    var row = $(this).find(".menu-current-row");
   
    row.find(".menu-item").addClass("menu-item-select");

    row.find(".menu-sub-panel").show();

    $(row.find(".menu-item")).find(".menu-item-link").css("color", "#9a9a9a");
}