$(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.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');
        });
    });


});