// JavaScript Document
		
	var pointer = 0;
	var oldPointer = 0;
	var thumbWidth = 101;
	var totalDisplayCount = 6;
	var currentPhotoDisplay = 4;
	
	var scrollInProgress = false;
	var scrollID = null;
	
	var stripLength;
	var margin;
	
	var pictures = new Array();
	
//	window.onload = generirajFilmStrip;
	
	function generirajFilmStrip(){
		
		while( pictures.pop() != null );
		
		stripLength = thumbs.length * ( thumbWidth + 8 );
		margin = ( -1 ) * ( totalDisplayCount - 4 ) * ( thumbWidth + 8 ) - 8;
//		oldPointer = ( thumbs.length + pointer - 2 ) % thumbs.length;
		
		var generatedHTML = '<div id="container" style="overflow:hidden;width:' + ( 3 * stripLength ) + 'px;margin-left:' + margin + 'px">';
		var thumbCanvas = document.getElementById( 'thumbs' );

		var thumb;
		var j = 0;
		for( var i = ( thumbs.length - 4 ); i < thumbs.length; i++ ){
			thumb = ( i + pointer ) % thumbs.length;
			generatedHTML += '<img class="thumb" id="thumb-' + j + '" ';
			generatedHTML += 'src="' + thumbsRoot + thumbs[ thumb ] + '" width="101" height="68" ';
			generatedHTML += 'onclick="javascript:_displayPhoto(' + j + ')" />';
			pictures.push( thumb );
			j++;
		}

		for( var i = 0; i < ( totalDisplayCount + 1 ); i++ ){
			thumb = ( i + pointer ) % thumbs.length;
			if( j == 4 ){
				generatedHTML += '<img class="thumbActive" id="thumb-' + j + '" ';
			}else{
				generatedHTML += '<img class="thumb" id="thumb-' + j + '" ';
			}
			generatedHTML += 'src="' + thumbsRoot + thumbs[ thumb ] + '" width="101" height="68" ';
			generatedHTML += 'onclick="javascript:_displayPhoto(' + j + ')" />';
			pictures.push( thumb );
			j++;
		}

		generatedHTML += '</div>';
		thumbCanvas.innerHTML = generatedHTML;
		
		document.getElementById( 'prikaz' ).src = photoRoot + photos[ pointer ];
		
		scrollInProgress = false;
	}
	
	function _scrollRight(){
		if( scrollInProgress )return;
		scrollInProgress = true;
		scrollID = setInterval( '_scrollThumbs( 5 );', 10 );
	}
	
	function _scrollLeft(){
		if( scrollInProgress )return;
		scrollInProgress = true;
		scrollID = setInterval( '_scrollThumbs( 3 );', 10 );
	}
	
	function _scrollThumbs( id ){
		var limit = ( -1 ) * ( totalDisplayCount - 4 ) * ( thumbWidth + 8 ) - ( id - 4 ) * ( thumbWidth + 8 );
		if( id > 4 ){
			margin -= 10;
			if( margin <= limit ){
				margin = limit;
				clearInterval( scrollID );
				pointer = pictures[ id ];
				generirajFilmStrip();
//				scrollInProgress = false;
			}
		}else{
			margin += 10;
			if( margin >= limit ){
				margin = limit;
				clearInterval( scrollID );
				pointer = pictures[ id ];
				generirajFilmStrip();
//				scrollInProgress = false;
			}
		}
		document.getElementById( 'container' ).style.margin = "0px 0px 0px " + margin + "px";
	}
	
	function _displayPhoto( id ){
		if( scrollInProgress )return;
		scrollInProgress = true;
		document.getElementById( 'thumb-' + id ).className = "thumbActive";
		var args = '_scrollThumbs(' + id + ');';
		scrollID = setInterval( args, 10 );
		document.getElementById( 'prikaz' ).src = photoRoot + photos[ pictures[ id ] ];
	}
	
	function _displayPhotoNavigation( id ){
		pointer = id;
		document.getElementById( 'prikaz' ).src = photoRoot + photos[ id ];
	}