// JavaScript Document


function showDetails(id)
{

clearPan();
document.getElementById(id).style.display='block';
}
function clearPan()
{
 
 for (var x = 1; x <= 9; x++)
   {
     document.getElementById(x).style.display='none';
   }
 
}




function mouseclick(s)
{
unselect("selected", "unselected");
var ob = document.getElementById(s);
ob.className='selected';
}

function mouseclickspan(a)
{
unselect("selectedspan", "unselectedspan");
var ob = document.getElementById(a);
ob.className='selectedspan';
}

//Create an array 
var allPageTags = new Array(); 

function unselect(theClass,toClass) {
	//Populate the array with all the page tags
	var allPageTags=document.getElementsByTagName("*");
	//Cycle through the tags using a for loop
	for (i=0; i<allPageTags.length; i++) {
	//Pick out the tags with our class name
		if (allPageTags[i].className==theClass) {
		//Manipulate this in whatever way you want
		allPageTags[i].className=toClass;
		}
	}
}