$(document).ready(function() {
	//function banner_auto( id, szer, wys, top_img,  ) {
	//}
	var id = 'naglowek';
	var szer = '902';
	var wys = '291';
	var top = 'http://img.iap.pl/s/245/205593/grf/image1.png';
	var obraz = new Array("http://img.iap.pl/s/245/8148/naglowek/rysunek_1.jpg", "http://img.iap.pl/s/245/8148/naglowek/rysunek_2.jpg", "http://img.iap.pl/s/245/8148/naglowek/rysunek_3.jpg", "http://img.iap.pl/s/245/8148/naglowek/rysunek_4.jpg");
	var czas = '2000'; //czas przejscia
	var czas2 = '5000'; //czas opuznienia
	var numImages = obraz.length;
	var currentImage = 0;
	
	$("#"+id+"").html('<div id="auto_banner_img" style="position: relative; background:url(img/load.gif) no-repeat center center"><div id="nag_menu_jpg" style="z-index: 110; position: absolute; top: 0; left: 38px; height: 24px; width: 218px;"><a href="http://iap.pl" style="width: 54px; height: 24px; background: url(http://img.iap.pl/s/245/205593/grf/link.jpg) no-repeat 0px 0px; display:block; float: left;" title="Polska"></a><a href="http://www.malopolskie.iap.pl/" style="width: 79px; height: 24px; background: url(http://img.iap.pl/s/245/205593/grf/link.jpg) no-repeat -54px 0px;  display: block; float: left;" title="Malopolska"></a><a href="http://www.sacz.pl/" style="width: 85px; height: 24px; background: url(http://img.iap.pl/s/245/205593/grf/link.jpg) no-repeat -133px 0px; display: block; float: left;" title="Nowosądecki"></a><div style="clear:both"></div></div><div id="auto_banner_img_top" style="position: absolute; top: 0px; left: 0px; z-index: 100;"></div><div id="auto_banner_img_sec" style="position: absolute; top: 0px; left: 0px; z-index: 1;"></div></div>');
	
	$("#auto_banner_img").css({"height" : ""+wys+"px", "width" : ""+szer+"px"});
	$("#auto_banner_img_top").css({"height" : ""+wys+"px", "width" : ""+szer+"px", "backgroundImage" : "url("+top+")"});
	$("#auto_banner_img_sec").css({"height" : ""+wys+"px", "width" : ""+szer+"px", "overflow" : "hidden", "position" : "relative"});
	for (var n = 0; n < numImages; n++) { $("#auto_banner_img_sec").append('<div id="auto_banner_img_secIMG" class="imageNum'+n+'"style="position: absolute; top: 0; left: 0; width:'+szer+'px; height:'+wys+'px; background: url('+obraz[n]+') no-repeat center right; z-index: '+n+'; opacity: 0;"></div>'); }
	
	function changeImage()
				{
					var tmp = currentImage-1;
					if (currentImage >= numImages) { currentImage = 0; }
					$(".imageNum"+currentImage+"").css({"z-index" : numImages+1}).animate({opacity: 1},czas);
					$(".imageNum"+tmp+"").css({"z-index" : tmp}).delay(czas).animate({opacity: 0},czas);
					currentImage++;
				}
	interval_in = setInterval(function(){ changeImage(); }, czas2);
});


