// In Page Slideshow Settings //////////////////////////////////////
//var slides;

$(document).ready (function () {
	
	if (slides.length > 0)
	{
		// get featured image
		var featuredImage = String($('.feature img').attr('src'));
		
		slides.push({ src : featuredImage});
		
		// set featured image as a background so transition isn't "harshin' my mellow"
		var backgroundImage = 'url(' + featuredImage + ') no-repeat top center';
		$('.feature').css('background', backgroundImage);
		
		// make div to hold slideshow images
		$('.feature img').wrap('<div class="slides" style="width:525px; height:280px;"></div>');
		
		// call slideshow constructor
		$('.slides')
		.crossSlide({
			sleep: 2,
			fade: 1,
			shuffle: false
			}, slides
			);
	}
});