var accordionPause = false;
var accordionActual = 1;
var accordionPeriod = 4000;
var accordionLoop;

window.addEvent('domready', function(){
	var height = 145;
  var accordion = $('accordion');
	if (accordion == null) return true;
	
	accordion.setStyle('overflow','hidden');
	accordion.setStyle('height',height+'px');
	
  var selectTransition = $('fxTransition');
	var selectTransitionValue = 'Quad';
  var selectEase = $('fxEase');
  var selectEaseValue = 'easeOut';
	var durationInput = $('duration');
	var durationInputValue = 500;
	var result = $('result');
	
	var myTransition;
	var myDuration; 
		 
	var folders = $$("#accordion .box");
	var foldersContent = $$('#accordion .text'); 
	var folderFx = new Fx.Elements(folders, {wait: false, duration: durationInputValue});

		var transition = selectTransitionValue;
		if (transition == 'linear'){
			folderFx.options.transition = Fx.Transitions.linear;
			transitions = 'Fx.Transitions.linear';
		} else {
			var ease = selectEaseValue;
			folderFx.options.transition = Fx.Transitions[transition][ease];
			transitions = 'Fx.Transitions.' + transition + '.' + ease;
		}
	
	
	var moveAmount = 222, interval = 192;
	foldersContent.each(function(folder, i) {
	 foldersContent.setStyle('display', 'block');
	});
	folders.each(function(folder, i) {
	  folder.setStyle('height', height+'px');
	  folder.setStyle('position', 'absolute');
		folder.setStyle("left", i * interval);
		folder.setStyle("width", (moveAmount + interval) + 'px');
		folder.addEvent("mousedown", function(event) {
			var o = {};
			var l = folder.getStyle("left").toInt()
			o[i] = {left: [l, i * interval]}
			folders.each(function(other, j) {
				var l2 = other.getStyle("left").toInt();
				if(i > j) {
					o[j] = {left: [l2, j * interval]};
				}
				if(i < j) {
					o[j] = {left: [l2, (j * interval) + moveAmount]};
				}
			});
			folderFx.start(o);
		});
		folder.addEvent("mouseover", function(event) {
      accordionPause = true;
      this.fireEvent('mousedown');
		});
		folder.addEvent("mouseout", function(event) {
      accordionPause = false;
		});
	});
	folders[0].fireEvent('mousedown');
	
	accordionLoop = (function(){ OpenNextBox(); }).periodical(accordionPeriod);
	
});

function OpenBox(num) {
  if (!accordionPause) $('box'+num).fireEvent('mousedown');
}
function OpenNextBox() {
 //if (accordionActual == 4) $clear(accordionLoop);//smycka skonci po prvnim cyklu
 if (!accordionPause) {
  accordionActual = (accordionActual % 4) +1;
  OpenBox(accordionActual);
  }
}