﻿
        var menuHideDelay = "";
        var menuShowDelay = "";

        function delayShowMenuContainer(menuContainer, delay) {
            hideAllMenuTwoContainers();
            menuShowDelay = setTimeout("showMenuContainer('" + menuContainer +"')",delay);
        };
        
          function showMenuContainer(menuContainer) {
                    $("#" + menuContainer).slideDown();
                    hideMagnifier(); 
        };
        
        function delayHideMenuContainer(delay) {
            menuHideDelay = setTimeout("hideAllMenuTwoContainers();", delay);

        };
        
        function hideAllMenuTwoContainers() {
            $("[id^='hmc_2_']").hide();
            $("[id^='imc_2_']").hide();
            showMagnifier(); 
        };




        //MENUS  ==============================================================================================

        var menuCount = 0, currentMenuOneID = "", currentMenuTwoID = "", currentMenuThreeID = "", currentMenuTitleOne = "", currentMenuTitleTwo = "", currentMenuTitleThree = "";

        function createHM(menuDefinition) {
        var menuDef = menuDefinition.split("|");
        var menuOneID = menuDef[0];
        var menuTitleOne = menuDef[1];
        var TitleOne = menuDef[2];
        var menuTwoID = menuDef[3];
        var menuTitleTwo = menuDef[4];
        var TitleTwo = menuDef[5];
        var menuThreeID = menuDef[6];
        var menuTitleThree = menuDef[7];
        var TitleThree = menuDef[8];


        //LEVEL TWO CONTAINERS (IF NOT ALREADY ADDED)
        if (currentMenuTwoID !== menuTwoID) {
                  $("<div>").attr({ "id": "hmc_2_" + menuOneID }).addClass("hmc_2").mouseover(function () { clearTimeout(menuHideDelay); }).mouseout(function () { delayHideMenuContainer(100); }).appendTo("#hmc_2");
            currentMenuTwoID = menuTwoID;
        };

        //LEVEL THREE CONTAINERS (IF NOT ALREADY ADDED)
        if (currentMenuThreeID !== menuThreeID) {
            $("<div>").attr({ "id": "hmc_3_" + menuTwoID }).addClass("hmc_3").appendTo("#hmc_2_" + menuOneID);
            currentMenuThreeID = menuTwoID;
        };

                       

                            //Add home menu element
                        if (currentMenuTitleOne !== menuTitleOne) {

                                //Add a spcer (less first pass)
                                if (menuCount !== 0) {
                                        $("<div>").addClass("hme_1_spacer").html(".").appendTo("#hmc_1");
                                 };


                                    $("<div>").attr({ "id": "hme_1_" + menuOneID, "title": TitleOne }).addClass("hme_1").mouseover(function () { delayShowMenuContainer("hmc_2_" + menuOneID, 200); }).mouseout(function () { clearTimeout(menuShowDelay); delayHideMenuContainer(100); }).html(menuTitleOne).appendTo("#hmc_1");
                        
                        
                                         //Add click event to level one element
                                        $("#hme_1_" + menuOneID).click(function () {
                                                  $("#displaypage1").load("Content/Widgets/widgetProductSelector.aspx", { "root": "Nothing", "preSet": "displayLevelOne", "widgetHeading": menuTitleOne + " (All products)", "displayLevelOne": menuOneID });
                                            hideAllMenuTwoContainers();
                                            showDisplayPage(1);

                                        });           
                        
                                        currentMenuTitleOne = menuTitleOne;
                                        menuCount ++;
                         };

                        //Add Level 2 element
                        if (currentMenuTitleTwo !== menuTitleTwo) {
                       
                        $("<div>").attr({"id":"hme_2_" + menuTwoID, "title":TitleTwo}).addClass("hme_2").html(menuTitleTwo).appendTo("#hmc_3_" + menuTwoID);
                        currentMenuTitleTwo = menuTitleTwo;
                        };


                    //Add Level 3 element
                        if (currentMenuTitleThree !== menuTitleThree) {
                            $("<div>").attr({ "id": "hme_3_" + menuThreeID, "title": TitleThree }).addClass("hme_3").html(menuTitleThree).appendTo("#hmc_3_" + menuTwoID);

                            //Add click event
                            $("#hme_3_" + menuThreeID).click(function () {
                                      $("#displaypage1").load("Content/Widgets/widgetProductSelector.aspx", { "root": "Nothing", "displayLevelOne": menuOneID, "displayLevelTwo": menuTwoID, "displayLevelThree": menuThreeID, "widgetHeading": menuTitleOne + " / " + menuTitleTwo + " / " + menuTitleThree });
                                showDisplayPage(1);
                                $("[id^=hmc_2_]").hide();

                            });

                            currentMenuTitleThree = menuTitleThree;

                        };


        };
        

        //INFO MENUS ==============================================================================================

     function buildInfoMenus() {

//         //Previously viewd items
         $("<div>").attr({ "title": "Frequently Asked Questions" }).addClass("ime_1").click(function () { pageInformationLink('Nothing','FAQ'); }).html("Frequently Asked Questions").appendTo("#imc_1");
//         $("<div>").attr({ "id": "imc_2_AtoZ" }).addClass("imc_2").mouseover(function () { clearTimeout(menuHideDelay); }).mouseout(function () { delayHideMenuContainer(10); }).appendTo("#imc_2");
//         
//         //Add a spcer
//         $("<div>").addClass("ime_1_spacer").html(".").appendTo("#imc_1");

         //Add the share bar
         $("<div>").attr({ "id": "ime_1_siteShare", "title": "Share" }).addClass("ime_1_share").appendTo("#imc_1");

         //Set the share details
         $("#ime_1_siteShare").share({
                   url: 'http://www.isssafety.com',
                   title: 'ISS Safety',
                   description: 'Lorem ipsum et dolor',
                   tags: 'share, tag, example',
                   services: ['all'],
                   img_size: 16,
                   a_target: '_blank'
         });

     };

