window.addEvent('domready', function() 
{
	// Slider for Products
	if ($('slider_wrap'))
	{
		new ImageSlider();
	}
});



var ImageSlider = new Class(
{
	intActive: 0,
	intPosition: 0,
	intLeftSpace: 60,
	intItems: 0,
	intStep: 440,
	
	initialize: function()
	{
		this.intItems = $$('.item').length;
		
		var self = this;
		
		$('btn_next').setStyle('opacity', .6);
		$('btn_prev').setStyle('opacity', .6);
		
		$('btn_next').addEvents(
		{
			'click':function()
			{
				if (self.intActive == self.intItems - 1)
					self.intActive = 0;	
				else
					self.intActive++;
				self.slide();
			},
			'mouseenter':function()
			{
				this.fade(1);
			},
			'mouseleave':function()
			{
				this.fade(.6);
			}
		});
		
		$('btn_prev').addEvents(
		{
			'click':function()
			{
				if (self.intActive == 0)
					self.intActive = self.intItems - 1;
				else
					self.intActive--;
				self.slide();
			},
			'mouseenter':function()
			{
				this.fade(1);
			},
			'mouseleave':function()
			{
				this.fade(.6);
			}
		});
	},
	
	slide: function()
	{
		this.intPosition = this.intActive * this.intStep;
		
		var slideSlider = new Fx.Morph('slider', 
		{
			duration: 800, 
			transition: Fx.Transitions.Sine.easeOut
		});

		slideSlider.start(
		{
		    'margin-left': '-'+this.intPosition+'px'
		});
	}
	
});