var Mleft = 0;

function Slide( direction )
{
	//window.addEvent('domready', function(){
		
		var imgsize = 87;
		var maxsize = 261;
		
		var arrayDivs = $$('div#slide a.item');
		
		var SlideSize = (arrayDivs.length * imgsize);
		var slide = document.getElementById('slide');
		
		$('slide').setStyle('width', SlideSize);
		
		var fx = new Fx.Styles(slide, {duration:300, wait:false});
		var foo = 0;
		
		
		if( direction == 'left' )
		{
			Mleft += imgsize;
		}
		else if( direction == 'right' )
		{
			Mleft -= imgsize;
		}
		
		if( ( SlideSize + (Mleft) ) < maxsize )
		{
			fx.start({
				'margin-left': 0
			});
			Mleft = 0;
		}
		else if( ( Mleft ) == imgsize )
		{
			foo = ( maxsize - SlideSize );
			
			fx.start({
				'margin-left': foo
			});
			Mleft = foo;
		}
		else
		{
			fx.start({
				'margin-left': Mleft
			});
		}
		
	//});
}

window.addEvent('domready', function(){
	
	if( $('slide') )
	{
	
		var arrayDivs = $$('div#slide a.item');
		var SlideSize = (arrayDivs.length * 90);
		document.getElementById('slide').style.width = SlideSize + "px";
		
		var list = $$('#slide a.item');
		list.each(function(element) {
		 
			element.setStyle('opacity', 0.75);
			var fx2 = new Fx.Styles(element, {duration:400, wait:false});
		 
			element.addEvent('mouseenter', function(){
				fx2.start({
					'opacity': 1
				});
			});
		 
			element.addEvent('mouseleave', function(){
				fx2.start({
					'opacity': 0.75
				});
			});
			
		});
	
	}
	
});