$(document).ready(function () {

    function HoverOver() {
		$(this).addClass('hover');		
		if($(this).parent().hasClass('topLevel')){
			var p = $(this);
			var position = p.position();
			var subMenuWidth = $(this).find('.subLevel').width();
			var siteWidth = $('.wrapper-outter').width();
			if(siteWidth - position.left < subMenuWidth){
				$(this).addClass('longMenu');
			}
			console.log($(this).find('.subLevel').width());
			console.log("left: " + position.left + ", top: " + position.top );
			console.log($('.wrapper-outter').width());
		}
    }

    function HoverOut() {
        $(this).removeClass('hover');
    }

    var config = {
        sensitivity: 2,
        interval: 20,
        over: HoverOver,
        timeout: 100,
        out: HoverOut
    };

    $(".topLevel > li.haschild").hoverIntent(config);

    $(".subLevel li.haschild").hover(HoverOver, HoverOut);

});