// JavaScript Document

/*startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseclick=function() {
this.className+=" click";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" click", "");
   }
   }
  }
 }
}
window.onload=startList;*/

$(document).ready(function(){
	$("ul#nav li a").hover(function() { //When trigger is clicked...

		//$(this).parent().parent().find("ul#nav li ul").slideUp();
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.left-sub").slideDown('fast').show(); //Drop down the subnav on click

		$("ul#nav li ul").hover(function() {
		}, function(){
			$(this).parent().find("ul.left-sub").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover").parent().find("ul.left-sub").hide(); //On hover out, remove class "subhover"			
	});					   
						   });