var dynamic_divs = new Array(10);
function registerElements() {
	var divs = document.getElementsByTagName('span');
	var count = 0;
	for (i = 0; i < divs.length; i++) {
		if (divs[i].className == "moreInfo") {
			dynamic_divs[count] = divs[i];
			++count;
		}
	}
	addListeners();
}
function addEvent(elm, evType, fn, useCapture) {
 // cross-browser event handling for IE5+, NS6+ and Mozilla/Gecko
 // By Scott Andrew  
 if (elm.addEventListener) {  
   elm.addEventListener(evType, fn, useCapture);  
   return true;  
 } else if (elm.attachEvent) {  
   var r = elm.attachEvent('on' + evType, fn);  
   return r;  
 } else {
   elm['on' + evType] = fn;
 }
} 

function addListeners() {
	for (i = 0; dynamic_divs[i] != null; i++) {
		addEvent(dynamic_divs[i], 'click', showDiv, false);
	}
}

function showDiv(e) {
	var eventElement;
	if (e.target) eventElement = e.target.id;
	else if (e.srcElement) eventElement = e.srcElement.id;
	var element = document.getElementById("details" + eventElement.toString());
	var curClassName = element.className;
	if (curClassName == "shown") {
		//document.getElementById(eventElement).style.color = "#336699";
		element.className = "hidden";
		swapText(eventElement, true);
	}
	else {
		//document.getElementById(eventElement).style.color = "#DA1C1C";
		element.className = "shown";
		swapText(eventElement, false);
	}
}
function swapText(element, showing) {
	var text = new Array (" More Details", " Hide Details");
	if (showing == true) {
		//document.getElementById(element).childNodes[0].src = "img/downArrow.gif";
		document.getElementById(element).replaceChild(document.createTextNode(text[0]), document.getElementById(element).childNodes[0]);
	}
	else {
		//document.getElementById(element).childNodes[0].src = "img/upArrow.gif";
		document.getElementById(element).replaceChild(document.createTextNode(text[1]), document.getElementById(element).childNodes[0]);
	}
}
addEvent(window, 'load', registerElements, false);