//  masterMenu.js
/*jslint browser: true*/
/*global window: true*/
/*global $ */
var masterMenuItem = null; //var for all menu item in menu bar 
masterMenuItem = $('.menuItem'); //var for all menu item in menu bar

//function to display menu
$(function () {
    'use strict';
    /// show menu item with position adjustment
    $('.master-menu-item').each(function () {
        var itemnum, lftpos;
        itemnum = $(this).index();
        lftpos = -1; //$(this).offset().left;
        $('.masterInnerMenu').filter(':eq(' + itemnum + ')').css('left', lftpos);
    });
    /// hide menu item on bodyclick
    $('body').click(function () {
        $('.masterInnerMenu').hide().removeClass('opened');
        //$('.selected').removeClass('selected');
        //unbindMenuItems();
    });
    /// show item on hover add selected class on active
    $('.master-menu-item').hover(function (event) {
        event.stopPropagation();
        //var itemnum = $(this).index();
        //$('.master-menu-item').removeClass('selected');
        // $(this).addClass('selected');
        $('.masterInnerMenu').hide().removeClass('opened');
        $(this).find('.masterInnerMenu').show().addClass('opened');
    }, function (event) {
        event.stopPropagation();
        $('.masterInnerMenu').hide().removeClass('opened');
    });
  
});
// set a id on active menu item
function setSelectedMenuItem(id) {
    'use strict';
    //alert(id);
    $("#masterMenu ul li").removeClass('selected'); //remove selected class from all
    $("#masterMenu ul li[id=" + id + "]").addClass('selected'); // add selcted class on hover
}


//function to get main menu
function mainmenu() {
    $(" .innerInnerMenu ").css({ display: "none" }); // Opera Fix
    $(" .masterInnerMenu li").hover(function () {
        
        var liWidth = $(this).outerWidth(false);
        $(this).find('ul:first').css({ visibility: "visible", display: "none", left: liWidth }).show(100);
    }, function () {
        $(this).find('ul:first').css({ visibility: "hidden" });
    });
}
//documnet.ready event
$(document).ready(function () {
    
    mainmenu();
});