/* 
   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() {
  $('#relatedInfo ul').hide();
  $('#relatedInfo ul:first').show();
  $('#relatedInfo li div').mouseover(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false; 
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#relatedInfo ul:visible').slideUp('normal');
       
        var rootElement = document.getElementById("relatedInfo");
        
        if (document.getElementsByClassName) {
        	var elems = rootElement.getElementsByClassName("sliderItem");
        }
        else {	
        	var elems = new Array();
			i = 0;
			a = document.getElementsByTagName("a");
			while (element = a[i++]) {
				if (element.className == "sliderItem") {
					elems[i] = element;
				}
			}
        }
        
        for(var i = 0; i < elems.length; i++) {
			var elem = elems[i];
			var checkThisElement = elem.getElementsByClassName("sliderContent")[0];
			if (checkThisElement.style.display == 'block'){
				var titleField = elem.getElementsByTagName("div")[0];
				//titleField.style.background = 'transparent url(../images/sliderTitle_active_bg.jpg) left top no-repeat';
			}
         }
      	
        checkElement.slideDown('normal');
        //this.style.background = 'transparent url(../images/sliderTitle_bg.jpg) left top no-repeat';
        return false;
        }
      }
    );
    
  }
$(document).ready(function() {initMenu();});