var zdjecia_lista_zdjec = null;
var element_1 = null;
var element_2 = null;
var przejscie_odpalone = false;
var zdjecie = 1;

function przejscie (div_id, lista_zdjec, ilosc_krokow_na_przejscie, czas_na_przejscie, pauza_po_przejsciu)
{
	//najpierw preloading zdjęć
	if(preload_image(lista_zdjec) == false) return false;//błąd coś jest nie tak
	
	//pobieramy element div_id
	element = document.getElementById(div_id);

	//kiedy mamy załadowane zdjęcia teraz czas na wrzucenie dwóch elementów div do wyświetlania tła
	var div_1 = document.createElement('div');//generuje nowy znacznik div, który podłączę do węzła div_ids
	div_1.setAttribute('id', div_id + '_1');//nadaję unikalny identyfikator do wyświetlania zawartości div_1
	div_1.style.display = 'block';
	div_1.style.position = 'absolute';
	div_1.style.Left = '0px';
	div_1.style.Top = '0px';
	div_1.style.width = element.offsetWidth+'px';
	div_1.style.height = element.offsetHeight+'px';
	div_1.style.backgroundColor = '#888888';
	div_1.style.backgroundImage = 'url('+lista_zdjec[0]+')';
	div_1.style.backgroundRepeat = 'no-repeat';
	div_1.style.backgroundPosition = 'center';
	div_1.style.zIndex = 2;
	div_1.style.filter="Alpha(Opacity="+100+")";
	div_1.style.opacity = 1;
	element.appendChild(div_1);
	element_1 = div_1;

	var div_2 = document.createElement('div');//generuje nowy znacznik div, który podłączę do węzła div_ids
	div_2.setAttribute('id', div_id + '_2');//nadaję unikalny identyfikator do wyświetlania zawartości div_1
	div_2.style.display = 'block';
	div_2.style.position = 'absolute';
	div_2.style.Left = '0px';
	div_2.style.Top = '0px';
	div_2.style.width = element.offsetWidth+'px';
	div_2.style.height = element.offsetHeight+'px';
	div_2.style.backgroundColor = '#888888';
	div_2.style.backgroundImage = 'url('+lista_zdjec[1]+')';
	div_2.style.backgroundRepeat = 'no-repeat';
	div_2.style.backgroundPosition = 'center';
	div_2.style.filter="Alpha(Opacity="+100+")";
	div_2.style.opacity = 1;
	div_2.style.zIndex = 1;
	element.appendChild(div_2);
	element_2 = div_2;

	//odpalamy timer
	czas = Math.ceil(czas_na_przejscie/ilosc_krokow_na_przejscie);
	krok = Math.ceil(100/ilosc_krokow_na_przejscie);
	
	wyswietl_przejscie (czas, krok, 100, pauza_po_przejsciu);
}
function wyswietl_przejscie (czas, krok, przezroczystosc, pauza)
{
	if(przezroczystosc <= 0)
	{
		//tutaj podmieniamy elementy
		//sprawdzamy czy jest następne zdjęcie
		element_1.style.backgroundImage = 'url('+zdjecia_lista_zdjec[zdjecie]+')';
//		alert(zdjecia_lista_zdjec[zdjecie]);
		zdjecie++;
		if(zdjecie == zdjecia_lista_zdjec.length)
		{
			zdjecie = 0;
		}
		element_1.style.filter="Alpha(Opacity="+100+")";
		element_1.style.opacity = 1;
		
		element_2.style.backgroundImage = 'url('+zdjecia_lista_zdjec[zdjecie]+')';
//		alert(zdjecia_lista_zdjec[zdjecie]);
		//wstawiamy na warstwę drugą zdjęcie
		setTimeout('wyswietl_przejscie('+czas+','+krok+',100, +'+pauza+')', pauza);
	}
	else
	{	//dodajemy przezroczystość
		przezroczystosc -= krok;
		element_1.style.filter="Alpha(Opacity="+przezroczystosc+")";
		element_1.style.opacity = (przezroczystosc/100);
		setTimeout('wyswietl_przejscie('+czas+','+krok+','+przezroczystosc+','+pauza+')', czas);
	}
}



function preload_image (lista_zdjec)
{
	if(lista_zdjec.length == 0) return false;
	zdjecia_lista_zdjec = lista_zdjec;//zapisujemy listę zdjęć
	preload_image_object = new Image();
	// set image url
	for(var i=0;i<lista_zdjec.length;i++)
	{
		preload_image_object.src = lista_zdjec[i];
	}
	return true;
}