/* 
Simple JQuery menu Modified by Justyn
original: http://www.i-marco.nl/weblog/

Notes: 

1: each menu MUST have an ID set. It doesn't matter what this ID is as long as it's there.
2: each menu MUST have a class 'menu' set. If the menu doesn't have this, the JS won't make it dynamic
3: div container has class of 'accordion' controlling menu close on mouseleave

<ul id="menu1" class="menu">
    <li><a href="#">category heading</a>
        <ul>
        <li><a href="http://site.com/">sub heading</a></li>
        <li><a href="http://site.com/">sub heading</a></li>
        ...
        </ul>
    <li><a href="#">category heading</a>
        <ul>
        <li><a href="http://site.com/">sub heading</a></li>
        <li><a href="http://site.com/">sub heading</a></li>
        <li><a href="http://site.com/">sub heading</a></li>
        ...
        </ul>
    ...
    ...
</ul>
*/

function initMenus() {
    // Hide submenus initially
	$('div.accordion ul.menu ul').hide();
    
    // changed .click to .hover
	$('div.accordion ul.menu li a').hover(
		function() {
			var checkElement = $(this).next();
			var parent = this.parentNode.parentNode.id;
            
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				$('#' + parent + ' ul:visible').slideUp('normal');
				checkElement.slideDown('normal');
				return false;
			}
        }
	);
    // close menu when mouse leaves
    //$('div.accordion').mouseleave( 
        //function() {
            //$('ul.menu ul').slideUp('normal');
        //}
    //);
}
jQuery(document).ready(function($) { initMenus(); } );
//$(document).ready(function() {initMenus();});