$(document).ready(function()
{
	var UhOpen = false;
	$("#UhToggle").click(function(event)
	{
		if (UhOpen)
		{
			document.getElementById("UhToggle").value = "Overview";		
			$("#UhDiv").slideUp("slow");
			$("#UhTable").fadeOut();
			UhOpen = false;
		}
		else
		{
			document.getElementById("UhToggle").value = "Close";		
			$("#UhDiv").slideDown("slow", function() { $("#UhTable").fadeIn(); });
			UhOpen = true;
		}
	});

	// Highlight step image mouse is over
	$("#UhImg1,#UhImg2,#UhImg3,#UhImg4,#UhImg5").mouseover(function(event)
	{
		$("#UhImg1,#UhImg2,#UhImg3,#UhImg4,#UhImg5").removeClass("imgOver");
		$(this).addClass("UhImgOver");
	});

	// Unhighlight step image mouse is leaving
	$("#UhImg1,#UhImg2,#UhImg3,#UhImg4,#UhImg5").mouseleave(function(event)
	{
		$("#UhImg1,#UhImg2,#UhImg3,#UhImg4,#UhImg5").removeClass("UhImgOver");
	});

	// Highlight selected step and show relevant text below
	$("#UhImg1,#UhImg2,#UhImg3,#UhImg4,#UhImg5").click(function(event)
	{
		var imgId = this.id;
		$("#UhImg1,#UhImg2,#UhImg3,#UhImg4,#UhImg5").removeClass("UhImgOver");
		$("#UhImg1,#UhImg2,#UhImg3,#UhImg4,#UhImg5").removeClass("UhImgSel");
		$("#UhImg1Lnk,#UhImg2Lnk,#UhImg3Lnk,#UhImg4Lnk,#UhImg5Lnk").fadeOut("fast");
		$(this).addClass("UhImgSel");
		$("#UhDetails").fadeOut("fast", function() { fadeInStep(imgId) });

		if (imgId == "UhImg5") OpenContact();
	});

	function fadeInStep(imgId)
	{
		$("#UhImg1Detail,#UhImg2Detail,#UhImg3Detail,#UhImg4Detail,#UhImg5Detail").hide();
		$("#" + imgId + "Detail").show();
		$("#UhDetails").fadeIn("fast");
		$("#" + imgId + "Lnk").fadeIn("fast");
	}

	// Default to 1st step
	$("#UhImg1").click();
});