﻿//var timeout = 100;
//var closetimer = 0;
//var ddmenuitem = 0;

//function topmenu_open() {
//    //$('.topmenu > li > .nav-menu-desc').hide();

//    topmenu_canceltimer();
//    topmenu_close();
//    //ddmenuitem = $(this).find('.nav-menu-desc').css('visibility', 'visible').slideDown();
//    ddmenuitem = $(this).find('.nav-menu-desc').slideDown("fast").css('visibility', 'visible') ;
//}

//function topmenu_close() {    
//    if (ddmenuitem) ddmenuitem.hide(); 
//}
////{ if (ddmenuitem) ddmenuitem.css('visibility', 'hidden'); }

//function topmenu_timer()
//{ closetimer = window.setTimeout(topmenu_close, timeout); }

//function topmenu_canceltimer() {
//    if (closetimer) {
//        window.clearTimeout(closetimer);
//        closetimer = null;
//    } 
//}

//$(document).ready(function () {
//    $('.topmenu > li').bind('mouseover', topmenu_open)
//    $('.topmenu > li').bind('mouseout', topmenu_timer)
//});

//document.onclick = topmenu_close;

function topMenuHide(t) {
    t.parent().find(".nav-menu-desc").slideUp('fast'); //When the mouse hovers out of the subnav, move it back up
//    closetimer = 
//        window.setTimeout(
//                    function () {
//                        t.parent().find(".nav-menu-desc").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
//                    },
//                10);
}

var closetimer = 0;

function topMenuHandle() {

        window.clearTimeout(closetimer);
        //Following events are applied to the subnav itself (moving subnav up and down)
        $(this).find(".nav-menu-desc").show(); //Drop down the subnav on click slideDown(50).

        $(this).hover(function () { },
            function () {
                topMenuHide($(this));
            }
        );

        //Following events are applied to the trigger (Hover events for the trigger)
};

$(document).ready(function () {

    //$("ul.topmenu").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav

    //$("ul.topmenu").click();
    if ($('.topmenu > ul > li > .nav-menu-desc:hidden').length > 0) {

        $('.topmenu > ul > li').bind('mouseover', topMenuHandle)
        $('.topmenu > ul > li > .nav-menu-desc:hidden').bind('mouseover', topMenuHandle)

        //$('.topmenu > ul > li').bind('mouseout', topMenuHide)

        $.each($('.topmenu > ul > li > .nav-menu-desc'),
                function () {
                    $(this).css("width", $(this).parent().width() - 2)
                });
        $('.topmenu > ul > li > .nav-menu-desc').addClass('nav-menu-desc-hidden')
        //                    .css("position", "absolute")
        //                    .css('border-bottom', '1px solid #2F5626')
        //                    .css('border-left', '1px solid #2F5626')
        //                    .css('border-right', '1px solid #2F5626')
        ;
    }
});
