/* 
   Simple JQuery Accordion menu.
   HTML structure to use:

   <ul id="menu">
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     <li><a href="#">Sub menu heading</a>
     <ul>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       <li><a href="http://site.com/">Link</a></li>
       ...
       ...
     </ul>
     ...
     ...
   </ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl

Free for non-commercial use
*/

function initMenu() {
	//$('#menu > li a').after('<div class="bttnEx"></div>');
	$('#menu > li > ul').siblings('a').after('<div class="bttnEx"></div>');
	$('#menu ul').hide();
	/*$('#menu ul:first').show();
	$('#menu li a').click( //this will show or hide menu item when clicked
		function() {
			var checkElement = $(this).next();
			if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
				checkElement.slideToggle('slow');
			}
				return false;
		}
	);*/
	$('#menu li.current div.bttnEx').next().slideDown('normal').parent().find('.bttnEx').addClass('bttnExM');
	$('#menu li .bttnEx').mouseover(
		function() {
			var checkElement = $(this).next();
			if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
				/*checkElement.slideToggle('slow');*/
				return false;
			}
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				$('#menu ul:visible').slideUp('normal');
				$('#menu li .bttnEx').removeClass('bttnExM');
				checkElement.slideDown('slow').parent().find('.bttnEx').addClass('bttnExM');
				return false;
			}
		}
	);
}
$(document).ready(function() {initMenu();});