var timeout = 100;
var timeout2 = 120;
var closetimer = 0;
var closetimer2 = 0;
var ddmenuitem = 0;

function ddmenu_open(){
	
	$('.siteMenuMain li ul').css('visibility', 'hidden');
	ddmenu_canceltimer();
	ddmenu_close();
	alignSubmenu($(this));
	ddmenuitem = $(this).find('ul').css('visibility', 'visible');
	$(this).addClass('over');
	
}

function ddmenu_close(){ 
	if(ddmenuitem) {
		$('.siteMenuMain li').removeClass('over');
		ddmenuitem.css('visibility', 'hidden');
	}
}

function ddmenu_timer(){
	closetimer = window.setTimeout(ddmenu_close, timeout);
	closetimer2 = window.setTimeout(showActiveMenu, timeout2);
}

function ddmenu_canceltimer(){  
	if(closetimer){  
		window.clearTimeout(closetimer);
		closetimer = null;
	}
	if(closetimer2){  
		window.clearTimeout(closetimer2);
		closetimer2 = null;
	}
}


function alignSubmenu(em) {
	$(em).addClass('over');
	var position = $(em).position();
	var itemsWidth = $(em).find('ul li').width();
	$(em).find('ul').css('left', position.left - itemsWidth/2 - 5);
}

function showActiveMenu() {
	alignSubmenu('.siteMenuMain li.on');
	$('.siteMenuMain li.on ul').css('visibility', 'visible');
}

$(document).ready(function(){ 
	showActiveMenu(); 
	$('.siteMenuMain > li').bind('mouseover', ddmenu_open);
	$('.siteMenuMain > li').bind('mouseout',  ddmenu_timer);
});

document.onclick = ddmenu_close;
