var timer;
var currentpage = 1 ;
var nextpage;
var maxpage;
function gotoPage(page){
	var pos = ((page-1) * 600) * -1;
	nextpage = page;
	clearInterval(timer);
	timer=setInterval("easyScrollTo('zoneComplete',"+pos+")", 10);
}

function setMaxPage(nbpage){
	maxpage = nbpage;
}

function goNextPage(){
	if (currentpage != maxpage){
		gotoPage(currentpage+1);
	}
}
function goPreviousPage(){
	if (currentpage != 1){
		gotoPage(currentpage-1);
	}
}

function easyScrollTo(el, position){
	var tmp = document.getElementById(el);
	var currentPos = parseInt(tmp.style.left);
	if(!currentPos){
		tmp.style.left = '0px';
		currentPos = parseInt(tmp.style.left);
	}
	if(currentPos == position){
		elm = document.getElementById("pageindex_" + currentpage);
		elm.className= "";
		elm = document.getElementById("pageindex_" + nextpage);
		elm.className= "currentindex";
		currentpage = nextpage;
		clearInterval(timer);
	}else{
		if(currentPos < position){
			tmp.style.left = (currentPos + 15)+'px';
		}else{
			tmp.style.left = (currentPos - 15)+'px';
		}
	}
}