$(document).ready(function() {
 
 		//Prolínání obrázků
 		$('#banner img:first').fadeIn(500, function() {
		    $('#banner').cycle({ 
			    fx:     'fade', 
			    speed:  'slow', 
			    timeout: 5000, 
			    pagerEvent: 'mouseover',
			    pauseOnPagerHover: true,
			    after:     onAfter
			});
			function onAfter(curr,next,opts) {
				var aktivnislide = 'step' + opts.currSlide;
				$('#bannernav').removeClass().addClass(aktivnislide);
			    $('#buttonkrok0').removeClass();
				$('#buttonkrok1').removeClass();
			    $('#buttonkrok2').removeClass();
			    $('#buttonkrok3').removeClass();
          $('#buttonkrok4').removeClass();

			    $('#buttonkrok' + opts.currSlide).addClass('act');
			}
		    
		});
		//Přepínání obrázků po kliku na button
		$('#buttonkrok0').click(function() { 
		    $('#banner').cycle(0); 
		    $('#bannernav').removeClass().addClass('step0');
		    $('#buttonkrok0').removeClass().addClass('act');
		    $('#buttonkrok1').removeClass();
		    $('#buttonkrok2').removeClass();
		    $('#buttonkrok3').removeClass();
		    $('#buttonkrok4').removeClass();
		    return false; 
		}); 
		 
		$('#buttonkrok1').click(function() {  
		    $('#banner').cycle(1);  
		    $('#bannernav').removeClass().addClass('step1');
		    $('#buttonkrok0').removeClass();
		    $('#buttonkrok1').removeClass().addClass('act');
		    $('#buttonkrok2').removeClass();
		    $('#buttonkrok3').removeClass();
		    $('#buttonkrok4').removeClass();
		    return false;  
		}); 
		$('#buttonkrok2').click(function() {  
		    $('#banner').cycle(2);  
		    $('#bannernav').removeClass().addClass('step2');
		    $('#buttonkrok0').removeClass();
		    $('#buttonkrok1').removeClass();
		    $('#buttonkrok2').removeClass().addClass('act');
		    $('#buttonkrok3').removeClass();
		    $('#buttonkrok4').removeClass();
		    return false;  
		});
		$('#buttonkrok3').click(function() {  
		    $('#banner').cycle(3);  
		    $('#bannernav').removeClass().addClass('step3');
		    $('#buttonkrok0').removeClass();
		    $('#buttonkrok1').removeClass();
		    $('#buttonkrok2').removeClass();
		    $('#buttonkrok3').removeClass().addClass('act');
		    $('#buttonkrok4').removeClass();
		    return false;  
		});$('#buttonkrok4').click(function() {  
		    $('#banner').cycle(4);  
		    $('#bannernav').removeClass().addClass('step3');
		    $('#buttonkrok0').removeClass();
		    $('#buttonkrok1').removeClass();
		    $('#buttonkrok2').removeClass();
		    $('#buttonkrok3').removeClass();
		    $('#buttonkrok4').removeClass().addClass('act');
		    return false;  
		});
	});