var $running;
var $timer;
function slideShow() {
	var $items = $('#slideshow > img');
	if($items.length != 0) {
		$items.hide().filter(':first').show();			
		if($running) {
			var $active = $('#slideshow > img.active');
			if($active.length == 0) {$active = $('#slideshow > img:last');}
			var $next =  $active.next().length ? $active.next() : $('#slideshow > img:first');
			$items.hide();
			$items.filter('#'+$next.attr('id')).fadeIn(500, function() {
				$active.removeClass('active');
				$next.addClass('active');
			});
			setTimeout("slideShow()", $timer);
		}
	}
};
function changeImage() {
	var $items = $('#slideshow > img');
	if($items.length != 0) {
		$items.hide().filter(':first').show();
		$('.view_slide a').click(function () {
			if(this.className.indexOf('current') == -1) {
				$items.hide();
				$items.filter(this.hash).fadeIn(500);
				$('.view_slide a').removeClass('current');
				$(this).addClass('current');
			}
			return false;
		});
	}
};
$(document).ready(function() {
	$timer = 3000;
	changeImage();
	$running = false;
	$('#slideshow_check').bind('click', function() {
		var $checked = $("#slideshow_check").attr("checked");
		if($checked) {
			$running = true;
			slideShow();
		} else {
			$running = false;
			clearTimeout($timer);
			$('.view_slide a').each(function(index, elem) {
				$(elem).removeClass('current');
			});
		}
	});
});