var selectedThumb = undefined;

function showme(imgsrc,imgindex)
{
	document.getElementById("loader").style.visibility = "visible";
	document.getElementById("ilustracija").src = imgsrc;
	loadingImage = imgindex;
	
	var nl = document.getElementById( "nextLink" );
	var pl = document.getElementById( "prevLink" );
	
	if( files[imgindex+1] ) nl.style.visibility = "visible";
	else nl.style.visibility = "hidden";
	
	if( imgindex > 0 ) pl.style.visibility = "visible";
	else pl.style.visibility = "hidden";
	
	if( bigimages )
	{
		var lu = document.getElementById( "lupa" );
		if( bigimages[imgindex] ) lu.style.visibility = "visible";
		else lu.style.visibility = "hidden";
	}
}

function nextItem()
{
	var next = loadingImage + 1;
	if( document.getElementById("thumb"+next) ) 
	{
		if( next == 30 ) nextBlock();
		showme( files[next], next );
	}
}

function prevItem()
{
	var prev = loadingImage - 1;
	if( document.getElementById("thumb"+prev) ) 
	{
		if( prev == 29 ) prevBlock();
		showme( files[prev], prev );
	}
}

function enlargeImage()
{
	window.open( bigimages[loadingImage] );
}

function loaded()
{
	document.getElementById("loader").style.visibility = "hidden";
	document.getElementById("caption").innerHTML = captions[loadingImage];
	
	var th = document.getElementById("thumb"+loadingImage);
	th.master.select();
	if( selectedThumb ) selectedThumb.master.deselect();
	selectedThumb = th;
}
var dinterval = new Object;
var pos = new Object;
var end = new Object;
var curpage = new Object;
var numpages = new Object;
var speed = 20;
var  moving = "";
function nextBlock( id, endpos )
{
	if( dinterval[id] ) clearInterval( dinterval[id] );
	curpage[id]++;
	if( numpages[id] <= curpage[id] ) document.getElementById( "anext"+id ).style.visibility = "hidden";
	document.getElementById( "aprev"+id ).style.visibility = "visible";
	pos[id] = - endpos * (curpage[id]-2);
	end[id] = - endpos * (curpage[id]-1);
	dinterval[id] = setInterval( "moveBlockNext('"+id+"')", 50 );
	
}

function prevBlock( id, startpos )
{
	if( dinterval[id] ) clearInterval( dinterval[id] );
	curpage[id]--;
	if( curpage[id] == 1 ) document.getElementById( "aprev"+id ).style.visibility = "hidden";
	document.getElementById( "anext"+id ).style.visibility = "visible";
	end[id] = -startpos * (curpage[id]-1);
	pos[id] = -startpos * (curpage[id]);;
	dinterval[id] = setInterval( "moveBlockPrev('"+id+"')", 50 );
	
}

function moveBlockNext( id )
{	
	var th = document.getElementById( "thumbs"+id );
	pos[id] -= Math.ceil(speed*((pos[id]-end[id])/100));
	th.style.left = pos[id]+"px";
	if( pos[id] < end[id] ) 
	{
		
		th.style.left = end[id]+"px";
		clearInterval( dinterval[id] );
	}
}

function moveBlockPrev( id )
{	
	var th = document.getElementById( "thumbs"+id );
	pos[id] += Math.ceil(speed*((end[id]-pos[id])/100));
	th.style.left = pos[id]+"px";
	if( pos[id] > end[id] ) clearInterval( dinterval[id] );
}