$(document).ready(function() {

	//Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	$("ul.subnav").parent().append("<span></span>");

	//When trigger is clicked...
	$("ul.topnav li a").hover(
				function() {
					//Following events are applied to the subnav itself (moving subnav up and down)
					$(this).parent().find("ul.subnav").slideDown(50).show(); //Drop down the subnav on click
					$(this).addClass("hoverParent");
					$(this).parent().hover(
						function() { },
  						function() {
  							$(this).parent().find("ul.subnav").slideUp(150); //When the mouse hovers out of the subnav, move it back up
  							$(this).removeClass("hoverParent");
  						}
  					);

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