var obrazki = new Array();
var errLoad = 0;
var okLoad = 0;
var count = 0;

function addImg(src) {
	obrazki[count] = new Image();
	obrazki[count].onerror = loadError;
	obrazki[count].src = src;	
	count++;
}

function preloadStart() {
	
	document.getElementById("preld").style.display="block";
	document.getElementById("preld").style.visibility="visible";
	//document.getElementById("przeslona").style.display="block";
	//document.getElementById("przeslona").style.visibility="visible";
	
	// --- tutaj dodaje sie obrazki do ladowania :) ---
	addImg("pic/loading.gif");
	addImg("img/bg_top1.jpg");
	addImg("img/top1.jpg");
	addImg("img/top2.jpg");
	addImg("img/top3.jpg");
	addImg("img/bg_main_div.jpg");
	addImg("img/bot1.jpg");
	addImg("img/topm_sep.jpg");
	addImg("img/flag_pl.jpg");
	addImg("img/flag_en.jpg");
	addImg("img/but1.gif");
	addImg("img/but2.gif");
	addImg("img/but3.gif");
	addImg("img/but4.gif");
	addImg("img/but1_en.gif");
	addImg("img/but2_en.gif");
	addImg("img/but3_en.gif");
	addImg("img/but4_en.gif");
	addImg("wzorek.gif");
	// ---
	
	// --- to cos dodaje automatycznie wszytkie obrazki ladowane bezposrednio w html'u ---
	// nie dziala dla css'a - obrazki z css trzeba dodac recznie powyzej
	for(var i=0; i<document.images.length; i++) {
		obrazki[count] = new Image();
		obrazki[count].onerror = loadError;
		obrazki[count].src = document.images.src;	
		count++;
	}
	//---
	
	if( count > 0 ) loadImgs();
	else {
		document.getElementById("preld").style.visibility="hidden";
		//document.getElementById("przeslona").style.visibility="hidden";
		document.getElementById("preld").style.display="none";
		//document.getElementById("przeslona").style.display="none";
	}
}

function loadImgs() {
	var count = obrazki.length;	
	var complete = 0;
		
	for(var i=0; i<count; ++i) {
		if( obrazki[i].complete ) complete++;
	}
	okLoad = complete;
		
	document.getElementById("pasek").innerHTML = " Loading...<br/> " + Math.round(((okLoad + errLoad)*100)/count) + "%";
	
	if( okLoad+errLoad < count ) setTimeout("loadImgs();", 100);
	else {
		if( errLoad > 0 ) document.getElementById("pasek").innerHTML = " Loading...<br/> done"; //+ "(ERR: " + errLoad + ")";
		else document.getElementById("pasek").innerHTML = " Loading...<br/> done";
		setTimeout("loaded();", 1000);
	}
}

function loaded() {
	//document.getElementById("pasek").innerHTML = "Loaded OK: " + okLoad;
	document.getElementById("preld").style.visibility="hidden";
	document.getElementById("preld").style.display="none";
	//document.getElementById("przeslona").style.visibility="hidden";
	//document.getElementById("przeslona").style.display="none";
}

function loadError() {
	errLoad++;
}