window.addEvent('domready', function(){
	var height = 146;
	var accordion = $('accordion');
	if (accordion == null) return true;
	accordion.setStyle('position','relative');
	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 .acContent");
	var foldersContent = $$('#accordion .horizontal_accordion_content'); 
	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 = 495, interval = 121;
	foldersContent.each(function(folder, i) {
	 foldersContent.setStyle('width', moveAmount+'px');
	});
	folders.each(function(folder, i) {
	  folder.setStyle('height', height+'px');
	  folder.setStyle('position', 'absolute');
		folder.setStyle("left", i * interval);
		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);
		});
	});
	folders[0].fireEvent('mousedown');
});