window.addEvent('domready', function(){
	var counter = 1;
	isopen = false;
	$('sliders').addClass('inactive');
	$$('#sliders li.slider').each(function(slider){
		var ccounter = counter;
		slider.addClass('active');
		var fx = new Fx.Morph(slider,{duration:600});
		var opener = $('content').getElement('div.sidebar a.link'+counter);
		var closer = slider.getElement('a.closer');
		slider.setStyle('left','-522px');
		$
		opener.addEvent('click', function(e){
			e = new Event(e).stop();
			$$('#content div.sidebar li').each(function(li){
				li.removeClass('active');
			});
			if (isopen != ccounter)
			{
				isopen = ccounter;
				opener.getParent().addClass('active');
				$$('#sliders li.slider').each(function(el1){
					if (el1 != slider)
					{
						el1.setStyle('z-index',5);
						var fx1 = new Fx.Morph(el1,{duration:700});
						fx1.start({'left':-522});
					}
				});
				slider.setStyle('z-index',10);
				fx.start({'left':0});
				$('sliders').removeClass('inactive');
			} else
			{
				isopen = false;
				opener.getParent().removeClass('active');
				fx.start({'left':-522}).chain(function(){
					$('sliders').addClass('inactive');
				});
			}
		});
		
		closer.addEvent('click', function(e){
			e = new Event(e).stop();
			isopen = false;
			opener.getParent().removeClass('active');
			fx.start({'left':-522}).chain(function(){
				$('sliders').addClass('inactive');
			});
		});
		
		counter++;
	});
	
	function change_next(li,imgs)
	{
		var activeimg = li.getElement('span.active');
		if (activeimg.getNext('span'))
		{
			var nextimg = activeimg.getNext('span');
		} else
		{
			var nextimg = imgs[1];
		}
		nextimg.addClass('nextimg');
		var fx = activeimg.retrieve('fx');
		fx.start({'opacity':0}).chain(function(){
			activeimg.removeClass('active').addClass('hidden');
			nextimg.removeClass('hidden').removeClass('nextimg').addClass('active');
			fx.set({'opacity':1});
		});
	}
	
	delay = 0;
	$$('#content div.sidebar ul.sliders li').each(function(el){
		var imgs = el.getElements('span.active, span.hidden');
		imgs.each(function(img){
			img.store('fx',new Fx.Morph(img,{duration:1000}));
		});
		
		(function(){
			(function(){
				change_next(el,imgs);
			}).periodical(7000);
		}).delay(delay);
		delay += 300;
	});
});

window.addEvent('load',function(){
	//$('sliders').setStyle('display','none');
});