/* 
   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 parent = this.parentNode.parentNode;
		if ($(this).next().is(':visible')){
			//alert ("IN");
			$(this).removeClass('testmenu');
			$(this).attr('style','color: #f69321');
			//$(this).replace('<img src="./images/bee.jpg" />','');
		}
		else {
			$(this).addClass('testmenu');
			$(this).attr('style','color: #f15b2a; ');
			//$(this).prepend('<img src="./images/bee.jpg" />');
		}
		//alert ($(this).next().value);
		$(this).next().slideToggle('fast');	
		
      }
    );
  }

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