var popupMenuInterval = 250;
var popupMenuIntervalHandler = null;
var pageWidth = 1000;

$(document).ready(function(){
    //$("#menumain div.submenu").css("display", "none"); // hide submenus
    
    // ini submenu columns    
    $("#menumain div.submenu ul").each(
    		function(index) {
    		var liNumber = $(this).children('li').length; 
    		if (liNumber/3>5)
    			$(this).parent('div.submenu').addClass('col3');
    		else if (liNumber/2>5)
    			$(this).parent('div.submenu').addClass('col2');
    		else 
    			$(this).parent('div.submenu').addClass('col1');
    	}
    );
    
    // ini submenu positions
	$("#menumain > ul > li").each(
			function(index) {
				var itemPosition = $(this).position();
		        var itemWidth = $(this).width();
		        var itemHeight = $(this).height();

		        var submenuWidth = $(this).children("div.submenu").width();
		        var submenuTop = itemPosition.top + itemHeight;
		        var submenuLeft = itemPosition.left;
		        if ((itemPosition.left + submenuWidth) > pageWidth)
		        	submenuLeft = itemPosition.left-(submenuWidth - itemWidth);
		       
		        $(this).children("div.submenu").css("top", submenuTop + 'px');
		        $(this).children("div.submenu").css("left", submenuLeft + 'px');
    		}
	)

    
    
    $("#menumain > ul > li").bind("mouseover", showMenu);
	$("#menumain > ul > li").bind("mouseout", hideMenu);
	
});

function showMenu() {
    clearTimeout(popupMenuIntervalHandler);

    $('#menumain > ul > li').removeClass('active');
    $(this).addClass('active');
    
    $("#menumain div.submenu").css("visibility", "hidden");
    $(this).children("div.submenu").css("visibility", "visible");

	return false;
}

function hideMenu() {
	popupMenuIntervalHandler = setTimeout(function() {
	       $("#menumain div.submenu").css("visibility", "hidden");
	       $('#menumain > ul > li').removeClass('active');
	   }, popupMenuInterval) 
}