$(function(){

    $("ul.dropdown li").hover(function(){
    
        $(this).addClass("hover");
        $('ul:first',this).css('visibility', 'visible');
    
    }, function(){
    
        $(this).removeClass("hover");
        $('ul:first',this).css('visibility', 'hidden');
    
    });
    
    $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ");

    // My additions
    // Only top level without childern
    $('ul.dropdown li[id^="item"]:not(:has(ul))').addClass("allround"); 
    // Only top level that have children
    $('ul.dropdown li[id^="item"]:has(ul)').addClass("topround");
    // Only children that are first
    $("ul.dropdown li.first").addClass("toprightround");
    // Only children that are last
    $("ul.dropdown li.last").addClass("bottomround");
});