/*
InfoTV menu script - written by Ha Le-Viet (ha.leviet@gmail.com)
*/
window.addEvent('domready', function() {
	//~ tnFx = new Fx.Style($('topnav-l2', 'marginTop', {duration: 200, transition: Fx.Transitions.linear}));
	menuItems = $$('#menu-bound li');
	activeItem = null;
	recoverTimer = null;
	var temp = '';
	function calMenu(item)
	{
		$('sub_menu').style.left = 0 + 'px';
		var pos = 0;
		var pos_bound = 0;
		var w = 0;
		var w_bound =0;
		pos = findPos(item.getFirst());
		w = $('topnav-l2').offsetWidth;
		pos1= findPos($('menu-bound'));
		pos_bound = findPos(item.getLast());
		w_bound = pos_bound[0];
		if(pos[0]>w && w<900)
		{
			$('sub_menu').style.left = pos[0]-(w/2)-pos1[0]+40 + 'px';
		}
		else
		{
			$('sub_menu').style.left = 0 + 'px';
		}
	}
	menuItems.every(function(item, index){
		if (item.getFirst().hasClass("active")) {
			$('topnav-l2').empty();
			if(item.getLast().tagName == "DIV")
			{
				$('topnav-l2').adopt(item.getLast().getFirst().clone());
			}
			activeItem = item;
			calMenu(activeItem);
			return false;
		}
		return true;
	});
	menuItems.each(function(item) {
		item.addEvent('mouseenter', function() {
			$('topnav-l2').empty();
			if (item.getLast().tagName == "DIV") {
				item.getFirst().className = "active";
				$('topnav-l2').adopt(item.getLast().getFirst().clone());
			}
			$clear(recoverTimer);
			calMenu(item);
			if(!temp)
			{
				if(item!=activeItem)
				{
					temp = item;
				}
			}
			else if(temp!=item)
			{
				temp.getFirst().className="";
			}
		});
		item.addEvent('mouseleave', function() {
			delayTime = (item.getLast().tagName == "DIV") ? 1500 : 0;
				if(item!=activeItem)
				{
					temp = item;
				}
				recoverTimer = function() {
				if(item!=activeItem)
				{
					temp = item;
					item.getFirst().className = "";
				}
				$('topnav-l2').empty();
				$('topnav-l2').adopt(activeItem.getLast().getFirst().clone());
				calMenu(activeItem);
			}.delay(delayTime);
		});
	});
	$('topnav-l2').addEvent('mouseenter', function() {
		$clear(recoverTimer);
	});
	$('topnav-l2').addEvent('mouseleave', function() {
		delayTime = (this.innerHTML) ? 1500 : 0;
		recoverTimer = function() {
			if(temp)
			{
				temp.getFirst().className = "";
			}
			$('topnav-l2').empty();
			$('topnav-l2').adopt(activeItem.getLast().getFirst().clone());
			calMenu(activeItem);
		}.delay(delayTime);
	});
});