// Fields
var checkIt;
var currentPos;

// Onload event
window.onload = init; 

function init()
{
	// Init main menu
	InitMainMenu();
	
	// Init search form
	InitSearchForm();
}

function InitSearchForm()
{
	// If search form exists, do stuff
	if(document.getElementById("search-input") != null)
	{
		document.getElementById("search-input").onclick = 
			function()
			{
				// Apply styles
				document.getElementById("search-input").value = "";
				document.getElementById("search-input").style.color = "black";
			};
	}
}

function InitHartbeatThumbnail()
{
	// If HB thumbnail is not null, send to latest HB
	if(document.getElementById("hb_thumbnail_container") != null)
	{
		document.getElementById("hb_thumbnail_container").onclick = 
			function()
			{
				// Get link dynamically
				window.location = document.getElementById("hartbeat_link").href;
			};
	}
}

function InitMainMenu()
{	
	if (document.getElementById("main_menu_container") != null)
	{
		// Main menu
		document.getElementById("main_menu_1").onmouseover = ExpandMenu;
		document.getElementById("main_menu_2").onmouseover = ExpandMenu;
		document.getElementById("main_menu_3").onmouseover = ExpandMenu;
		document.getElementById("main_menu_1_1").onmouseover = ExpandMenu;
		document.getElementById("main_menu_2_1").onmouseover = ExpandMenu;
		document.getElementById("main_menu_2_1_1").onmouseover = ExpandMenu;
		document.getElementById("main_menu_3_1").onmouseover = ExpandMenu;
		
		document.getElementById("main_menu_1_1a").onmouseover = ExpandMenu;
		document.getElementById("main_menu_1_1b").onmouseover = ExpandMenu;
		document.getElementById("main_menu_1_1_1a").onmouseover = ExpandMenu;
		document.getElementById("main_menu_1_1_1b").onmouseover = ExpandMenu;
		document.getElementById("main_menu_1_1_1c").onmouseover = ExpandMenu;
		
		document.getElementById("main_menu_2_1a").onmouseover = ExpandMenu;
		document.getElementById("main_menu_2_1_1a").onmouseover = ExpandMenu;
		document.getElementById("main_menu_2_1_1_1a").onmouseover = ExpandMenu;
		document.getElementById("main_menu_2_1_1_1b").onmouseover = ExpandMenu;
			
		document.getElementById("main_menu_3_1a").onmouseover = ExpandMenu;
		document.getElementById("main_menu_3_1b").onmouseover = ExpandMenu;
		document.getElementById("main_menu_3_1c").onmouseover = ExpandMenu;
		document.getElementById("main_menu_3_1d").onmouseover = ExpandMenu;
		document.getElementById("main_menu_3_1_1a").onmouseover = ExpandMenu;
		document.getElementById("main_menu_3_1_1b").onmouseover = ExpandMenu;
		document.getElementById("main_menu_3_1_1d").onmouseover = ExpandMenu;
	
		document.getElementById("main_menu_header").onmouseout = ContractMenu;
		document.getElementById("menu_1").onmouseout = ContractMenu;
		document.getElementById("menu_2").onmouseout = ContractMenu;
		document.getElementById("menu_3").onmouseout = ContractMenu;
	}
}

function OpenThisMenu(menu)
{
	document.getElementById(menu).style.display = "block";
	
	copyrightOffsetTop = document.getElementById("copyright").offsetTop;
	document.getElementById("container").style.height = copyrightOffsetTop + "px";
}

function CloseThisMenu(menu)
{
	document.getElementById(menu).style.display = "none";
	
	copyrightOffsetTop = document.getElementById("copyright").offsetTop;
	document.getElementById("container").style.height = copyrightOffsetTop + "px";
}	

function OpenMenuHB(menu)
{
	if (document.getElementById(menu).style.display != "block")
	{
		document.getElementById(menu).style.display = "block";
	}
	else
	{
		document.getElementById(menu).style.display = "none";
	}
	
	document.getElementById("container").style.height = copyrightOffsetTop + "px";
}

