// JavaScript Document

window.addEvent('domready', function() {
	
	
	
	
	
			/*  Create SlideItMoo instance  */	
			var sMoo = new SlideItMoo({
				overallContainer: 'product_slider',
				elementScrolled: 'product_container',
				thumbsContainer: 'product_holder',		
				itemsSelector: '.product',
				itemsVisible:1,				
				itemWidth:785,
				showControls:1,
				autoSlide: 15000,
				transition: Fx.Transitions.Back.easeIn,
				duration: 800,
				direction:1,
				/* the onChange event fires when the current slide changes. We'll use it to display the next/previous article title ( in #announce ) */
				onChange: function( index ){
					/* calculate the previous slide index and the next */
					/*var prev = index-1 < 0 ? sMoo.elements.length-1 : index-1;
					var next = index+1 >= sMoo.elements.length ? 0 : index+1;
					/* titles are stored in h1 inside each .info_item. Grab the text and put it in our prev/next containers */
					/*$('prev_title').set({'html': 'Previous: '+sMoo.elements[prev].getElement('h1').get('text')}).morph({'opacity':[0,1]});
					$('next_title').set({'html':'Next: '+sMoo.elements[next].getElement('h1').get('text')}).morph({'opacity':[0,1]});					*/
				}
			});	
			
					
			

});