var max_width = 500;
var index = 0;
var max_imgs = 6;
var id_border = 0;
var numerek = 0;
var id_int;

function display_thumbs() 
{
	document.getElementById('thumbs').innerHTML = '<a href="javascript:navi_left_click();" class="navis"><img src="gfx/arrow_left.jpg" border="0px"></a>';
	
	for (var i = index; i < max_imgs; i++)
	 if (id_border == i)
	  document.getElementById('thumbs').innerHTML += '<img src="' + miniaturki[i] + '" class="selected_thumb" border="2px" />';
	   else
		document.getElementById('thumbs').innerHTML += '<img src="' + miniaturki[i] + '" onclick="zmien(' + i + ')" class="other_thumb" border="2px" />';	
		
   document.getElementById('thumbs').innerHTML += '<a href="javascript:navi_right_click();" class="navis"><img src="gfx/arrow_right.jpg" border="0px"></a>';		
}


function laduj() 
{
	
	if (miniaturki.length > 5)
	 max_imgs = 6;
	  else
	   max_imgs = miniaturki.length;
	   
	display_thumbs();
	
	zmien(0);
}

function navi_right_click() 
{
	

	if (id_border < miniaturki.length - 1)
	{	//clearInterval(id_int);
		
		 if (id_border < (max_imgs - 1))
		{
			id_border++;

		}
		else 
		{ 
			 id_border++;
			 max_imgs++;	
			 index++;	
			 //alert("id_border: " +  id_border + "/nmax_imgs: " + max_imgs + "/nindex: " + index);
			
		}
		
		zmien(id_border);
		display_thumbs();			
		//id_int =  setInterval( "slideSwitch()", 5000 );	
	}
				
}

function navi_left_click() 
{
	if ((id_border > 0))
	{	
		//clearInterval(id_int);
	
		if ( (max_imgs - id_border) == 6 )
		{
			index--;
			max_imgs--;	
			display_thumbs();
			zmien(index);		
		}
		else
		{
			id_border--;
			display_thumbs();
			zmien(id_border);
		}			
					
		//id_int =  setInterval( "slideSwitch()", 5000 );		
	}
}

function zmien(id) 
{
	
	id_border = id;	
	display_thumbs(); 
	
	//document.getElementById('gallery').innerHTML += '<div id="ladowanie"></div>';
	var preload = new Image();
	preload.onload = function() 
	{
		if(preload.width > max_width) 
			custom = ' style="height: '+(Math.floor(max_width / (preload.width / preload.height)))+'px;width:'+max_width+'px;"';
			
		//document.getElementById('gallery_info').innerHTML = 'Zdjęcie ' + (id + 1) + '/' + zdjecia.length;
		
	 document.getElementById('gallery').innerHTML = '<img src="' + zdjecia[id] + '"   />';
	}
	preload.src = zdjecia[id];
	
}

window.onload = laduj;

///////////////////////////////////////