var col = 0;
var maxcol = 0;
var colmargin = -6;
var targetMargin;
var step=20;
var delay = 30;
var slider;
var sliding = false;

function doColLinks() {
	if (col==0) {
		document.getElementById("thumbLeft").style.display="none";
	} else {
		document.getElementById("thumbLeft").innerHTML = "« veel "+(col*8)+" pilti";
		document.getElementById("thumbLeft").style.display="block";	
	}
	
	if (col==maxcol) {
		document.getElementById("thumbRight").style.display="none";	
	} else {
		rem = (imgCount-(col*8)-16);
		document.getElementById("thumbRight").innerHTML = "veel "+rem+" pilt"+((rem!=1)?"i":"")+" »";
		document.getElementById("thumbRight").style.display="block";	
	}
	
}

function goLeft() {
	if (!sliding && col!=0) {
		targetMargin = colmargin + 83;
		sliding = true;
		slider = setInterval("slideLeft()", delay);
	}
}
function goRight() {
	if (!sliding && col!=maxcol) {
		targetMargin = colmargin - 83;
		sliding = true;
		slider = setInterval("slideRight()", delay);
	}
}

function slideLeft() {
	if (colmargin < targetMargin) {
		colmargin += step;
		
		if (colmargin > targetMargin) {
			colmargin = targetMargin;
		}
		document.getElementById('tcols').style.marginLeft = colmargin + 'px';
			
	} else {
		clearInterval(slider);
		sliding = false;
		col--;
		doColLinks();
	}	
}

function slideRight() {
	if (colmargin > targetMargin) {
		colmargin -= step;
		
		if (colmargin < targetMargin) {
			colmargin = targetMargin;
		}
		document.getElementById('tcols').style.marginLeft = colmargin + 'px';
			
	} else {
		clearInterval(slider);
		sliding = false;
		col++;
		doColLinks();
	}	
}

function hilite3(num) {
	document.getElementById('tmb'+num).className='preLinkHover';	
}

function lolite3(num) {
	if (pic == -1 || num!=pic) {
		document.getElementById('tmb'+num).className='preLink';
	} else {
		document.getElementById('tmb'+num).className='preLinkActive';	
	}		
}

function getCol(pic) {
	return Math.floor(pic/8.0);
}