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: "-518px"}, 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: "-412px"}, 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: "518px"}, 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: "412px"}, 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 = scrollingAds[tab]['imagePath']+'c_'+scrollingAds[tab]['imageBlankName'];
	imageImage = '<img src="'+largeImage+'.jpg" alt="'+scrollingAds[tab]['hpaTitle']+'" />';
	imageTitle = "<h3>"+scrollingAds[tab]['hpaTitle']+"</h3>";
	if(scrollingAds[tab]['hpaLink'].length > 0) {
		var hpaDescription = scrollingAds[tab]['hpaDescription'];
		var descriptionEnd = scrollingAds[tab]['hpaDescription'].indexOf("</p>");
		imageTitle += scrollingAds[tab]['hpaDescription'].substring(0, descriptionEnd)+' &nbsp;<a href="'+scrollingAds[tab]['hpaLink']+'" title="'+scrollingAds[tab]['hpaTitle']+'">More &hellip;</a></p>';
	}
	else { imageTitle += scrollingAds[tab]['hpaDescription']; }
}
function clickArrowRight() {
	if (loadingSlide == 1) { return false; } loadingSlide = 1;
	showLoadingGraphic();
	currentScrollingAd = currentScrollingAd + 1;
	if(currentScrollingAd == scrollingAds.length) { currentScrollingAd = 0; }
	generateTab(currentScrollingAd);
	$("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();
	currentScrollingAd = currentScrollingAd - 1;
	if(currentScrollingAd < 0) { currentScrollingAd = scrollingAds.length - 1; }
	generateTab(currentScrollingAd);
	$("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();
		}
	});
}