// JavaScript Document

	/* <![CDATA[ */
		var afterUserClick;
		var myMooFlowPage = {
		
			start: function(){
		
				var mf = new MooFlow($('thumbs'), {
					startIndex: 1,
					interval:12000,
					useAutoPlay: true,
					useKeyInput: true,
					bgColor: '#fff',
					heightRatio: 0.3,
					factor: 100,
					offsetY: -65,
					reflection: 0,
					'onStart': function(){
						this.play();
						
						//Next btn (commented out for now - but works)
						$('homepage_banner').next = new Element('a',{'class':'next','events': {'click':this.next.bind(this)}});
						$('homepage_banner').next.onclick = mf.stop.bind(mf);						
						$('homepage_banner').adopt($('homepage_banner').next);
						
						//Prev btn (commented out for now - but works)
						$('homepage_banner').prev = new Element('a',{'class':'prev','events': {'click':this.prev.bind(this)}});
						$('homepage_banner').prev.onclick = mf.stop.bind(mf);
						$('homepage_banner').adopt($('homepage_banner').prev);
						
						//Stop auto scroll when thumb is clicked
						$('thumbs').onclick = mf.stop.bind(mf);
						
					},
					'onAutoStop': function() {
						clearTimeout(afterUserClick);
						afterUserClick = setTimeout(this.play.bind(this), 10000);
					}
				});
			}
			
		};
		
		var mainBanner; // add this here so the switchBanner below can call it later
		
		window.addEvent('domready', function () {
			
			myMooFlowPage.start();
			
			mainBanner = new noobSlide({
				box: $('slide'),
				items: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16],
				size: 900,
				autoPlay: false
			});
		
		});
		
		
		function switchBanner(thumb) {
			mainBanner.walk(thumb);
		}
		
	/* ]]> */