$(function() {
    $('div.mainMenu ul li').mouseover(function(){
        $('div.mainMenu ul li ul:visible').stop().hide()
        var pos = $(this).position()
        var subMenu = $(this).find('ul')
        if(subMenu.length && !subMenu.is(':visible')){
            subMenu.css({'left':pos.left,'position':'absolute','top':170}).stop().show()
        }
    })
    
    $('div.mainMenu ul li ul').mouseout(function(){
        $(this).hide()
    })
})