$(document).ready( function() {
	$('#menu').children('li').each(function(i) {
		var menu = $(this);
		
		menu.children('ul').each(function(j){
			submenu = $(this);
			
			offset = menu.offset();
			height = menu.height();
			width = menu.width();
			
			//if (submenu.parent().parent().attr('id') == menu.parent().attr('id')){ //if this is a first level submenu
				submenu.css('top', height);
			//} else {
				submenu.css('left', 0);
			//}
			
			menu.mouseover(function(k){
				$(this).children('ul').show();
			});
				
			menu.mouseout(function(l){
				$(this).children('ul').hide();
			});
		});
	});
});