function sponSlideshow() {

 
	// initialize slideshow
	$('#spon-slideshow .description').hide();
	$('#spon-slideshow li:first').addClass("active").find('.description').fadeIn();
	
	// slide title
	$('#spon-slideshow li').click(function() {
		//clearInterval(sponTimer);	
		//var element = $('#spon-slideshow li').index(this);
		//sponCurrentSlide(element);
	});
	


//nextSlide();
	sponTimer = setInterval("sponNextSlide()", 4500 );
}



function sponNextSlide() {
	// jump started thanks to http://jonraasch.com/blog/a-simple-jquery-slideshow 
	var $active = $('#spon-slideshow li.active'); // active default
	
	if ( $active.length == 0 ) $active = $('#spon-slideshow li:last');

	var $next =  $active.next().length ? $active.next() : $('#spon-slideshow li:first'); // loop when we reach the end
   
	$active.addClass('last-active'); // so we can fadeout the last slide
 	
	$next.addClass('active'); // find the next slide
	$('.active .description').fadeIn();
	$('.last-active .description').fadeOut();
    $active.removeClass('active last-active'); // remove previous slide classes
			
	// add active state to slideshow navigation
	var index = $('#spon-slideshow li').index($next);
	$("#spon-slideshow-nav li").removeClass('active');
	$("#spon-slideshow-nav li").eq(index).addClass('active');
}



function sponCurrentSlide(element) {
	$("#spon-slideshow-nav li").removeClass('active'); // reset elements
	$("#spon-slideshow-nav li").eq(element).addClass('active'); // make selected item active
						  
	$('#spon-slideshow li').removeClass('active last-active').find('.description').fadeOut();
	$('#spon-slideshow li').eq(element).addClass('active').find('.description').fadeIn();
}