var ControversyMenuItems = new Array();

ControversyMenuItems[0] = new Array("Pro","controversy_pro.html","Pro");
ControversyMenuItems[1] = new Array("Con","controversy_con.html","Con");


var UsesMenuItems = new Array();

UsesMenuItems[0] = new Array("Medicine","uses_medicine.html","Medicine");
UsesMenuItems[1] = new Array("Agriculture","uses_agriculture.html","Agriculture");
UsesMenuItems[2] = new Array("Industry","uses_industry.html","Industry");
UsesMenuItems[3] = new Array("Terrorism","uses_terrorism.html","Terrorism");


var MedicineMenuItems = new Array();

MedicineMenuItems[0] = new Array("GeneTherapy","uses_medicine_gene-therapy.html","Gene Therapy");
MedicineMenuItems[1] = new Array("Insulin","uses_medicine_insulin.html","Insulin Production (and other chemicals)");
MedicineMenuItems[2] = new Array("Testing","uses_medicine_testing.html","Genetic Testing");
MedicineMenuItems[3] = new Array("Vaccines","uses_medicine_vaccines.html","Vaccines");
MedicineMenuItems[4] = new Array("StemCells","uses_medicine_stem-cells.html","Embryonic Stem Cell Research");
MedicineMenuItems[5] = new Array("Pharmacogenomics","uses_medicine_pharmacogenomics.html","Pharmacogenomics");

var LawsMenuItems = new Array();
LawsMenuItems[0] = new Array("US","laws_us.html","United States");
LawsMenuItems[1] = new Array("International","laws_international.html","International");

var QuizMenuItems = new Array();
QuizMenuItems[0] = new Array("BasicBiology","quizzes_js/biology/triviaquiz.html","Basic Biology");
QuizMenuItems[1] = new Array("rDNA","quizzes_js/rdna/triviaquiz.html","rDNA");
QuizMenuItems[2] = new Array("Medicine","quizzes_js/medicine/triviaquiz.html","Medicine");
QuizMenuItems[3] = new Array("Agriculture","quizzes_js/agriculture/triviaquiz.html.html","Agriculture");
QuizMenuItems[4] = new Array("Uses","quizzes_js/uses/triviaquiz.html.html","Uses");
QuizMenuItems[5] = new Array("Cloning","quizzes_js/cloning/triviaquiz.html.html","Cloning");
QuizMenuItems[6] = new Array("Scientists","quizzes_js/scientists/triviaquiz.html.html","Scientists");
QuizMenuItems[7] = new Array("FinalExam1","quizzes_js/exam1/triviaquiz.html.html","Final Exam 1");
QuizMenuItems[8] = new Array("FinalExam2","quizzes_js/exam2/triviaquiz.html.html","Final Exam 2");
QuizMenuItems[9] = new Array("FinalExam3","quizzes_js/exam3/triviaquiz.html.html","Final Exam 3");

function createMenu(menuName, menuItems)
{
	var divHTML = '<div id="' + menuName + 'MenuDiv" class="DivMenu" onmouseout="return hideMenu(this)">';
	var tableHTML = '<table border=0 cellspacing=0 cellpadding=1 id="' + menuName + 'Table">';
	var tableRowHTML = "";
	var rowCount
	var totalNoRows = menuItems.length;
	for (rowCount = 0; rowCount < totalNoRows; rowCount++)
	{
		tableRowHTML = tableRowHTML + '<tr><td id="' + menuName + menuItems[rowCount][0] + '" RollOver RollOut onclick="goPage(\'' + menuItems[rowCount][1] + '\')"';
		tableRowHTML = tableRowHTML + 'class="TDMenu">' + menuItems[rowCount][2] + '</td></tr>';
	}
	
	return divHTML + tableHTML + tableRowHTML + '</table></div>';
}

function showMenu(menuToShow)
{
	
	menuToShow.style.visibility = "visible";

}

// function for hiding a menu.  menuToHide is the menu to be hidden, imageName is the name of the image that the menu originated from.
function hideMenu(menuToHide, submenu)
{
/* Hide the menu if:
1.  cursor does not move onto the menu itself
2.  cursor does not move onto an element inside the menu
3.  cursor does not move onto the submenu
*/
	if (event.toElement != menuToHide && menuToHide.contains(event.toElement) == false && event.toElement != submenu)
	{
		if(submenu != null && submenu.contains(event.toElement) == true)
		{
			UsesMedicine.style.color = "white";
			UsesMedicine.style.backgroundColor = "darkblue";		}
		else
		{
		menuToHide.style.visibility = "hidden";
		}
	}
}

function hideParentMenu(parentMenu, submenu)
{
	 if (event.toElement != parentMenu && parentMenu.contains(event.toElement) == false && event.toElement != submenu && submenu.contains(event.toElement) == false)
	{
		parentMenu.style.visibility = "hidden";
	} 
}

function document_onmouseover()
{ 
// This is the global function that we attach to the document object to cover all onmouseover events
// Only highlight the text if it is part of a menu, that is, it contains the RollOver property
	var srcElement = event.srcElement;
	if (srcElement.tagName == "TD" && typeof(srcElement.RollOver) != "undefined")
	{
		srcElement.style.color = "white";
		srcElement.style.backgroundColor = "darkblue";
	}
	

}

function document_onmouseout()
// similar to the above document_onmouseover() function, but this one de-highlights the text
{
	var srcElement = event.srcElement;
	if (srcElement.tagName == "TD" && typeof(srcElement.RollOver) != "undefined")
	{
		srcElement.style.color = "#00CCFF";
		srcElement.style.backgroundColor = "transparent";
	}
}

function goPage(src)
{
	window.location.href = src;
}

//set the document onmouseover and onmouseout events to point to the defined functions above.
document.onmouseover = document_onmouseover;
document.onmouseout = document_onmouseout;