function buildMenu(trID){
//This script is intended to make the menu (fairly) dynamic.
//Simply add or remove options at your leisure.
	var menuRowHeight = 25; //Height of the menu row in pixels
	var menuItems = new Array();
	var links = new Array();
	menuItems[0] = 'Home';
	menuItems[1] = 'About';
	menuItems[2] = 'Officers';
	menuItems[3] = 'Calendar';
	menuItems[4] = 'Research Opportunities';
	menuItems[5] = 'Photos';
	menuItems[6] = 'Contact';
	
//Now add desired links for each of these items; e.g. 'About' should point to about.html
	links[0] = 'index.html';
	links[1] = 'about.html';
	links[2] = 'officers.html';
	links[3] = 'calendar.html';
	links[4] = 'research.html';
	links[5] = 'photos.html';
	links[6] = 'contact.html';


//No editing of code below this point! (Unless you know what to do =P)
	var tr = $(trID);
	$('header').setAttribute('colSpan',menuItems.size());
	$('content').setAttribute('colSpan',menuItems.size());
	for(var x = 0; x < menuItems.size(); x++){
		var td = $C('td');
		var link = $C('a');
		link.setAttribute('href',links[x]);
		link.innerHTML = menuItems[x];
		td.appendChild(link);
		tr.appendChild(td);
		td.setAttribute('align','center');
		if(String(window.location).indexOf(String(links[x]))>= 0){
			td.setAttribute('class','activeTab');
			td.setAttribute('className','activeTab');
		}
		else{
			td.setAttribute('class','inactiveTab');
			td.setAttribute('className','inactiveTab');
		}
	}
	tr.setAttribute('height',menuRowHeight);
}

function $C(type){
	return document.createElement(type)
}