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++;
  }
}
function ajformPtn()	{
	var ele = document.getElementById('ajform');
	var con = document.getElementById('container');
	var scrollTop  = document.body.scrollTop  || document.documentElement.scrollTop;
	var defaultY = 150;
	var defaultX = 260;
	var child = ele.firstChild;
	child.style.zIndex = '254';
	child.style.position = 'absolute';
	child.style.top = defaultY+scrollTop+'px';
	child.style.left = con.offsetLeft+defaultX+'px';
	child.style.width = '430px';
	child.style.backgroundImage = 'url(/img/ajform_back.gif)';
	child.style.backgroundRepeat = 'no-repeat'; 
	child.style.backgroundPosition = 'center top'; 
}
function loadPosition()	{
	var load = document.getElementById('load');
	var con = document.getElementById('container');
	var scrollTop  = document.body.scrollTop  || document.documentElement.scrollTop;
	var defaultY = 200;
	var defaultX = 260;
	var img = load.firstChild;
	load.id = "load";
	load.style.zIndex = '254';
	load.style.position = 'absolute';
	load.style.top = defaultY+scrollTop+'px';
	load.style.left = con.offsetLeft+defaultX+'px';
	load.style.width = '430px';
	load.style.textAlign = 'center';
	load.style.backgroundColor = 'white';
	img.style.width = '150px';
	img.style.padding = '0.5em';
	img.style.color = 'black';
}