var rollpics=8;
var picsinwin=8;
var pictureSize=100;
var spaceSize=10;
var borderSize=1;
var pixelsMove=8;
var time=10;
var outtime=10;

function MoveOnePicture(i, dest){

	if (navigator.appName == "Netscape") {

		coord = document.getElementById("pics").style.left;
		coord = coord.substr(0,coord.length-2);

		if (dest=='fw') coord = Number (coord) - pixelsMove;
		else coord = Number (coord) + pixelsMove;

		eval('document.getElementById("pics").style.left = ' + coord);
	}
	else {
		if (dest=='fw') m='-';
		else m='+';
		eval('pics.style.pixelLeft = pics.style.pixelLeft'+m+pixelsMove);
	}

	i++;
	if (i < (pictureSize+borderSize*2+spaceSize)/pixelsMove) setTimeout('MoveOnePicture('+i+',"'+dest+'")',time);

}


function evalMove(dest) {


	for (roll=1; roll<=rollpics; roll++){
		if (dest == 'fw') firstpic = firstpic + 1;
		else firstpic = firstpic - 1;

		MoveOnePicture(0,dest);

		disp=firstpic+7;
		disp1=disp+1;

		if (disp <= endpic){
			if (dest == 'fw') {
				document.getElementById("pic"+disp).style.display="inline";

			}
			else {
				if (disp1 <= endpic) setTimeout('document.getElementById("pic"+disp1).style.display="none"',outtime);
			}
		}
	}

	set_controls();

}

function set_controls(){

	if (firstpic >= 1 && firstpic <= (endpic - picsinwin)) document.getElementById("tofw").style.display="inline";
	else document.getElementById("tofw").style.display="none";

	if (firstpic > 1) document.getElementById("tobk").style.display="inline";
	else document.getElementById("tobk").style.display="none";

	if (firstpic + picsinwin >= firstpiconpage + picsonpage - 1 && firstpic + picsinwin - 1 < endpic){
		document.getElementById("tofw").style.display="none";
		document.getElementById("nextpage").style.display="inline";
	}
	else document.getElementById("nextpage").style.display="none";

	if (firstpic == firstpiconpage && firstpic - 1 > 0){
		document.getElementById("tobk").style.display="none";
		document.getElementById("prpage").style.display="inline";
	}
	else document.getElementById("prpage").style.display="none";


}

function first_display(direct){

	if (direct == 'back'){

		coord=(pictureSize+borderSize*2+spaceSize)*(picsonpage-picsinwin);
		
		if (navigator.appName == "Netscape") {
			eval('document.getElementById("pics").style.left = -' + coord);
		}
		else {
			eval('pics.style.pixelLeft = -'+coord);
		}
		
		for (j=firstpiconpage; j<firstpiconpage+picsonpage; j++){
			if (j <= endpic) document.getElementById("pic"+j).style.display="inline";
		}

	}


	else
	for (j=firstpic; j<firstpic+picsinwin; j++){
		if (j <= endpic) document.getElementById("pic"+j).style.display="inline";
	}

}
