// JavaScript Document
<!--
var roll_over_control = number;
var roll_over_control_store = number;
var auto = 1;
var timer = 0;

//mouse rolls over a square
function roll_over(num)
   {
	//we are going to show a large picture - so we need to show the shadow
	theElement = document.getElementById("shadow");
	theElement.style.visibility = "visible";
	   
	   
   //remove old blue surround
   theid = "p"+roll_over_control_store;
   theElement = document.getElementById(theid);
   theElement.style.backgroundImage = "";
   theElement.style.backgroundColor = "";
   
   //go through all cards and rearrange in order
   for(x = 0; x < (number+1); x++){
   theid = "card"+x;
   theElement = document.getElementById(theid);
  	theElement.style.zIndex = x;
   }
   
   //now make the highligthed square to show on top
	theid = "card"+num;
   theElement = document.getElementById(theid);
  	theElement.style.zIndex = (number+1);
	//and make visable
	theElement.style.visibility = "visible";
	
		//turn off card0 - text
		theid = "card"+0;
   theElement = document.getElementById(theid);
		theElement.style.visibility = "hidden";
	
	//make current small square outlined
		theid = "p"+num;
   theElement = document.getElementById(theid);
  	theElement.style.backgroundImage = "none";
	theElement.style.backgroundColor = "#000099";
	
    roll_over_control = num;
	
	//save number
	roll_over_control_store = num;  
	
	
	
	
	             
	
   }
   
   
  
   
   
  
//mouse roll out of small square
   
      
   function roll_out()
   {
	
	//remove blue surround
   theid = "p"+roll_over_control_store;
   theElement = document.getElementById(theid);
  	theElement.style.backgroundImage = "";
	theElement.style.backgroundColor = "";
	
	 
	   
	   //remove shadow
	    theElement = document.getElementById("shadow");
		theElement.style.visibility = "hidden";
	      for(x = 0; x < (number+1); x++){
   theid = "card"+x;
   theElement = document.getElementById(theid);
   theElement.style.visibility = "hidden";
  	//theElement.style.display = "none";
   
   
   }
   
   //show main text
theid = "card"+0;
   theElement = document.getElementById(theid);
  	theElement.style.zIndex = (number+1);
	theElement.style.visibility = "visible";
	
	
   }
   
     function contoler()
   {
	     //remove shadow
	    theElement = document.getElementById("shadow");
		theElement.style.visibility = "hidden";
		   for(x = 1; x < (number+1); x++){
   theid = "card"+x;
   theElement = document.getElementById(theid);
  	theElement.style.visibility = "hidden";
   
   
   }
		
		
   }
   


	window.onload = function(){ contoler(); }

//-->