// JavaScript Document
var Slideshow = function(){
       var slidy = $$('#slideshow div.slide');
       var navigace = $$('#slideshow-nav a');
			 var counter = 0;
			 var running = 0;
			 
			 var container = document.id('visual');

       slidy.setStyles({
               'opacity': 0
       });
			 
			 slidy[0].setStyles({
               'opacity': 1
       });
			 navigace[0].addClass('active');
			 
			 var opacityToggle = function(){
			 		slidy.fade('out');
					navigace.removeClass('active');
					if (counter != (slidy.length - 1)) {
						counter = counter + 1;
					}
					else {
						counter = 0;
					}
					slidy[counter].fade('in');
					navigace[counter].addClass('active');
			 }
			 
			 var periodical = opacityToggle.periodical(7000);
			 running = 1;
				
       navigace.addEvent('click', function(){
               $clear(periodical);
							 running = 0;
							 counter = navigace.indexOf(this);
							 // vsechny ztmavit
               slidy.fade('out');
               // zobrazit current
               slidy[navigace.indexOf(this)].fade('in');
							 navigace.removeClass('active');
							 this.addClass('active');
       });
			 
			 container.addEvent('mouseleave', function(){
       			if (running == 0) {
							 periodical = opacityToggle.periodical(7000);
							 running = 1;
						}
       });
}
window.addEvent('domready', function(){
	if ($('visual')){
		Slideshow();
	}
});