function ExpandMenu()
{	
	clearTimeout(checkIt);
	document.getElementById("main_menu_background").onmouseout = ContractMenu;
	
	document.getElementById("menu_1").style.width = "110px";
	document.getElementById("menu_2").style.width = "110px";
	document.getElementById("menu_3").style.width = "110px";
	document.getElementById("main_menu_background").style.width = "120px";
	
	if (this.id == "main_menu_1" ||
	    this.id == "main_menu_1_1a" ||
		this.id == "main_menu_1_1b")
	{
		document.getElementById("menu_1").style.display = "block";
		ClearMenu(1);
	}
	else if (this.id == "main_menu_2" || this.id == "main_menu_2_1a")
	{
		document.getElementById("menu_2").style.display = "block";
		ClearMenu(2);
	}
	else if (this.id == "main_menu_3" ||
			 this.id == "main_menu_3_1a" ||
			 this.id == "main_menu_3_1b" ||
			 this.id == "main_menu_3_1c" ||
			 this.id == "main_menu_3_1d")
	{
		document.getElementById("menu_3").style.display = "block";
		ClearMenu(3);
	}
	else if (this.id == "main_menu_1_1" ||
			 this.id == "main_menu_1_1_1a" ||
			 this.id == "main_menu_1_1_1b" ||
			 this.id == "main_menu_1_1_1c" ||
			 this.id == "main_menu_1_1_1d")
	{
		document.getElementById("menu_1").style.width = "220px";
		document.getElementById("main_menu_background").style.width = "230px";
	}
	else if (this.id == "main_menu_2_1" || this.id == "main_menu_2_1_1a")
	{
		document.getElementById("menu_2").style.width = "220px";
		document.getElementById("main_menu_background").style.width = "230px";
	}
	else if (this.id == "main_menu_2_1_1" ||
	         this.id == "main_menu_2_1_1_1a" ||
			 this.id == "main_menu_2_1_1_1b")
	{
		document.getElementById("menu_2").style.width = "340px";
		document.getElementById("main_menu_background").style.width = "340px";
	}
	else if (this.id == "main_menu_3_1" ||
			 this.id == "main_menu_3_1_1a" ||
			 this.id == "main_menu_3_1_1b" ||
			 this.id == "main_menu_3_1_1c" ||
			 this.id == "main_menu_3_1_1d")
	{
		document.getElementById("menu_3").style.width = "220px";
		document.getElementById("main_menu_background").style.width = "230px";
	}
	else if (this.id == "main_menu_3_1_1" || this.id == "main_menu_3_1_1_1a" || this.id == "main_menu_3_1_1_1b")
	{
		document.getElementById("menu_3").style.width = "340px";
		document.getElementById("main_menu_background").style.width = "340px";
	}
}

function ClearMenu(selection)
{
	if (selection == 1)
	{
		document.getElementById("menu_2").style.display = "none";
		document.getElementById("menu_3").style.display = "none";
	}
	else if (selection == 2)
	{
		document.getElementById("menu_1").style.display = "none";
		document.getElementById("menu_3").style.display = "none";
	}
	else if (selection == 3)
	{
		document.getElementById("menu_1").style.display = "none";
		document.getElementById("menu_2").style.display = "none";
	}
}

function ContractAllMenu()
{
	document.getElementById("menu_1").style.display = "none";
	document.getElementById("menu_2").style.display = "none";
	document.getElementById("menu_3").style.display = "none";
	document.getElementById("main_menu_background").style.width = "0px";
}

function ContractMenu()
{
	if (checkIt) clearTimeout(checkIt);
	checkIt = setTimeout('ContractAllMenu()',1250);
}

function ContactUs()
{
	containerDiv = document.getElementById("container");
	contactUsContainer = document.getElementById("contactus_container");
	contactUsDiv = document.getElementById("contactus_form");
	
	if (contactUsDiv.style.display != "block")
	{
		currentPos = containerDiv.offsetHeight;
		contactUsDiv.style.display = "block";
		contactUsContainer.style.borderStyle = "dotted";
		contactUsContainer.style.borderWidth = "2px";
		contactUsContainer.style.padding = "5px";	
	}
	else
	{
		contactUsDiv.style.display = "none";
		contactUsContainer.style.borderStyle = "none";
		contactUsContainer.style.borderWidth = "0px";
		contactUsContainer.style.padding = "0px";
	}
}

function SignUp()
{
	containerDiv = document.getElementById("container");
	contactUsContainer = document.getElementById("signup_container");
	contactUsDiv = document.getElementById("signup_form");
	
	if (contactUsDiv.style.display != "block")
	{
		currentPos = containerDiv.offsetHeight;
		contactUsDiv.style.display = "block";
		contactUsContainer.style.borderStyle = "dotted";
		contactUsContainer.style.borderWidth = "2px";
		contactUsContainer.style.padding = "5px";	
	}
	else
	{
		contactUsDiv.style.display = "none";
		contactUsContainer.style.borderStyle = "none";
		contactUsContainer.style.borderWidth = "0px";
		contactUsContainer.style.padding = "0px";
	}
	
	copyrightOffsetTop = document.getElementById("copyright").offsetTop;
	document.getElementById("container").style.height = copyrightOffsetTop + "px";
}