/* 
   Simple JQuery Accordion 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 ul:first').show();
  $('#menu li a').click(
    function() {
		$('#menu li a').css("background-image","url(images/functionitem.png)");
	//	var s=$(this).css("background-image");
	//	var i=s.lastIndexOf("/")+1;
	//	var j=s.lastIndexOf(".");
	//	if($(this).focus()==true)
		//$(this).css("background-image","url(images/menuitem.png)");
    // 	var str=s.substring(i,j);
		
		$('#menu li ul li a').css("background-image","url(images/categoryitem.png)");	
		$(this).css("background-image","url(images/menuitem.png)");
	
			
		
      var checkElement = $(this).next();
      //$(this).css("background-image","url(images/menuitem.png)");
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
      	$('#menu ul:visible').slideUp('normal');
		
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
		$('#menu li').css("background-image","url(images/blank.gif)");
        return false;
        }
      }
    );

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