// JavaScript Document

var goal = 0; // current target & starting position

function slideDivBy(elementId,xx,inc) {

	if (!document.getElementById) return false;
	if (!document.getElementById(elementId)) return false;
	var element = document.getElementById(elementId);
	if (!element.xpos) element.xpos = 0;

	goal += xx;
    var dist = goal;
	//var dist = Math.ceil(element.xpos-xx);

	amount = element.getElementsByTagName("img");
	var movement = amount.length*Math.abs(xx);
	var checkleft = Math.abs(xx)-movement;
	
	//alert (movement + "  "+ checkleft)	;
	
	document.getElementById("CropBoxLeft").style.display="block";
	document.getElementById("CropBoxRight").style.display="block";

	if  (dist < checkleft+1) {
		dist = checkleft;
		document.getElementById("CropBoxRight").style.display="none";
	}
	if  (dist > -1) {
		dist = 0;
		document.getElementById("CropBoxLeft").style.display="none";
	}
	
	slideDiv(elementId,dist,inc,checkleft);

}

function slideDiv(elementId,x,inc,checkleft) {

	if (!document.getElementById) return false;
	if (!document.getElementById(elementId)) return false;
	var element = document.getElementById(elementId);
	if (element.sliding) clearTimeout(element.sliding);
	if (!element.xpos) element.xpos = 0;
	if (element.xpos == x) return true;

	if (element.xpos > x && element.xpos > checkleft) {
		var dist = Math.ceil((element.xpos-x)/inc);
		element.xpos = element.xpos - dist;
	}
	if (element.xpos < x && element.xpos < 0) {
		var dist = Math.ceil((x-element.xpos)/inc);
		element.xpos = element.xpos + dist;
	}

	element.style.left = element.xpos+'px';

	element.sliding = setTimeout('slideDiv("'+elementId+'",'+x+','+inc+','+checkleft+')',10);


}