var imagewindow;
var position = 0;
var maxPos;
var crossPosition;
var scrollwindow;
var crossObj;
var targetPos;

function initScrollLayer() {
  	imagewindow = new dw_scrollObj('scrollbox', 'scrollcontent', 'scrolltable');
  
  	dw_scrollObj.GeckoTableBugFix('scrollbox'); 
  
  	scrollwindow = new dw_scrollObj('crossbox', 'cross', null);
	scrollwindow.x = -272;
	crossObj = $('cross');
	crossObj.style.left = -272;
}  


function move(diff) {
	if (position>0 && diff==-1) {
		position--;
	}
	if (position<maxPos	&& diff==1) {
		position++;
	}	
	debug(position);
}

function goLeft() {
	dw_scrollObj.scrollBy('scrollbox',136,0); 
	move(-1);
}
function goRight() {
	dw_scrollObj.scrollBy('scrollbox',-136,0); 
	move(1);
}
function crossLeft() {
	dw_scrollObj.scrollBy('crossbox',136,0); 
}
function crossRight() {
	dw_scrollObj.scrollBy('crossbox',-136,0); 
}

function debug(msg) {
	// $('debug').innerHTML = $('debug').innerHTML + " | " + msg;
}

function cross(index) {
	tdPos = (index*136) - 136;
	newPos = tdPos + imagewindow.x;
	crossPosition = newPos / 136;
	var x = newPos - 544;
	targetPos = x;
	window.setTimeout('approach()',10);
}

function approach() {
	var left = (getObjectLeft(crossObj));
	var diff = left - targetPos;
	var moveBy = Math.round(diff/8);
	var absMove = Math.abs(moveBy);
	if (absMove<10) {
		crossObj.style.left = targetPos;
	} else {
		if (absMove>10) {
			absMove=10;  // limit speed
		}
		newX = left - moveBy;
		crossObj.style.left = (newX);  // approach me
		window.setTimeout('approach()',10);
	}
}

function crossClick() {
	var imgIndex = Math.round(position + crossPosition + 1);
	openFullImage('full'+imgIndex);
}

var currentImage;

function openFullImage(imgDivId) {
	if (currentImage && imgDivId != currentImage) {
		var x2 = getElement(currentImage);
		x2.style.visibility = "hidden";
	}
	currentImage = imgDivId;
	var x = getElement(imgDivId);
	x.style.visibility = "visible";
}
function hideFull(imgDiv) {
	imgDiv.style.visibility = "hidden";
}







/* js for admin */
function makeBig(divObj, width, height) {
	divObj.style.width = width;
	divObj.style.height = height;
	divObj.style.zIndex = 2;
}

function makeSmall(divObj) {
	divObj.style.width = 50;
	divObj.style.height = 80;
	divObj.style.zIndex = 1;
}