(function($){

	var slides = [
		{ loaded:false, title:'', desc:'Fredbird entertaining at Motorcycles and More Open House', path:'/uploads/slides/002.jpg', width:675, height:331 },
		{ loaded:false, title:'', desc:'Jay Driemeyer on his 200 GasGas at MHSC Race Eugene MO.', path:'/uploads/slides/004.jpg', width:675, height:453 },
		{ loaded:false, title:'', desc:'Nick Hanify and his 250 GasGas battling at MHSC Jenkins MO.', path:'/uploads/slides/007.jpg', width:675, height:331 },
		{ loaded:false, title:'', desc:'A fun cruise on the Hyosung ST7 to Table Rock Lake, Branson MO.', path:'/uploads/slides/dscn1746-(Medium)-(Small).jpg', width:640, height:480 },
		{ loaded:false, title:'', desc:'Kurt Driemeyer on his way to the season championship on his ATK Quad', path:'/uploads/slides/001.jpg', width:675, height:331 },
		{ loaded:false, title:'', desc:'Matt Reynolds GasGas 300 at MHSC Race in Eugene MO.', path:'/uploads/slides/006.jpg', width:675, height:331 },
		{ loaded:false, title:'', desc:'Nick Hanify GasGas 250 before his 3rd place at Mansfield MO.', path:'/uploads/slides/005.jpg', width:675, height:331 },
		{ loaded:false, title:'', desc:'A little work, a lot of fun on the Kymco ATV\'s', path:'/uploads/slides/003.jpg', width:675, height:331 }
	];
	
	var slideI = 0;

	// preload the loading image
	img = new Image();
	img.src = '/pix/slideshow-loading.jpg';

	function init() {
	
		// preload the first i slides
		var initialSlides = '';
		for(var i=0; i<2; i++) {
			initialSlides += slideHtml(i);
			slides[i].loaded = true;
		}
		$('#slideshow').html(initialSlides);

		$('#slideshow').cycle({
			fx: 	'fade',
			timeout: 5000,
			speed: 4000,
			random: 0,// 1,
			before: onBefore // add another slide
		});
	}
	
	function onBefore(curr, next, opts) {
		// make sure we don't call addSlide before it is defined 
		if (!opts.addSlide) return; 
		while(slideI < slides.length && slides[slideI].loaded) slideI++;
		if(!slides[slideI]) return;
		opts.addSlide( slideHtml(slideI) ); 
		slides[slideI].loaded = true;
		slideI++;
	}
	
	function slideHtml(idx) {
		if(!slides[idx]) return;
		var title = slides[idx].title ? ('<div class="title">'+slides[idx].title+'</div>') : '';
		var desc  = slides[idx].desc ? ('<div class="desc">'+slides[idx].desc+'</div>') : '';
		return '<div id="slide-'+idx+'" class="slide"><img src="' + slides[idx].path + '" width="'+slides[idx].width+'" height="'+slides[idx].height+'" border="" alt="" /><div class="overlay cssPng"></div><div class="words">'+title+desc+'</div></div>'
	}
	
	$(init);

})(jQuery);