$(document).ready(function () {
	$('#slideshow #thumbnails a').click(function(){
		clearInterval(timerId);
		var currentImageIndex = $('#thumbnails li').index($(this).parent());
		setPanel(currentImageIndex);
		$('#slideshow #thumbnails li').removeClass('selected');
		$(this).parent().addClass('selected');
		return false;
	})
	
	function fadeBanners() {
		var totalPanels = $('#slideshow #thumbnails li').length;
		var currentPanel = $('#slideshow #thumbnails li').index($('#thumbnails li.selected'));
		nextPanel = currentPanel + 1;
		if(nextPanel > totalPanels - 1) {
			nextPanel = 0;
		}
		setPanel(nextPanel);
		$('#slideshow #thumbnails li').removeClass('selected');
		$('#slideshow ul li:eq('+nextPanel+')').addClass('selected');
	}
	
	function setPanel(referencePanel) {
		$('#topImage').parent().attr('href', $('#bigPhotos ul li:eq('+referencePanel+') a').attr('href'));
		$('#topImage')
			.css('opacity', "0")
			.attr('src', $('#bigPhotos ul li:eq('+referencePanel+') img').attr('src'))
			.show()
			.stop()
			.animate({opacity: "1"}, 500, "linear", function(){
				$('#bigPhotos li').hide();
				$('#bigPhotos ul li').eq(referencePanel).show();
				$('#topImage').hide().css('opacity', '0');
			});	
	}
	
	$('#topImage')
		.hide()
		.css('opacity', '0')
		.css('position', 'absolute')
		.css('top', '0')
		.css('left', '0')
		.attr('src', $('#mainBanner li:first img').attr('src'));
	$('#bigPhotos li').hide();
	$('#bigPhotos li:first').show();
	
	function startShow() {
		timerId = setInterval(function () {fadeBanners()}, 5 * 1000);	
	}
	startShow();
})