// JavaScript Document

var showcaseItems;
var current = 0;



/*IE7 Margin = 17 & */

var animationRunning = false;

window.addEvent('domready', function(){
	showcaseItems = $$('div.slideWrap');
	showcaseItems.each(function(el, i)
	{
		var slider = el.getElement('div.slider');
		
		slider.setOpacity(.9);
		
		el.addEvent('mouseenter', function()
		{
			//slider.effect('margin-top', {duration:200, transition: Fx.Transitions.Quad.easeOut}).start(-32);
		});
		
		el.addEvent('mouseleave', function()
		{
			//slider.effect('margin-top', {duration:300, transition: Fx.Transitions.Quad.easeOut}).start(0);
		});
	});
	
	current = 0;
		
	var next = $('next');
	var prev = $('prev');
		
	next.addEvent('click', function(){
		var last = (showcaseItems.length-1 + current) %showcaseItems.length;
		showcaseItems[last].remove();
		showcaseItems[last].injectBefore(showcaseItems[current]);
		showcaseItems[last].setStyle('margin-left', '-220px');
		current = last;						   
				
		showcaseItems[last].effect('margin-left', {duration: 400, transition: Fx.Transitions.Quad.easeInOut}).start(17);	
	});
	
	prev.addEvent('click', function(){
		
		showcaseItems[current].effect('margin-left', {duration: 400, transition: Fx.Transitions.Quad.easeInOut, onComplete: function()
		{
			showcaseItems[current].remove();
			showcaseItems[current].injectAfter(showcaseItems[(showcaseItems.length-1 + current) %showcaseItems.length]);
			showcaseItems[current].setStyle('margin-left', '12px');
			current = (current + 1 ) % showcaseItems.length;
		}}).start(-220)
		
		
	
	});
});