/* 
   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(active,also,add) {
  $('#menu ul').hide();
  $('#menu ul').eq(active).show();
  $('#menu ul').eq(active-also).show();
  $('#menu ul').eq(active-add).show();
  $('#menu li a').mouseover(
    function() {
        $(this).next().slideToggle('normal');	
		
      }
    );
  

  }
$(document).ready(function() {
	$('#menu li a').mouseover(function(){
    	var $img = $(this).find('img');
    	var src = $img.attr('src');
  		var newsrc = /arr\.gif$/.test(src) ? src.replace('arr','arr_down') :
		src.replace('arr_down','arr');
   		$img.attr('src',newsrc);
   		return false;
	});
});