jQuery(document).ready(function(){
	var timer = 0;
	
    $('#mainNavigation li ul').hide();
    $('#mainNavigation li').mouseover(function(){
        // check that the menu is not currently animated
    	clearTimeout(timer);
        if ($(this).find('ul').size() <= 1) {
            // create a reference to the active element (this)
            // so we don't have to keep creating a jQuery object
            $heading = $(this);
            // create a reference to visible sibling elements
            // so we don't have to keep creating a jQuery object
            $expandedSiblings = $heading.siblings().find('ul:visible');
            if ($expandedSiblings.size() > 0) {
                $expandedSiblings.slideUp(300, function(){
                    $heading.find('ul').slideDown(300);
                });
            }
            else {
                $heading.find('ul').slideDown(300);
            }
        }
    });
    $('#mainNavigation li ul li').mouseleave(function(){
    	timer = setTimeout("hideSub()", 1000);
    });
    hideSub = function()
    {
    	$('#mainNavigation li').find('ul:visible').slideUp(300);
    };
});