$(document).ready(function() {
	
	$("ul.subnav").parent().append("<span></span>");
	$("ul.subnavsub").parent().append("<span></span>");

	$("ul.subnav li a").hover(
		function() {
			if( $(this).parent().find("ul.subnavsub").css( "display" ) == 'none' ) {
			$(this).parent().find("ul.subnavsub").show("slide", { direction: "left" }, 350);
			
			$(this).parent().hover(function(){ }, function() {
				$(this).parent().find("ul.subnavsub").fadeOut('fast');
			});
			}
		});
		
//	$("ul.subnav li span").hover(function() {
//		$(this).addClass("subhover");
//	}, function() {
//		$(this).removeClass("subhover");
//	});
//	
	$("ul.topnav li a").hover(function() {
		$(this).parent().find("ul.subnav").slideDown('fast').show();
		
		$(this).parent().hover(function(){}, function() {
			$(this).parent().find("ul.subnav").fadeOut('fast');
		});
	});
	
	$("ul.topnav li span").hover(function() {
		$(this).parent().find("ul.subnav").slideDown('fast').show();
		
		$(this).parent().hover(function(){}, function() {
			$(this).parent().find("ul.subnav").fadeOut('fast');
		});
	});
	
//	$("ul.topnav li span").hover(function() {
//		$(this).addClass("subhover");
//	}, function() {
//		$(this).removeClass("subhover");
//	});
	
});