function slideshow() {
/* Navigation 	
	$('#slideshow').after('\n<nav id="slideshow-nav">'); // build slideshow nav wrapper
	$('#slideshow-nav').append('<ul>'); // wrap slide links so next/prev aren't included in array
	$('#slideshow-nav ul').before('\n<a id="slideshow-prev">&#171;</a>\n'); // previous slide link
	$('#slideshow-nav ul').after('\n<a id="slideshow-next">&#187;</a>\n'); // next slide link

	 makeNav(); // creates a navigable array of slide items
 */
 
	// initialize slideshow
	$('#slideshow .description').hide();
	$('#slideshow li:first').addClass("active").find('.description').fadeIn();
	
	// slide title
	$('#slideshow li').click(function() {
		clearInterval(timer);	
		var element = $('#slideshow li').index(this);
		currentSlide(element);
	});
	
	// slide navigation
	$('#slideshow-nav li').click(function() {
		clearInterval(timer);
		var element = $('#slideshow-nav li').index(this);
		currentSlide(element);
   });

	// next button
	$('#slideshow-next').click(function() {
		clearInterval(timer);	
		nextSlide();
	});
	
	// previous button
	$('#slideshow-prev').click(function() {
		clearInterval(timer);	
  	  	prevSlide();
	});

	//nextSlide();
	timer = setInterval("nextSlide()", 4500 );
}



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

	var $next =  $active.next().length ? $active.next() : $('#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 = $('#slideshow li').index($next);
	$("#slideshow-nav li").removeClass('active');
	$("#slideshow-nav li").eq(index).addClass('active');
}


function prevSlide() {
  	var $active = $('#slideshow li.active');
		
	if ( $active.length == 0 ) $active = $('#slideshow li:first');
		
    var $prev =  $active.prev().length ? $active.prev() : $('#slideshow li:last');
	
	$active.addClass('last-active');
	
	$prev.addClass('active');
	$('.active .description').fadeIn();
	$('.last-active .description').fadeOut();
    $active.removeClass('active last-active');
	
	var index = $('#slideshow li').index($prev);
	$("#slideshow-nav li").removeClass('active');
	$("#slideshow-nav li").eq(index).addClass('active');
}


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


function makeNav() {
	$('#slideshow').find("li").each(function(i) {
		i = i+1; // start at 1, not 0
		$('#slideshow-nav ul').append('<li><a>'+i+'</a></li>');
	});
}