/* 
   Simple JQuery Collapsing 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() {
 
  $('.linker').click(
    function() {
		
	 var checkElement = $(this).next();
 if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
 $('#menu ul').slideUp('slow');
 return false;	
	
	}
	
    if ($('#menu ul').is(':visible')) {
		
		
      
     $('#menu ul:visible').slideUp('Fast');
        $(this).next().animate({opacity:"1.0"}, 700).slideDown('Fast');
      
      }
    
      else {
		  
            $('#menu ul').slideUp('slow');
        $(this).next().slideDown('normal');
            }
			
      });
    
  
  $('#menu ul').hide();
  }
$(document).ready(function() {initMenu();});