var step = 100;
var inc = 10;
var start = 0;
var end = 500;

function getItemsEnd() {
	var items = document.getElementById("mover").getElementsByTagName("div").length;
	var itemsend = items * step;

	return itemsend;
}

function begin(img) {

	var beginl = (img-1) * step * -1;
	//alert(beginl);
	//moveLeft(beginl);
	var the_style = getStyleObject("mover");
	
	if (document.layers) {
		the_style.left = beginl;
	} else {
		the_style.left = beginl + "px";
	}	
	
}

function setNav() {
	var l = parseInt(getStyleObject("mover").left);
	var lend = parseInt(l+getItemsEnd());
	
	//alert(getStyleObject("mover").left + "\n" + l+ "\n" + getItemsEnd()+ "\n"+end+ "\n"+lend);
	
	//alert(
	//	"currentleft= "+ l +
	//	"\ncurrentright= "+ lend

	//);
	
	if (lend <= step) {
		getStyleObject("navl").visibility = "hidden";
	} else {
		getStyleObject("navl").visibility = "visible";
	}
	
	if (l >= start) {
		getStyleObject("navr").visibility = "hidden";
	} else {
		getStyleObject("navr").visibility = "visible";
	}	
	
	
}

function moveLeft(endleft) {
	

	var the_style = getStyleObject("mover");
	var current_left = parseInt(the_style.left);
	var new_left = current_left - inc;
	
	//alert(new_left+"\n"+endleft);


	if (document.layers) {
		the_style.left = new_left;
	} else {
		the_style.left = new_left + "px";
	}

	if (new_left > endleft) {
		the_timeout = setTimeout("moveLeft("+endleft+");",10);
	} else {
		setNav();
	}
}

function moveRight(endleft) {
	var the_style = getStyleObject("mover");
	var current_left = parseInt(the_style.left);
	var new_left = current_left + inc;


	if (document.layers) {
		the_style.left = new_left;
	} else {
		the_style.left = new_left + "px";
	}

	if (new_left < endleft) {
		the_timeout = setTimeout("moveRight("+endleft+");",10);
    	} else {
    		setNav();
    	}
    	
}

function left() {
	var itemsend = getItemsEnd();
	var the_style = getStyleObject("mover");
	var current_left = parseInt(the_style.left);
	var current_right = current_left + itemsend;

	if (current_right > step) {
		var new_left = current_left - step;

		moveLeft(new_left);

	} else {
		//alert("at start");
	}
	
	

}

function right() {

	var the_style = getStyleObject("mover");
	var current_left = parseInt(the_style.left);

	if (current_left < start) {
		var new_left = current_left + step;

		moveRight(new_left);


	} else {
		//alert("at end");
	}
	
}



function getStyleObject(objectId) {
    // cross-browser function to get an objects style object given its
    if(document.getElementById && document.getElementById(objectId)) {
		// W3C DOM
		return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
		// MSIE 4 DOM
		return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
		// NN 4 DOM.. note: this wont find nested layers
		return document.layers[objectId];
    } else {
		return false;
    }
} // getStyleObject