var loadingSlide = 0;

function showLoadingGraphic() {
	$("div#loadingGraphic").show();
	if($("div#loadingGraphic").is(":visible")) { setTimeout("animateLoadingGraphic()", 75); }
	else { $("div#loadingGraphic").children("div").css("top", "0"); return; }
}
function animateLoadingGraphic() {
	$("div#loadingGraphic").children("div").css('top', (loadingInterval * -40) + 'px');
	loadingInterval = (loadingInterval + 1) % 12;
	if($("div#loadingGraphic").is(":visible")) { showLoadingGraphic(); }
}
function shiftRight() {
	//loadingSlide = 1;
	$("div.slideshowMiddle").animate({marginLeft: "-370px"}, 350, function() {
		$("div.slideshowMiddle").remove();
		$("div.slideshowRight").addClass("slideshowMiddle");
		$("div.slideshowRight").removeClass("slideshowRight");
		$("div.slideshowMiddle").after('\n<div class=\"slideshowContainer slideshowRight\">\n</div>');
		loadingSlide = 0;
	});
	$("div.slideshowTitleMiddle").animate({marginLeft: "-314px"}, 350, function() {
		$("div.slideshowTitleMiddle").remove();
		$("div.slideshowTitleRight").addClass("slideshowTitleMiddle");
		$("div.slideshowTitleRight").removeClass("slideshowTitleRight");
		$("div.slideshowTitleMiddle").after('\n<div class=\"slideshowTitleContainer slideshowTitleRight\">\n</div>');
		loadingSlide = 0;
	});
}
function shiftLeft() {
	//loadingSlide = 1;
	$("div.slideshowRight").remove(); $("div.slideshowTitleRight").remove();
	$("div.slideshowLeft").animate({marginLeft: "370px"}, 350, function() {
		$("div.slideshowLeft").css("margin-left", "0");
		$("div.slideshowMiddle").remove();
		$("div.slideshowLeft").addClass("slideshowMiddle");
		$("div.slideshowLeft").removeClass("slideshowLeft");
		$("div.slideshowMiddle").before('<div class=\"slideshowContainer slideshowLeft\">\n</div>\n');
		$("div.slideshowMiddle").after('\n<div class=\"slideshowContainer slideshowRight\">\n</div>');
		loadingSlide = 0;
	});
	$("div.slideshowTitleLeft").animate({marginLeft: "314px"}, 350, function() {
		$("div.slideshowTitleLeft").css("margin-left", "0");
		$("div.slideshowTitleMiddle").remove();
		$("div.slideshowTitleLeft").addClass("slideshowTitleMiddle");
		$("div.slideshowTitleLeft").removeClass("slideshowTitleLeft");
		$("div.slideshowTitleMiddle").before('<div class=\"slideshowTitleContainer slideshowTitleLeft\">\n</div>\n');
		$("div.slideshowTitleMiddle").after('\n<div class=\"slideshowTitleContainer slideshowTitleRight\">\n</div>');
		loadingSlide = 0;
	});
}
function generateTab(tab) {
	largeImage = "imgs/slideshow/"+scrollingImages[tab]['imageName'].substr(0, (scrollingImages[tab]['imageName'].length - 4))+"";
	if(scrollingImages[tab]['imageLink'] != null && scrollingImages[tab]['imageName'] != '') {
		imageImage = '<a href="'+scrollingImages[tab]['imageLink']+'"><img src="'+largeImage+'.jpg" alt="'+scrollingImages[tab]['imageTitle']+'" /></a>';
	}
	else {
		imageImage = '<img src="'+largeImage+'.jpg" alt="'+scrollingImages[tab]['imageTitle']+'" />';
	}
	imageTitle = "<h3>"+scrollingImages[tab]['imageTitle']+"</h3>";
}
function clickArrowRight() {
	if (loadingSlide == 1) { return false; } loadingSlide = 1;
	showLoadingGraphic();
	currentScrollingImage = currentScrollingImage + 1;
	if(currentScrollingImage == scrollingImages.length) { currentScrollingImage = 0; }
	generateTab(currentScrollingImage);
	$("div.slideshowRight").html(imageImage);
	$("div.slideshowTitleRight").html(imageTitle);
	var urls = [ largeImage ];
	$.preload( urls, {
		base:'/',
		ext:'.jpg',
		onComplete:function( data ) {
			var img = new Image();
			img.src = data.image;
		},
		onFinish:function() {
			shiftRight();
			$("div#loadingGraphic").hide();	
		}
	});
}
function clickArrowLeft() {
	if (loadingSlide == 1) { return false; } loadingSlide = 1;
	showLoadingGraphic();
	currentScrollingImage = currentScrollingImage - 1;
	if(currentScrollingImage < 0) { currentScrollingImage = scrollingImages.length - 1; }
	generateTab(currentScrollingImage);
	$("div.slideshowLeft").html(imageImage);
	$("div.slideshowTitleLeft").html(imageTitle);
	var urls = [ largeImage ];
	$.preload( urls, {
		base:'/',
		ext:'.jpg',
		onComplete:function( data ) {
			var img = new Image();
			img.src = data.image;
		},
		onFinish:function() {
			shiftLeft();
			$("div#loadingGraphic").hide();
		}
	});
}
$(document).ready(function() {
	$("div.caPresent").fadeIn(5, function() {
		generateTab(currentScrollingImage);
		$("div.slideshowMiddle").html(imageImage);
		$("div.slideshowTitleMiddle").html(imageTitle);
		$("div.caPresent").fadeIn(5, function() {
			if(scrollingImages.length > 1) { scrollingIntervalId = setInterval('clickArrowRight()', 10000); }
			$("div.slideshowArrowRight > a").click(function() {
				clickArrowRight();
				if(scrollingImages.length > 1) { clearInterval(scrollingIntervalId); }
				return false;
			});
			$("div.slideshowArrowLeft > a").click(function() {
				clickArrowLeft();
				if(scrollingImages.length > 1) { clearInterval(scrollingIntervalId); }
				return false;
			});		
		});	
	});
});