$(document).ready(function(){ 

	var timeout    	= 400;
	var closetimer 	= 0;
	var ddmenuitem 	= 0;
	var activeitem 	= 0;
	var currentUL 	= 0;
	var click 		= false;
	
	$('#navi ul li ul').css('display', 'block');
	$('li.main-navi ul').css('visibility', 'hidden');
	$('ul.active').css('visibility', 'visible');
	
	function ddmenu_open(){
		ddmenu_canceltimer();
		ddmenu_close();
		ddmenuitem = $(this).find('ul').css('visibility', 'visible');
		
		currentUL = $(this).find('ul');
		activeitem = $('ul.active');
		
		if(activeitem && !(currentUL.is('ul.active'))){ activeitem.css('visibility', 'hidden'); }
	}
	
	function ddmenu_close(){
		if(ddmenuitem && !click) ddmenuitem.css('visibility', 'hidden');
		if(activeitem && !click){ activeitem.css('visibility', 'visible');}
	}
	
	function ddmenu_closeall(){
		click = true;
		$('li.main-navi').unbind('mouseout');
	}
	
	function ddmenu_timer(){
		closetimer = window.setTimeout(ddmenu_close, timeout);
	}
	
	function ddmenu_canceltimer(){  
		if(closetimer){  
			window.clearTimeout(closetimer);
			closetimer = null;
	}}
	
	 
	$('li.main-navi').bind('mouseenter', ddmenu_open);
	$('li.main-navi').bind('mouseleave',  ddmenu_timer);
	$('li.main-navi').bind('click',  ddmenu_closeall);

	
});