// JavaScript to handle showing and hiding a drop down
// Created by Tim Ottewell on 07/01/2009
// Modified on 25th February 2009 to include dynamic handling of the navigation

function showDropDown(dropDown)
{
	document.getElementById(dropDown).style.display = "block";
}

function hideDropDown(dropDown)
{
	document.getElementById(dropDown).style.display = "none";
}

function showContent(clickedElement) {
	//alert("element clicked is: " + clickedElement.id);

	var liArray = document.getElementsByTagName("li");
	for (var i = 0; i < liArray.length; i++) {
		if (liArray[i].getAttribute("className") == "selected") {
			liArray[i].setAttribute("className", "unselected");
		}
		if (liArray[i].getAttribute("class") == "selected") {
			liArray[i].setAttribute("class", "unselected");
		}
	}
	
	var tab = clickedElement.id;
	var box = clickedElement.parentNode.id;
	
	document.getElementById(tab).setAttribute("className", "selected");
	document.getElementById(tab).setAttribute("class", "selected");
	
	if (tab == "tab1") {
		document.getElementById("arrow").style.marginLeft = "87px";
	}
	if (tab == "tab2") {
		document.getElementById("arrow").style.marginLeft = "271px";
	}
	if (tab == "tab3") {
		document.getElementById("arrow").style.marginLeft = "455px";
	}
	
	if (box == "tabs") {
		if (tab == "tab1") {
			document.getElementById("contentArea1").style.display = "block";
			document.getElementById("contentArea2").style.display = "none";
			document.getElementById("contentArea3").style.display = "none";
		}
		if (tab == "tab2") {
			document.getElementById("contentArea1").style.display = "none";
			document.getElementById("contentArea2").style.display = "block";
			document.getElementById("contentArea3").style.display = "none";
		}
		if (tab == "tab3") {
			document.getElementById("contentArea1").style.display = "none";
			document.getElementById("contentArea2").style.display = "none";
			document.getElementById("contentArea3").style.display = "block";
		}
	}
}