//  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 () {
    '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');
    });

    //    $(".toolbarButton ").on("mousedown mouseup", function (e) {
    //        $(this).toggleClass("toolbarButtonSelected", e.type === "mousedown");
    //    });
});
// 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
}