var currentPannel='1';
var l, c, f, m;
var moving=false;
function moveTo(a){
	if(currentPannel!=a&&!moving){
		document.getElementById("cover1").style.display='block';
		document.getElementById("cover2").style.display='block';
		document.getElementById("cover3").style.display='block';
		document.getElementById("cover4").style.display='block';							
		currentPannel=a;
		moving=true;
		f=l-(a-1)*2.475*l
		c=document.getElementById('pannel').offsetLeft;
		m=(c-f)/30;
		ani(1);
	}
} 
function ani(step){
	if(step<29){
		document.getElementById('pannel').style.left = c-m+'px';
		c=c-m;
		step++;
		setTimeout("ani("+step+");",16);
	}else{
		document.getElementById('pannel').style.left = f+'px';
		moving=false;
		document.getElementById('cover'+currentPannel).style.display="none";
	}
}
function load(){
	l=document.getElementById('pannel').offsetLeft;
	document.getElementById("cover1").style.display='none';
}