var counter = 1;
var last_slide;
var $slides;
var timeout;

function startSlideshow(interval) {
	timeout = setInterval("nextSlide()", interval);
}

function stopSlideshow() {
	clearInterval(timeout);
}

function nextSlide() {
	var $active = $("ul.slideshow li.active");
	
	if ($active.length === 0) {
		$active = $("ul.slideshow li.slide:last")
	}
	
	var $next = $active.next("li.slide").length ? $active.next("li.slide") : $("ul.slideshow li.slide:first");
	
	$active.addClass('last-active');
	
	$next.css({opacity: 0.0, visiblity: "visible"})
		.addClass('active')
		.animate({opacity: 1.0}, 1000, function () {
			$active.removeClass('active last-active');
		});
	
}

function showFeature(feature) {
	if ($(feature).hasClass("active")) {
		return;
	}
	
	
	$prev_slide = $("li.active");
	$prev_slide.addClass("last-active");
	$(feature).css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 250, function() {
			if ($prev_slide) {
				$prev_slide.removeClass('active last-active');
			}
		});
}