// as getElementByClassName does not exist then we make a function to do this for us
document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
};


function toggle_visibility(toggler,linkTitle) {
	// hide all the class elements 'expandable' first...
	/*
	 var hideElement = document.getElementsByClassName('expandable');
	 for (i=0; i<hideElement.length; i++) {
	   	hideElement[i].style.display = 'none';
	 }
	 */
	 var targetElement = document.getElementById(toggler);
	 var targetLink = document.getElementById(linkTitle);
	
	// then target the element we need which is the span block...
	/*
	if(document.getElementById) {
	targetElement = toggler.nextSibling;
	
	if(targetElement.className == undefined) {
	targetElement = toggler.nextSibling.nextSibling;	
	}
	*/

	if (targetElement.style.display == "block")
		{
		targetElement.style.display = "none";
		targetLink.innerHTML = "Full Details >";
		}
		else
		{
		targetElement.style.display = "block";
		targetLink.innerHTML = "Close >";
		}
	}