window.addEvents({
	'load': function(){
			/*  Create SlideItMoo instance  */	
			var sMoo = new SlideItMoo({
				overallContainer: 'SlideItMoo_info_outer',
				elementScrolled: 'SlideItMoo_info_inner',
				thumbsContainer: 'SlideItMoo_info_items',		
				itemsSelector: '.info_item',
				itemsVisible:1,				
				itemWidth:947,
				showControls:1,
				autoSlide: false,
				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]});					
				}
			});	
			/* set morph effect on previous and next article container ( inside #announce ) */

		}
	});
	window.addEvents({
		'domready': function(){
			/* thumbnails example , div containers */
			new SlideItMoo({
						overallContainer: 'SlideItMoo_outer',
						elementScrolled: 'SlideItMoo_inner',
						thumbsContainer: 'SlideItMoo_items',		
						itemsVisible:1,
						elemsSlide:1,
						duration:700,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: 424,
						showControls:1,
						startIndex:1,
						onChange: function(index){
							
						}
			
			});
		}
	});
		window.addEvents({
		'domready': function(){
			/* thumbnails example , div containers */
			var sMoo = new SlideItMoo({
						overallContainer: 'SlideItMoo_vertical_outer',
						elementScrolled: 'SlideItMoo_vertical_inner',
						thumbsContainer: 'SlideItMoo_vertical_items',		
						itemsVisible:3,
						elemsSlide:3,
						duration:300,
						itemsSelector: '.SlideItMoo_element',
						itemWidth: 439,
						itemHeight:118,
						slideVertical: true,
						showControls:1,
						direction:-1,
						autoSlide:null,
						onChange: function(index){
							
							
							
						}
			
			});
		}
	});