$(function(){
	timer();
	//Hide other images
	$('#image').find('li').hide();
	$('#image').find('li.active').show();
	//SlideShow Control
	$('#topics li a').click(function(){
		$('#topics').find('li.selected').removeClass('selected');
		if ($(this).attr('href') == '#1') {
			control = true;
			clearInterval(timeout);
			$('#image').find('li').hide();
			$('#image').children('li').eq(0).fadeIn(800);
		}else if ($(this).attr('href') == '#2'){
			control = true;
			clearInterval(timeout);
			$('#image').find('li').hide();
			$('#image').children('li').eq(1).fadeIn(800);
		}else if ($(this).attr('href') == '#3'){
			control = true;
			clearInterval(timeout);
			$('#image').find('li').hide();
			$('#image').children('li').eq(2).fadeIn(800);
		}else if ($(this).attr('href') == '#4'){
			control = true;
			clearInterval(timeout);
			$('#image').find('li').hide();
			$('#image').children('li').eq(3).fadeIn(800);
		};
		$(this).parent().addClass('selected');
	});
});

var timeout;
var control;

function timer(){
	if (control != true) {
		clearInterval(timeout);
		timeout = setInterval(changePhoto, 2500);
	};
}

function changePhoto(){
	if($("#image li:last").attr("class") == 'active') {
        $('#image').find('li.active').removeClass().hide();
        $('#image li:first').addClass('active').fadeIn(800);
        $('#topics li.selected').removeClass('selected');
        $('#topics li:first').addClass('selected');
    }else{
    	$('#image').find('li.active').removeClass().hide().next('li').addClass('active').fadeIn(800);
    	$('#topics li.selected').removeClass('selected').next('li').addClass('selected');
    }
}