// tablica z linkami do zdjec
var obrazki = new Array ("./images/startowe/1.jpg", "./images/startowe/2.jpg", "./images/startowe/3.jpg");
var lf = obrazki.length; // liczba zdjec

function wyswietl()
{
	var nr = Math.floor(Math.random() * lf) + 1; // generuje liczbe losowa z przedzialu od 1 do 5
	document.write('<div id="gora" style="position:absolute;top:170px;z-index:10;"><img id="top" src="images/startowe/'+nr+'.jpg" ALT="Levi&#x0027;s &reg; Store - Authorised Online Levis Jeans Shop" border="0"><img src="/images/s1.jpg" ALT="Levi&#x0027;s&reg; Store - Levis Online Shop"><br><img src="/images/s2.jpg" ALT="Levis Jeans Store - Authorised Online Levis Shop"><br></div>'); // pierwsza fotka
	document.write('<div id="dol" style="position:absolute;top:170px;z-index:1;"><img id="bottom" src="images/startowe/'+nr+'.jpg" ALT="Levi&#x0027;s &reg; Store - Authorised Online Levis Jeans Shop" border="0"><img src="/images/s1.jpg" ALT="Levi&#x0027;s&reg; Store - Levis Online Shop"><br><img src="/images/s2.jpg" ALT="Levis Jeans Store - Authorised Online Levis Shop"><br></div>'); // druga fotka
	var licz = Math.floor(Math.random() * lf);  // generuje liczbe losowa z przedzialu od 0 do 4
	var old = nr - 1;
	setTimeout("animuj(" + licz + "," + old + ")", 5000); // inicjuje wyswietlanie kolejnych losowych zdjec
}

function animuj(licz,old)
{
	var top = document.getElementById('top');
	var bottom = document.getElementById('bottom');

	while (licz == old) { // co by sie to samo nie wyswietlilo 2 razy pod rzad
		licz = Math.floor(Math.random() * lf);
	}
	bottom.src = obrazki[licz]; // ustawiam nowy bottom
	if (bottom.complete) {
		zanikaj(); // zanikanie top
		setTimeout("zrodla()", 4000); // ustawiam nowy top = bottom
		setTimeout("zmienKrycie(100,'top')", 4500); // zmieniam kryce top na 100
	}
	old = licz;
	licz = Math.floor(Math.random() * lf);
	setTimeout("animuj(" + licz + "," + old + ")", 6000); // rekurencja
}

function zrodla()
{
	var top = document.getElementById('top');
	var bottom = document.getElementById('bottom');
	top.src = bottom.src;
}

// zmienia krycie obiektu dla roznych przegladarek
function zmienKrycie(krycie,id)
{
    var obj = document.getElementById(id).style;
    obj.filter = "alpha(opacity=" + krycie + ")";
    obj.opacity = (krycie / 100);
    obj.MozOpacity = (krycie / 100);
    obj.KhtmlOpacity = (krycie / 100);
}

// stopniowe zanikanie fotki
function zanikaj()
{
	var predkosc = Math.round(1000 / 100);
	var timer = 0;
	for(var i = 100; i >= 0; i--) {
        setTimeout("zmienKrycie(" + i + ",'top')",(timer * predkosc));
        timer++;
    }
}

// stopniowe pojawianie sie fotki
function pojawiajsie()
{
	var predkosc = Math.round(800 / 100);
	var timer = 0;
	for(var j = 0; j <= 100; i++) {
        setTimeout("zmienKrycie(" + i + ",'top')",(timer * predkosc));
        timer++;
    }
}