var Obr = new Array();
var il_bledow = 0;
var afterOK;
var afterNotOK;
var postep = 0;

function Laduj(plik)
{
 if (document.images)
 {
  var nast = Obr.length;
  Obr[nast] = new Image();
  Obr[nast].onerror = bladObr;
  Obr[nast].src = plik;
 } 
}

function Sprawdz()
{
 var notcompl = 0;
 var compl = 0;
 var w = Obr.length;

 for (var i = 0; i < w; i++)
 {
     if (Obr[i].complete) compl++; else notcompl++; 
 }

 postep = compl/w*100;
 Rysuj_pasek_postepu();
 if (notcompl > il_bledow) setTimeout("Sprawdz();", 100);
 else if (notcompl == 0) eval(afterOK);
 else if (notcompl == il_bledow) eval(afterNotOK);
}

function Ladowanie()
{
 i_p=p_nazwa.length;

 for (i = 1; i < (i_p); i++)
 {
     Laduj("images/portfolio_src/pf"+i+".jpg");
 }
 Sprawdz();
}

function bladObr()
{
 il_bledow++;
}

function Rysuj_pasek_postepu()
{
 var strPostep = "" + postep;
 if (strPostep.substring(0,3) == "100") strPostep = "100"; else strPostep = strPostep.substring(0,2);
 var tabela = "<div style=\"border: 1px solid #1a1a1a; position: relative; background: none; height:15px; width:100%;\"><div style=\"position: relative; background: #E86F0E; height:15px; width:" + ((postep != 0)?(parseInt(strPostep)):"1") + "%;\"><span style=\" font-weight: bold; color: #B0B0B0;\">" + strPostep + "%" + "</span></div></div>";
 document.getElementById('naglowek').innerHTML = ladow + tabela;
}

function Init()
{

  afterOK = "setTimeout(\"preloadok();\", 300);"; 
  afterNotOK = "setTimeout(\"preloadok();\", 300);"; 

 ladow = "Trwa ładowanie warstw...";

document.getElementById('naglowek').innerHTML = ladow;


 Ladowanie();
}

function preloadok() {

 document.getElementById('naglowek').style.display = "none";
 document.getElementById('content').style.display = "block";

}