$(function(){
    $('ul.simplefish ul').css({
        display: 'none'
    });

    $('ul.simplefish li').hover(
        function(){
            $(this).addClass('hover');
            $(this).children('a').addClass('hover');
      
            var pos = $(this).position();
            var wid = $(this).width();
            var hgt = $(this).height();
      
            var menu = $(this).children('ul');

            menu.css({
                display: 'block'
            });
            menu.css({
                position: 'absolute'
            });
            menu.css({
                'z-index': 10000
            });
      
            if(menu.hasClass('drop-right')){
                menu.css({
                    left: pos.left + wid,
                    top: pos.top
                    });
            }
            else if(menu.hasClass('drop-bottom')){
                menu.css({
                    left: pos.left,
                    top: pos.top + hgt
                    });
            }
        },
        function(){
            $(this).removeClass('hover');
            $(this).children('a').removeClass('hover');

            var menu = $(this).children('ul');

            menu.css({
                display: 'none'
            });
        }
        );
})

