// http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html

var timer;
var isMenuShown = false;;

function initMenu() {
	$(document).ready(function(){

		$("ul.topnav li a").mouseenter(function() { //When trigger is clicked...

            isMenuShown = true;
        
            hideFlash();
            
			//Following events are applied to the subnav itself (moving subnav up and down)
			$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

			$(this).parent().hover(function() {
			}, function(){
				$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
                isMenuShown = false;
			});

			//Following events are applied to the trigger (Hover events for the trigger)
			}).hover(function() {
				$(this).addClass("subhover"); //On hover over, add class "subhover"                
			}, function(){	//On Hover Out
				$(this).removeClass("subhover"); //On hover out, remove class "subhover"
		});

	});
}


function startFlashCheck()
{
    clearTimeout(timer);
    timer = setTimeout("showFlash()",1000);
}

function stopFlashCheck()
{
    clearTimeout(timer);
}

function hideFlash()
{
    $("#bolt").fadeTo("fast",0,startFlashCheck);
    $("#bolt").addClass("offscreen");
}

function showFlash()
{
    if(!isMenuShown)
    {
        $("#bolt").removeClass("offscreen");
        $("#bolt").fadeTo("slow",1);
        stopFlashCheck();
    }
    else
    {
        startFlashCheck();
    }
}