/*
    Document   : main
    Created on : Jul 21, 2011, 3:06:16 PM
    Author     : TJ Beatrice <tj@artlabx.com>
    Description:

*/

$(document).ready(function() {
	
	// Note use of "mouseleave" vs. "mouseout" event handler.  IE causes flickering with "mouseout"
	
	// main level
	$('#nav > li').bind('mouseover', openSubMenu);
	$('#nav > li').bind('mouseleave', closeSubMenu);
	
	// sub level
	$('#nav ul > li').bind('mouseover', openSubMenu);
	$('#nav ul > li').bind('mouseleave', closeSubMenu);




	function openSubMenu() {
		//$(this).find('ul').css('visibility', 'visible');
		$(this).children('ul').css('visibility', 'visible');
	};

	function closeSubMenu() {
		$(this).children('ul').css('visibility', 'hidden');
	};

});