function preloader()
{
     // counter
     var i = 0;
     // create object
     imageObj = new Image();

     // set image list
     images = new Array();
     images[0]="images/boris2.png"
     images[1]="images/charles2.png"
     images[2]="images/magda2.png"
     images[3]="images/colonel2.png"
 	 images[4]="images/susie2.png"
 	 images[5]="images/ezam2.png"
 	 images[6]="images/klaus2.png"
 	 images[7]="images/lin2.png"

     // start preloading
     for(i=0; i<=7; i++) 
     {
          imageObj.src=images[i];
     }
}
function showpopup(id){
	id1=id+"1";
	id2=id+"2";
	newimage="images/" + id + "2.png"
	document.getElementById(id2).src=newimage;
	document.getElementById(id).style.display="block";
	//document.getElementById(id1).style.height="119px";
	document.getElementById(id1).style.backgroundColor="#000000";
	document.getElementById(id1).style.backgroundPosition="center right";
	}
	
function hidepopup(id){
	id1=id+"1";
	id2=id+"2";
	oldimage="images/" + id + ".png"
	document.getElementById(id2).src=oldimage;	
	document.getElementById(id).style.display="none";
	document.getElementById(id1).style.backgroundColor="";
	//document.getElementById(id1).style.height="74px";
	}