$(document).ready(function () {

    $.each($("#menu>ul>li>ul li ul"),function(){
    	$(this).css('display','none');
    });

    $("#menu>ul>li ul li").mouseover(function(){
    	$(this).children("ul").css('display','');
    })
    $("#menu>ul>li ul li").mouseout(function(){
    	$(this).find("ul").css('display','none');
    })
    
	var timeoutId, cleartimeout;
	var el = $("#menu ul li.active");
	$.each($("#menu>ul>li>ul"),function(){
	var offset = $(this).parent().position();
		var left = offset.left/2 -216;
		if(left<10) left = 10;
		$(this).css('left',left+'px');
		if((left + $(this).width())>935){
			
			$(this).css('left','10px');
		}
		
	});
	//curentActive
	    $("#menu>ul>li").hover(function () {
	    clearTimeout(timeoutId);
	    $("#menu>ul>li").removeClass('active');
	    $(this).addClass('active');  
	}, function () { //on hover out...
	    clearTimeout(timeoutId);
	    timeoutId = setTimeout(function () {
	        $("#menu>ul>li").removeClass('active');
	        el.addClass("active");
	    }, 200);
	});

	    
	    
});