$(document).ready(function(){

    $("ul.subnav").parent().append("<span></span>");

    // On hover of dropdown
    $("ul.topnav li span, ul.topnav li a").hover(function() {
        // Drop the subnav down
        $(this).parent().find("ul.subnav").stop(true, true).slideDown('fast').show();
            
        $(this).parent().hover(function() {
        }, function(){
            $(this).parent().find("ul.subnav").stop(true, true).slideUp('slow');
        });

        //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"); //On hover out, remove class "subhover"
    });
});