///<reference path="/_js/jQuery/1.4.1/jquery-1.4.1-vsdoc.js"/>
var sideNavHoverTime = 1000;
var sideNavHoverCurrent = 0;
j$(document).ready(function () {
    var intervalID;
    j$("div.sideNav ul.sidenav li a.btnToggle").click(function () {
        if (j$(this).parent().find("ul").first().css("display") == "block") {
            j$(this).parent().find("ul").first().stop().slideUp("fast");
            //j$(this).parent().find("ul").first().stop().hide();
            //change the icon
            j$(this).removeClass("btnToggle2");
        } else {
            j$(this).parent().find("ul").first().stop().slideDown("fast");
            //j$(this).parent().find("ul").first().stop().show();
            //change the icon
            j$(this).addClass("btnToggle2");
        }
    }).next("a").hover(function () {
        //mouse hovering over a link that can expand
        var expanded = j$(this).prev("a").hasClass("btnToggle2");
        if (!expanded) {
            var $this = j$(this);
            intervalID = setInterval(
                                    function () {
                                        if (sideNavHoverCurrent < sideNavHoverTime) {
                                            sideNavHoverCurrent += 100;  //the interval
                                        } else {
                                            var button = $this.prev("a");
                                            button.click();
                                            sideNavHoverCurrent = 0;
                                            clearInterval(intervalID);
                                        }
                                    }, 100);
        }
    }, function () { clearInterval(intervalID); sideNavHoverCurrent = 0; });
});