// zeby sie nie kolorowalo i dekolorowalo jednoczesnie
var jest_kolorowane = false; 
var jest_dekolorowane = false;

// wartosci poczatkowe
var opacity = 0; // poczatkowa wartosc przezroczystosci dla IE - 0 - transparent, 100 - solid
var moz_opacity = 0.0; // poczatkowa wartosc przezroczystosci dla FF/Mozilla - 0.0 - transparent, 1.0 solid
var step = 5; // krok o jaki zmieniamy opacity dla IE
var moz_step = 0.05; // krok o jaki zmieniamu moz_opacity dla FF/Mozilla


// kolorujemy obrazek
function koloruj(i, idek){

	// jezeli juz kolorujemu obrazek i dostaniemy event z i = 0 to nie kolorujemy drugi raz
	// jezeli dekolorujemy to ustawiamy kolorowanie zeby sie wykonalo po dekolorowaniu
	if(jest_dekolorowane != false){setTimeout('koloruj(0,\''+idek+'\')',20); return;}
	if(i==0 && jest_kolorowane != false){ return; }

	p = document.getElementById(idek);
	
	if(p){
	
		opacity = Math.min(100,opacity+step);
		moz_opacity = Math.min(1,moz_opacity + moz_step);
		
	
		if(p.style.MozOpacity){ p.style.MozOpacity = moz_opacity; }
		
		if(p.filters){ p.filters.alpha.opacity = opacity; }
		
		
		// jezeli ktores z opacity nie jest maksymalne, to kolorujemy dalej, z i = 1, w przeciwnymn wypadku juz nie kolorujemy
		if(opacity < 100 || moz_opacity < 1 ){	jest_kolorowane = setTimeout('koloruj(1,\''+idek+'\')',20); }else{jest_kolorowane = false;}
	
	}

}

function dekoloruj(i, idek){

	if(jest_kolorowane != false){setTimeout('dekoloruj(0,\''+idek+'\')',20); return;}
	if((i==0 && jest_dekolorowane != false)){ return; }
	
	p = document.getElementById(idek);
	
	if(p){
	
		opacity = Math.max(0,opacity - step);
		moz_opacity = Math.max(0,moz_opacity - moz_step);
		
	
		if(p.style.MozOpacity){ p.style.MozOpacity = moz_opacity; }
		
		if(p.filters){ p.filters.alpha.opacity = opacity; }
		
		if(opacity > 0 || moz_opacity > 0 ){	jest_dekolorowane = setTimeout('dekoloruj(1,\''+idek+'\')',20); }else{jest_dekolorowane = false;}

	}


}