//********************************************************
// Change the style sheet to show details span elements
//********************************************************
function showDetails(detailsClassName) {
	setElementDisplayByClass('span',detailsClassName,'block');
	setElementDisplayByClass('span','show-' + detailsClassName,'none');
	setElementDisplayByClass('span','hide-' + detailsClassName,'block');

}

//********************************************************
// Change the style sheet to show details span elements
//********************************************************
function hideDetails(detailsClassName) {
	setElementDisplayByClass('span',detailsClassName,'none');
	setElementDisplayByClass('span','show-' + detailsClassName,'block');
	setElementDisplayByClass('span','hide-' + detailsClassName,'none');
} // End hideDetails

//********************************************************
// set display style for specific elements of a specific class
//********************************************************
function setElementDisplayByClass ( tagName, className, displayMode ) {

	var elements = document.getElementsByTagName(tagName);
	for(var i = 0; i < elements.length; i++){
		var node = elements.item(i);
		for(var j = 0; j < node.attributes.length; j++) {
			if(node.attributes.item(j).nodeName == 'class') {
				if(node.attributes.item(j).nodeValue == className ) {
					node.style.display = displayMode;
				}
			}
		}
	}

} // End setElementDisplayById