var selectedThumb = undefined;

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

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.display = "none";
	document.getElementById("caption").innerHTML = captions[loadingImage];
	
	var th = document.getElementById("thumb"+loadingImage);
	th.master.select();
	if( selectedThumb ) selectedThumb.master.deselect();
	selectedThumb = th;
}
var dinterval = undefined;
var pos = 0;
var end = 0;
var speed = 20;
var  moving = "";
function nextBlock()
{
	if( dinterval ) clearInterval( dinterval );
	document.getElementById( "anext" ).style.display = "none";
	document.getElementById( "aprev" ).style.display = "block";
	pos = 0;
	end = - 176;
	dinterval = setInterval( "moveBlockNext()", 50 );
	
}

function prevBlock()
{
	if( dinterval ) clearInterval( dinterval );
	document.getElementById( "anext" ).style.display = "block";
	document.getElementById( "aprev" ).style.display = "none";
	pos = -176;
	end = 0;
	dinterval = setInterval( "moveBlockPrev()", 50 );
	
}

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

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