function layer(){
	var layer =document.getElementById("layer");
	layer.style.display = 'block';
}
function imageSET(img) {
	$("image").innerHTML = img;
}
function defaultWidth(img)	{
	layer();
	var ele =document.getElementById("zoom");
	var thumb = document.getElementById("thumb");
	var scrollTop  = document.body.scrollTop  || document.documentElement.scrollTop;
	var defaultY = 10;
	ele.style.zIndex = '255';
	ele.style.position = 'absolute';
	if ( thumb != null ) {
		ele.innerHTML = "<div id='image'>"+img+"</div>"+thumb.innerHTML;
	} else {
		ele.innerHTML = "<div id='image'>"+img+"</div>";
	}
	ele.style.width = '700px';
	ele.style.height = 'auto';
	ele.style.margin = '0 auto';
	ele.style.left = '200px';
	ele.style.top = 10+scrollTop+'px';
	ele.style.backgroundColor = '#ffffff';
	ele.style.paddingBottom = '1em';
	ele.style.textAlign = 'center';
	ele.style.display='block';
}
function rtnImg() {
	var ele = document.getElementById("zoom");
	var layer =document.getElementById("layer");
	ele.style.display='none';
	layer.style.display='none';
}
var currentImage = 0;
var totalImages = 8;
var viewSize = 2;

function moveToPrevious(){
  if(currentImage > 0){
    new Effect.Move('imageBoxInside', { x: 180, y: 0, transition: Effect.Transitions.sinoidal });
    currentImage--;
  }
}

function moveToNext(){
  if(currentImage < totalImages-viewSize){
    new Effect.Move('imageBoxInside', { x: -180, y: 0, transition: Effect.Transitions.sinoidal });
    currentImage++;
  }
}