fade_speed = 500;
autoplay_speed = 4000;
autoplay = true;
			
$(document).ready(function(){
	$('#carousel li').hide();
	$('#carousel li:first').show().addClass('active');
	$('#carousel_nav div a:first').show().addClass('active');
	
	setTimeout("autoPlay()", autoplay_speed);
	
	$('#carousel').click(function(){
		autoplay = false;
	});
	
	$('#carousel_nav_next').click(function(e){
		autoplay = false;
		e.preventDefault();
		loadNext();
	});
	
	$('#carousel_nav_prev').click(function(e){
		autoplay = false;
		e.preventDefault();
		loadPrev();
	});
	
	$('#carousel_nav div a').click(function(e){
		autoplay = false;
		e.preventDefault();
		setCarousel($(this).index());
	});
});

function loadPrev(){
	active_index = $('#carousel li.active').index();
	if(active_index == $('#carousel li:first').index()) active_index = 3;
		else active_index--;
	
	setCarousel(active_index);
}

function autoPlay()
{
	if(autoplay) setTimeout("autoPlay()", autoplay_speed);
	if(autoplay) loadNext();
}

function loadNext(){
	active_index = $('#carousel li.active').index();
	if(active_index == $('#carousel li:last').index()) active_index = 0;
		else active_index++;
			
	setCarousel(active_index);
}

function setCarousel(active_index){
	$('#carousel li.active').fadeOut(fade_speed);
	$('#carousel li.active').removeClass('active');
	$('#carousel li:eq('+active_index+')').fadeIn().addClass('active');
	
	$('#carousel_nav a.active').removeClass('active');
	$('#carousel_nav div a:eq('+active_index+')').addClass('active');
}