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

//SARA Code: we are looking for the id of the title of the page. It should match the name of the li that contains to ul to show

function initMenu() {
  $('#menu ul').hide();
  //$('#menu ul:first').show();
  //var show_menu = $("#utilities").value;
  //$('#menu ul:.show_menu').show();
  var show_menu = $("title").attr("id");
  $("#menu ul:contains('"+ show_menu +"')").show();
  $("#menu li:contains('"+ show_menu +"')").find('img').attr('src', '/images/site_nav_sidebar/nav_arrow_down.png');
  $('#menu li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        $('#menu ul:visible').slideDown('normal');
        checkElement.slideUp('normal');
		$(this).find('img').attr('src', '/images/site_nav_sidebar/nav_arrow_right.png');
		return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
		$('.nav_arrow').attr('src', '/images/site_nav_sidebar/nav_arrow_right.png');
		$(this).find('img').attr('src', '/images/site_nav_sidebar/nav_arrow_down.png');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initMenu();});

//$('#menu ul:eq(1)').show();