var selected_id = 1;
var timer;

$( document ).ready( function(){
	$('.animated-tabbed a').click(function(){
		show_slide($(this).attr('title'));
		return false;
	});

	timer = window.setTimeout(function() {
				slideshow_scroll();
			}, 5000);
	
	return false;
});

function slideshow_scroll() {
	if (selected_id == 4)
		selected_id = 1;
	else
		selected_id = selected_id + 1;
	
	show_slide(selected_id);
	
	timer = window.setTimeout(function() {
				slideshow_scroll();
			}, 5000);
	
	return false;

}

function show_slide(slide_number) {
	clearTimeout(timer);	
		
	selected_id = slide_number;
	
	var text_id = '#tab-text-' + slide_number;
	var image_id = '#tab-image-' + slide_number;
	var button_id = '#slideshow-button-' + slide_number;
	
	var ul = $(this).parent().parent();
	var parent = ul.parent();
	
	$('#slideshow-button-1').removeClass('active');
	$('#slideshow-button-2').removeClass('active');
	$('#slideshow-button-3').removeClass('active');
	$('#slideshow-button-4').removeClass('active');
	
	$('#tab-text-1').hide();
	$('#tab-text-2').hide();
	$('#tab-text-3').hide();
	$('#tab-text-4').hide();
	
	$('#tab-image-1').hide();
	$('#tab-image-2').hide();
	$('#tab-image-3').hide();
	$('#tab-image-4').hide();
	
	$(image_id).fadeIn();
	$(text_id).fadeIn();
	$(button_id).addClass('active');
	
	return false;	
	
}