/* 

   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>



*/


function initMenu() {
   $('#menu ul').hide();
  $('#menu ul:first').show();
  $('#menu li a').click(

    function(e) {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible') && $(this).attr('href')=='#')) {
	         $('#menu ul:visible').slideDown('normal');
        	checkElement.slideUp('normal');
	  		e.stopPropagation();
       		return false;
        }

      else if((checkElement.is('ul')) && (!checkElement.is(':visible') && $(this).attr('href')=='#' )) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
		e.stopPropagation();
        return false;
        }
      }

    );

  }

$(document).ready(function() {initMenu();});