var timeout    = 500;
var closetimer = 0;
var menuitem = 0;
var ddmenuitem = 0;

function menu_open() {
	menu_canceltimer();
	menu_close();
	
	menuitem = $(this);
	menuitem.find('td#menuitem_left').removeClass('menuitem_left');
	menuitem.find('td#menuitem_left').addClass('menuitem_left_over');
	
	menuitem.find('td#menuitem_middle').removeClass('menuitem_middle');
	menuitem.find('td#menuitem_middle').addClass('menuitem_middle_over');

	menuitem.find('td#menuitem_right').removeClass('menuitem_right');
	menuitem.find('td#menuitem_right').addClass('menuitem_right_over');
	
	ddmenuitem = menuitem.find('ul').css('visibility', 'visible');
}

function menu_close() {
	if(menuitem){
		menuitem.find('td#menuitem_left').addClass('menuitem_left');
		menuitem.find('td#menuitem_left').removeClass('menuitem_left_over');
		
		menuitem.find('td#menuitem_middle').addClass('menuitem_middle');
		menuitem.find('td#menuitem_middle').removeClass('menuitem_middle_over');

		menuitem.find('td#menuitem_right').addClass('menuitem_right');
		menuitem.find('td#menuitem_right').removeClass('menuitem_right_over');
		
		menuitem = 0;
	}
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function menu_timer() {  
	closetimer = window.setTimeout(menu_close, timeout);
}

function menu_canceltimer(){  
	if(closetimer) {  
		window.clearTimeout(closetimer);
		closetimer = null;
    }
}

$(document).ready(function() {
	$('#menu > li').bind('mouseover', menu_open);
    $('#menu > li').bind('mouseout',  menu_timer);
});

document.onclick = menu_close;