var last_iter=0;
function slSw(iter) {
    if (last_iter!=iter) {
		var $active = $('#slideshow li.active');
	
		if ( $active.length == 0 ) $active = $('#slideshow li:last');
	
		// use this to pull the divs in the order they appear in the markup
		var $next =  $active.next().length ? $active.next()
			: $('#slideshow li:first');
	
		// uncomment below to pull the divs randomly
		// var $sibs  = $active.siblings();
		// var rndNum = Math.floor(Math.random() * $sibs.length );
		// var $next  = $( $sibs[ rndNum ] );
		
		var $next  = $('#pic'+iter);
		
		$active.addClass('last-active');
		
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('active last-active');
			});
		$('#nr'+last_iter).removeClass('sl');
		
		last_iter=iter;
		$('#nr'+last_iter).addClass('sl');
	}
}

$(function() {$('#slideshow a').lightBox({imageLoading: '/media/lightbox/loading.gif',imageBtnClose: '/media/lightbox/close.gif',imageBtnPrev: '/media/lightbox/prev.gif',imageBtnNext: '/media/lightbox/next.gif'});});