$(document).ready(function() {
	var interval = null;
	$('#menu td').mouseover(function() {
		interval = null;
		$('#menu div.submenuTop').hide();
		var obj = $(this).find('div:first');
		$('#menu td').each(function() {
			$(this).find('div:first').attr('class', 'menuN2');
		});
		obj.attr('class', 'menuO2');
		var submenu = $(this).find('div.submenuTop');
		var top = obj.position().top;
		var left = obj.position().left;
		var height = obj.height();
		var width = obj.width();
		var submenuWidth = submenu.width();
		submenu.css({
			'display' : 'block',
			'top' : top + height + 3,
			'left' : left - parseInt((submenuWidth - width) / 2)
		});
	}).mouseout(function() {
		var f = function() {
			if (interval) {
				obj.attr('class', 'menuN2');
				submenu.hide();
			}
		}
		var obj = $(this).find('div:first');
		var submenu = $(this).find('div.submenuTop');
		interval = window.setTimeout(f, 500);
	});
});