var width = 698;
var margin = 0;
var count;
var currentSlide = 0;
var ribbon;
var ribbonFx;



window.addEvent('domready', function(){

count = $$('.item').length;

ribbonFx =  new Fx.Tween('ribbon');

$('slider-right').addEvent('click', function()
{
	if(currentSlide < count-1){
		margin = margin+width;
	ribbonFx.start('margin-left', $('ribbon').getStyle('margin-left'), '-'+margin+'px');
	
	currentSlide++;
	}
	else
	{
		
		currentSlide = 0;
		margin = 0;
		ribbonFx.start('margin-left', $('ribbon').getStyle('margin-left'), '-'+margin+'px');
	}
	
})

$('slider-left').addEvent('click', function()
{
	if(currentSlide > 0){
		margin = margin-width;
	ribbonFx.start('margin-left', $('ribbon').getStyle('margin-left'), '-'+margin+'px');
	
	currentSlide--;
	}
	else
	{
		
		currentSlide = count-1;
		margin = width*currentSlide;
		ribbonFx.start('margin-left', $('ribbon').getStyle('margin-left'), '-'+margin+'px');
	}
	
})


});