jQuery(document).ready(function() {
	
		var path="img/banner/"; //path to images directory
		var img=new Array("b0.jpg", //array of images names
											"b1.jpg",
											"b2.jpg",
											"b3.jpg");
		var imgTit=new Array("", //array of images titles
													"Krakowski Chór Żeński",
													"",
													"");
		var setRotation = 0; //setTimeout handler
		var rInterval = 6000; //rotation interval
		var c = 0; //counter
		var maxC = 15; //amount of rotations before automatic stop
		var fadeTime = 1000; //fade time
		var curImg = 0; //current image id
		var lastImg = img.length-1; //last image id
		var firstImg = 0; //first to display image id
		//var maxW = 800; //max image's width
		//var maxH = 250; //max image's height
		var isPaused = false; //says that rotation is paused or in progress
		/**
		* banners loading
		*/
		$('#header_middle').append('<div id="slides"></div>');
		
		for(;curImg<=lastImg;curImg++) {
			//draw banners
			$('#slides').append('<div class="slideBanner"><img src="'+ path + img[curImg] +'"/></div>');
			//hide all except the first one
			if(curImg!=firstImg) {
				$('#slides').children('.slideBanner').last().hide();
			}
		}
		curImg=firstImg; //reset current image id
		
		$('#header_middle').append('<div id="bar"><div id="pausePlayBtn"><div id="pausePlayBtnInner"></div></div><div id="imgTitle"></div></div>');

		/*
		* start rotation
		* recursive setTimeout called in SetImage() to start rotation immediately, not after double rInterval
		*/
		SetImage();
		/*setRotation=setInterval(setImage,rInterval);*/
		/**
		* fadeIn/Out
		*/
		function SetImage() {
			$('#slides').children(".slideBanner").each(function(i) {
				if(curImg==i) {
					$(this).fadeIn(fadeTime);
					//hide last .slideBanner if current image is 0 || just hide previous
					if(curImg==0) {
						$('#slides .slideBanner').last().fadeOut(fadeTime-(fadeTime/2));
					} else {
						$(this).prev().fadeOut(fadeTime-(fadeTime/2));
					}
					//image title in bar
					if(imgTit[curImg]!="") {
						$('#bar #imgTitle').fadeIn(fadeTime).text(imgTit[curImg]);
					} else {
						$('#bar #imgTitle').text('').fadeOut(fadeTime);
					}
				}
			});
			curImg==lastImg ? curImg=0 : curImg++; //go to the next banner or if it's last one, go to first
			//setTimeout recursion
			if(c++<=maxC){
				setRotation=setTimeout(SetImage,rInterval);
			} else {
				$('#pausePlayBtn').children('#pausePlayBtnInner').css('background-image','url(playBtn.gif)');
				isPaused=true;
			}
		}
		/**
		* Pause&play button
		*/
		$('#pausePlayBtn').click(function() {
			if(isPaused) {
				/*setRotation=setInterval(setImage,rInterval);*/
				c=0; //counter reset
				SetImage(); //start rotation again
				$(this).children('#pausePlayBtnInner').css('background-image','url(pauseBtn.gif)');
				isPaused=false;
			} else {
				/*clearInterval(setRotation);*/
				clearTimeout(setRotation);
				$(this).children('#pausePlayBtnInner').css('background-image','url(playBtn.gif)');
				isPaused=true;
			}
		}); 
});