// JavaScript Document

var Moveslides = {
	
	  init: function(){
				
				var blocks = new Array();
				
				$$('#middle-column .block').each(function(element){
						if (element.getElement('.item-wrapper')) {
							  blocks.include(element);
						}
				});
				
				blocks.each(function(element, index){
						var slides = element.getElements('div.item');
						var position = element.getElement('.position');
						position.setStyle('width', 160*slides.length);
						var current = 0;
						var positionFx = new Fx.Style(position, 'left', { duration: 500, wait: false, transition: Fx.Transitions.Quad.easeOut });
						
						// buttons
						var btnBox = element.getElement('h2');
						var imgPrev = new Element('img',{
												   'src' : '/img/slide-btn-prev.gif',
													 'width' : 24,
													 'height' : 24,
													 'alt' : 'Předchozí',
													 'class' : 'btn-prev'
								}).injectInside(btnBox);
						imgPrev.addEvent('click', function(){
							var diff = current;
							if (diff>3) { diff = 3 }
							current = current - diff;
							positionFx.start(-160*current);
							if (current == 0) { imgPrev.setOpacity(0.5).setStyle('cursor', 'default'); } else { imgPrev.setOpacity(1).setStyle('cursor', 'pointer'); }
							if (current + 3 > slides.length-1) { imgNext.setOpacity(0.5).setStyle('cursor', 'default'); } else { imgNext.setOpacity(1).setStyle('cursor', 'pointer'); }
						});
						var imgNext = new Element('img',{
												   'src' : '/img/slide-btn-next.gif',
													 'width' : 24,
													 'height' : 24,
													 'alt' : 'Další',
													 'class' : 'btn-next'
								}).injectInside(btnBox);
						imgNext.addEvent('click', function(){
							var diff = slides.length-3-current;
							if (diff>3) { diff = 3 }
							current = current + diff;
							positionFx.start(-160 * current);
							if (current == 0) { imgPrev.setOpacity(0.5).setStyle('cursor', 'default'); } else { imgPrev.setOpacity(1).setStyle('cursor', 'pointer'); }
							if (current + 3 > slides.length-1) { imgNext.setOpacity(0.5).setStyle('cursor', 'default'); } else { imgNext.setOpacity(1).setStyle('cursor', 'pointer'); }
						});
						
						if (current == 0) { imgPrev.setOpacity(0.5).setStyle('cursor', 'default'); } else { imgPrev.setOpacity(1).setStyle('cursor', 'pointer'); }
						if (current + 3 > slides.length-1) { imgNext.setOpacity(0.5).setStyle('cursor', 'default'); } else { imgNext.setOpacity(1).setStyle('cursor', 'pointer'); }
						
				});
				
		}
};

window.addEvent('domready', function(){
  Moveslides.init();																		 
});