var currentPic=1;

function changePic(n)
{
	 if (n==currentPic) return;
	 
	 var oName = 'p'+n;
	 var cName = 'p'+currentPic;
	 
	 var aName = 'a'+n;
	 var bName = 'a'+currentPic;
	 
	 document.getElementById(aName).className = "curstaff";
	 document.getElementById(bName).className = "ostaff";
	 
	 oName.className = "staffdetails visible";
	 
     var fadeIt1 = new Spry.Effect.Fade(oName,{duration: 1000,from: 0, to: 100,toggle: false});
     var fadeIt2 = new Spry.Effect.Fade(cName,{duration: 1000,from: 100, to: 0,toggle: false});
   
     fadeIt1.start();
     fadeIt2.start();
	 
	
	
	 cName.className = "staffdetails hidden";
     
	 currentPic = n;
 }