var menu_color_1 = Array('#66ccff', '#d3e9f2');
var menu_color_2 = Array('#ff9999', '#f2d3d4');
var menu_color_3 = Array('#ffff66', '#f1f1d1');

var needImages = Array ('top_menu_bg_1_.jpg', 'top_menu_bg_2_.jpg', 'top_menu_bg_3_.jpg', 'top_menu_1_.gif', 'top_menu_1_l.gif', 'top_menu_2_.gif', 'top_menu_2_l.gif', 'top_menu_3_.gif', 'top_menu_3_l.gif');
var preloads = new Object;

var curMenuID = -1;
var curMenuTimeout = null;

function preloadImages()
{
	for (i=0;i<needImages.length;i++)
	{
		preloads[i] = new Image;
		preloads[i].src = '/f/' + needImages[i];
	}

	if (curMenuID >= 1)
	{
		menuShow(curMenuID);
	}
}

function menuShow(id)
{
	for (i=1;i<=3;i++)
	{
		var menuTD = document.getElementById("menu_"+i);
		var menuIMG = document.getElementById("menu_"+i+"_pic");
		var menuIMGl = document.getElementById("menu_"+i+"_pic_l");
		var menuPopup = document.getElementById("menu_"+i+"_popup");

		if (!menuTD || !menuIMG || !menuIMGl || !menuPopup) { continue; }

		menuPopup.style.display = "none";
		menuTD.className = "top_menu_bg_"+i;
		menuIMG.src = "/f/top_menu_"+i+".gif";
		menuIMGl.src = "/f/p.gif";
	}

	var menuTD = document.getElementById("menu_"+id);
	var menuIMG = document.getElementById("menu_"+id+"_pic");
	var menuIMGl = document.getElementById("menu_"+id+"_pic_l");
	var menuPopup = document.getElementById("menu_"+id+"_popup");

	if (!menuTD || !menuIMG || !menuIMGl || !menuPopup) { return; }

	clearTimeout(curMenuTimeout);
	curMenuTimeout = null;

	menuTD.className = "top_menu_bg_"+id+"_";
	menuIMG.src = "/f/top_menu_"+id+"_.gif";
	menuIMGl.src = "/f/top_menu_"+id+"_l.gif";
	var buttonOffset = _getTotalOffset(menuTD);
	menuPopup.style.left = buttonOffset[1] + 55;
	menuPopup.style.top = buttonOffset[0] + 47;
	menuPopup.style.display = "block";

}

function menuHide()
{
	curMenuTimeout = setTimeout (function()
	{
		if (curMenuID >= 1)
		{
			menuShow(curMenuID);
		}
		for (i=1;i<=3;i++)
		{
			var menuTD = document.getElementById("menu_"+i);
			var menuIMG = document.getElementById("menu_"+i+"_pic");
			var menuIMGl = document.getElementById("menu_"+i+"_pic_l");
			var menuPopup = document.getElementById("menu_"+i+"_popup");

			if (!menuTD || !menuIMG || !menuIMGl || !menuPopup) { continue; }

			if (curMenuID!=i)
			{
				menuPopup.style.display = "none";
				menuTD.className = "top_menu_bg_"+i;
				menuIMG.src = "/f/top_menu_"+i+".gif";
				menuIMGl.src = "/f/p.gif";
			}
		}
	}, 1000);
}

function _getTotalOffset(obj){
	var contObj = obj;

	var totalOffsetTop=0;
	var totalOffsetLeft=0;
	while (contObj != null)
	{
		totalOffsetTop+=contObj.offsetTop;
		totalOffsetLeft+=contObj.offsetLeft
		contObj = contObj.offsetParent;
	}

	return [totalOffsetTop, totalOffsetLeft];
}

function districtSelect(id){
	if (id == -1) return;
	location.href="/where/regional/?district="+id;
}