var zdjecia = Array(
	Array('images/galeria/DSC_6861.jpg', 'images/galeria/min/DSC_6861.jpg', '', ''),
	Array('images/galeria/DSC_6882.jpg', 'images/galeria/min/DSC_6882.jpg', '', ''),
	Array('images/galeria/DSC_6941.jpg', 'images/galeria/min/DSC_6941.jpg', '', ''),
	Array('images/galeria/DSC_7002.jpg', 'images/galeria/min/DSC_7002.jpg', '', ''),
	Array('images/galeria/IMG_0002.jpg', 'images/galeria/min/IMG_0002.jpg', '', ''),
	Array('images/galeria/IMG_5764.jpg', 'images/galeria/min/IMG_5764.jpg', '', ''),
	Array('images/galeria/Zamosc.jpg', 'images/galeria/min/Zamosc.jpg', '', '')	
);

var max_width = 600;

function laduj() {
	for(var i = 0; i < zdjecia.length; i++)
		document.getElementById('miniaturki').innerHTML += '<img src="' + zdjecia[i][1] + '" onclick="zmien(' + i + ')" />';
	zmien(0);
}

function zmien(id) {
	document.getElementById('zdjecie').innerHTML += '<div id="ladowanie"></div>';
	var custom = '';
	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('informacje').innerHTML = '<b>'+zdjecia[id][2]+'</b><br /><i>'+zdjecia[id][3]+'</i>';
		document.getElementById('zdjecie').innerHTML = '<img src="'+zdjecia[id][0]+'"'+custom+' />';
	}
	preload.src = zdjecia[id][0];
}

window.onload = laduj;