/*
initializes the variable that holds the position of the
current copy div being displayed
*/
var currentOpenedDivId = "div1";
var currentTab = "dLink1";

function toggleDiv(argSender, argDivId) {
	//document.getElementById("test").value = "argSender: " + argSender + "\n" + "currentOpenedDivId: " + currentOpenedDivId + "\n" + "argDivId: " + argDivId;
	// removes tab "highlight" and closes the current "open" div
	document.getElementById(currentTab).style.backgroundColor = "#eee";
	document.getElementById(currentTab).style.borderBottom = "1px solid #ccc";
	document.getElementById(currentOpenedDivId).style.display = "none";
	
	// get style of selected div 
	currentStyle = document.getElementById(argDivId).style.display;
	
	if (currentStyle != "block") {
		// opens div if it is closed and highlights selected "tab"
		document.getElementById(argDivId).style.display = "block";
		document.getElementById(argSender).style.backgroundColor = "#F1EEE0";
		document.getElementById(argSender).style.borderBottom = "1px solid #F1EEE0";
	}
	
	currentTab = argSender;
	currentOpenedDivId = argDivId;
}