window.addEvent('domready', function() {
	
	var itemsHolder = $('container');
	var numNavHolder = $('num_nav').getElement('ul');
	var myItems = $$('.item');
	var firstItem = myItems[0];
	var thePlayBtn = $('play_btn');
	
	var mySlider = new SL_Slider({
		slideTimer: 6000, 
		container: itemsHolder,
		items: myItems,
		hasControls: false,
		numNavActive: true,
		numNavHolder: numNavHolder,
		playBtn: thePlayBtn
	});
	
	mySlider.start();
	
	window.addEvent('domready', function(){
	/* thumbnails example , links only */
	new SlideItMoo({itemsVisible:3, // the number of thumbnails that are visible
					currentElement: 0, // the current element. starts from 0. If you want to start the display with a specific thumbnail, change this
					thumbsContainer: 'thumbs',
					elementScrolled: 'thumb_container',
					overallContainer: 'gallery_container'});	
	
});
					 
});