$(document).ready(function() {

	var imageWidth = $(".flash_header").width(); 			// zjisteni sirky vymezeneho okna (jeviste)
	var imageSum = $(".flash_header ul li").size();			// zjisteni celkoveho poctu vsech panelu
	var imageReelWidth = imageWidth * imageSum;			// zjisteni celkove sirky vsech panelu
	
	$(".flash_header ul").css({'width' : imageReelWidth});		// aplikovani sirky vsech panelu na nadrazeny prvek


	rotate = function(){	

		var triggerID = $active.attr("rel") - 1;
		var image_reelPosition = triggerID * imageWidth;

		$(".paging a").removeClass('active');			// odstraneni aktivni tridy ze strankovani
		$active.addClass('active');				// prirazeni aktivni tridy na novy prvek

		$(".flash_header ul").animate({				// posunuti nadrazeneho prvku vsech panelu na urcenou souradnici
		left: -image_reelPosition
		}, 500 );
		
	};


	rotateSwitch = function(){		

		play = function(){

			$active = $('.paging a.active').next();

			if ( $active.length === 0) {

				$active = $('.paging .first');

				var set1 = 1;

			}

			if(set1==1)
			{
			$active = $('.paging .first');
			clearInterval(play);
			rotate();
			}else{
			rotate();
			}

		};						// nastaveni casovace v milisekundach - 1s = 1000ms
	};
	

	rotateSwitch();							// odstartovani animace


	$(".left_arrow,.right_arrow,.paging").hover(function() {			// zastaveni animace pri najeti na nadrazeny prvek vsech panelu
	clearInterval(play);
	}, function() {
	rotateSwitch();							// opetovne spusteni animace po odstraneni kurzoru
	});	


	$(".paging a").click(function() {	

		$active = $(this);
		clearInterval(play);
		rotate();
		rotateSwitch();
		return false;

	});


	rotateleft = function(){

	

		$active = $('.paging a.active').prev();

		if ( $active.length === 0) {

			$active = $('.paging .last');

		}

		rotate();

	

	};


	rotateright = function(){	

		$active = $('.paging a.active').next();

		if ( $active.length === 0) {

			$active = $('.paging .first');

		}

		rotate();

	};

});