/* 
   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() {

  $('#menu ul').hide();

  $('#menu li a').click(

    function() {

      var checkElement = $(this).next();

      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {

		/*window.location.href = $(this).closest('a').attr('href');*/

        return false;

        }

      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {

        $('#menu ul:visible').slideUp('normal');

        checkElement.slideDown('normal');

		/*window.location.href = $(this).closest('a').attr('href');*/

        return false;

        }

      }

    );

  }
  $.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

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