/* 
   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
*/

$("ul#menu a ").toggle(
  function () { $(this).removeClass("notselected");
    $(this).addClass("selected");


  },
  function () {

    $(this).removeClass("selected");
    $(this).addClass("notselected");
  }
);

function initMenu() {
  $('#menu ul').hide();


/*
  $('#menu .trigger').click(
    function() {

        $(this).next().slideToggle('normal');

      }
    );
     */
        	$("#menu .trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});

	$("#menu .trigger").click(function(){
		$(this).next().slideToggle();
	});

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