/* 
   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() {
  jQuery('#menu_left ul').hide();
  jQuery('#menu_left li.selected ul').show();

  /*
  jQuery('#menu_left li').mouseover(
    function() {
      jQuery(this).attr('class', 'selected');
      }
    );

  jQuery('#menu_left li').mouseout(
    function() {
      jQuery(this).attr('class', '');
      }
    );
  */
  
  jQuery('#menu_left li a').mouseover(
    function() {
      //jQuery('#menu_left li').attr('class', '');
      //jQuery(this).parent().attr('class', 'selected');
      var checkElement = jQuery(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {        
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        jQuery('#menu_left ul:visible').parent().attr('class', '');
        jQuery('#menu_left ul:visible').slideUp('normal');        
        checkElement.slideDown('normal');
        checkElement.parent().attr('class', 'selected');
        return false;
        }
      }
    );
  }
jQuery(document).ready(function() {initMenu();});