$(document).ready(function(){

	$("ul.main_menu li").addClass("outcolor");
	$("ul.main_menu li").css({borderRight: "solid 3px white"});
	$("ul.main_menu li").mouseover(
		function () {
			$(this).css({backgroundColor: "#E4F0B8"});
			$(this).css({backgroundImage: "url(https://www.nchc.org.tw/web_images/event/2009/hpcasia/arrow3.jpg)"});
			$(this).css({backgroundPosition: "right center"});
			$(this).css({backgroundRepet: "no-repeat"});
			var index = $("ul.main_menu li").index(this);
			var offset = $(this).offset();
			if(index == 0)
			{
				var submenutop = 190;
				var submenuleft = 210;
								
			} else {
				var liheight = $(this).height()
				//var submenutop = offset.top - liheight;
				var submenutop = offset.top;
				var submenuleft = 210;
				
			}
	
			var n = $("ul.main_menu li").length;
			for(var i=0; i < n;i++)
			{
				if(i == index)
				{
					$("div.SubMenu").eq(i).css({display: "block",visibility: "visible", left: submenuleft, top: submenutop});
					$("ul.main_menu li").eq(i).removeClass("outcolor");
					$("ul.main_menu li").eq(i).addClass("hovercolor");
					$("ul.main_menu li").eq(i).css({borderRight: "solid 3px #E4F0B8"});
				} else {
					$("div.SubMenu").eq(i).css({display: "none",visibility: "hidden"});
					$("ul.main_menu li").eq(i).removeClass("hovercolor");
					$("ul.main_menu li").eq(i).addClass("outcolor");
					$("ul.main_menu li").eq(i).css({borderRight: "solid 3px #FFFFFF"});
				}
			}
	
		}
	);


	$("ul.main_menu li").mouseout(
		function () {
			$(this).css({backgroundColor: "#89AB12"});
			$(this).css({backgroundImage: "url(https://www.nchc.org.tw/web_images/event/2009/hpcasia/arrow2.jpg)"});
			$(this).css({backgroundPosition: "right center"});
			$(this).css({backgroundRepet: "no-repeat"});			
			$(this).css({borderRight: "solid 3px #FFFFFF"});
			$(this).addClass("outcolor");
			
			var index = $("ul.main_menu li").index(this);
			var n = $("ul.main_menu li").length;
			for(var i=0; i < n;i++)
			{
				if(i == index)
				{
					$("div.SubMenu").eq(i).css({display: "block",visibility: "visible"});
				} else {
					$("div.SubMenu").eq(i).css({display: "none",visibility: "hidden"});
				}
			}
	
			
		}
	);


	$("div.SubMenu").mouseover(
		function () {
			var index = $("div.SubMenu").index(this);
			$("ul.main_menu li").eq(index).css({backgroundColor: "#E4F0B8"});
			$("ul.main_menu li").eq(index).css({backgroundImage: "url(https://www.nchc.org.tw/web_images/event/2009/hpcasia/arrow3.jpg)"});
			$("ul.main_menu li").eq(index).css({backgroundPosition: "right center"});
			$("ul.main_menu li").eq(index).css({backgroundRepet: "no-repeat"});
			$("ul.main_menu li").eq(index).removeClass("outcolor");
			$("ul.main_menu li").eq(index).addClass("hovercolor");			
			
			var n = $("div.SubMenu").length;
			for(var i=0; i < n;i++)
			{
				if(i == index)
				{
					$("ul.main_menu li").eq(i).css({borderRight: "solid 3px #E4F0B8"});
				} else {
					$("ul.main_menu li").eq(i).css({borderRight: "solid 3px #FFFFFF"});
				}
			}
		}
	);
	
	$("div.SubMenu").mouseout(
		function () {
			var index = $("div.SubMenu").index(this);
			$("ul.main_menu li").eq(index).css({backgroundColor: "#89AB12"});
			$("ul.main_menu li").eq(index).css({backgroundImage: "url(https://www.nchc.org.tw/web_images/event/2009/hpcasia/arrow2.jpg)"});
			$("ul.main_menu li").eq(index).css({backgroundPosition: "right center"});
			$("ul.main_menu li").eq(index).css({backgroundRepet: "no-repeat"});
		}
	);

	//$("div#DIV_MENU_LEFT h5, div#DIV_MENU_LEFT div.download_div, div#DIV_CONTENT, div#DIV_TOP, div#DIV_HOST, div#DIV_COPYRIGHT").mouseover(
	$("div#DIV_MENU_LEFT h5, div#DIV_CONTENT").mouseover(
		function () {
			var m = $("ul.main_menu li").length;
			for(var i=0; i < m;i++)
			{
				//$("ul.main_menu li").eq(i).css({backgroundColor: "#89AB12"});
				//$("ul.main_menu li").eq(i).css({backgroundImage: "url(https://www.nchc.org.tw/web_images/event/2009/hpcasia/arrow2.jpg)"});
				//$("ul.main_menu li").eq(i).css({backgroundPosition: "right center"});
				//$("ul.main_menu li").eq(i).css({backgroundRepet: "no-repeat"});
				$("ul.main_menu li").eq(i).addClass("outcolor");
				$("ul.main_menu li").eq(i).css({borderRight: "solid 3px white"});				
			}			
			
			var n = $("div.SubMenu").length;
			for(var i=0; i < n;i++)
			{
				$("div.SubMenu").eq(i).css({display: "none",visibility: "hidden"});
			}
		}
	);

});