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() {
	$("div.middleAdColumn").animate({marginLeft: "-900px"}, 350, function() {
		$("div.middleAdColumn").remove();
		$("div.rightAdColumn").addClass("middleAdColumn");
		$("div.rightAdColumn").removeClass("rightAdColumn");
		$("div.middleAdColumn").after('\n<div class=\"specialsAdArea rightAdColumn\">\n<div class="specialsAdAreaLeft">\n</div>\n<div class="specialsAdAreaRight">\n</div>\n<div class="clear">&nbsp;</div>\n</div>');
		loadingSlide = 0;
	});
}
function shiftLeft() {
	$("div.rightAdColumn").remove();
	$("div.leftAdColumn").animate({marginLeft: "900px"}, 350, function() {
		$("div.leftAdColumn").css("margin-left", "0");
		$("div.middleAdColumn").remove();
		$("div.leftAdColumn").addClass("middleAdColumn");
		$("div.leftAdColumn").removeClass("leftAdColumn");
		$("div.middleAdColumn").before('<div class=\"specialsAdArea leftAdColumn\">\n<div class="specialsAdAreaLeft">\n</div>\n<div class="specialsAdAreaRight">\n</div>\n<div class="clear">&nbsp;</div>\n</div>\n');
		$("div.middleAdColumn").after('\n<div class=\"specialsAdArea rightAdColumn\">\n<div class="specialsAdAreaLeft">\n</div>\n<div class="specialsAdAreaRight">\n</div>\n<div class="clear">&nbsp;</div>\n</div>');
		loadingSlide = 0;
	});
}
function generateTab(tab) {
	largeImage = "specials/"+scrollingAds[tab]['adImage']+"";
	adImage = '<a href="specialsdetail.cfm?ad='+scrollingAds[tab]['adId']+'"><img src="'+largeImage+'.jpg" alt="'+scrollingAds[tab]['adTitle']+'" /></a>';
	adContent = "<h2><a href=\"specialsdetail.cfm?ad="+scrollingAds[tab]['adId']+"\">"+scrollingAds[tab]['adTitle']+"</a></h2>";
	adContent += "<h3><a href=\"specialsdetail.cfm?ad="+scrollingAds[tab]['adId']+"\">"+scrollingAds[tab]['adDate']+"</a></h3>";
	adContent += scrollingAds[tab]['adBulletPoints'];
	adContent += "<p class=\"fullPageAdLink\"><a href=\"specialsdetail.cfm?ad="+scrollingAds[tab]['adId']+"\">&raquo; See full page ad for details</a></p>";
}
function clickArrowRight() {
	if (loadingSlide == 1)
	{
		//alert("too fast");
		return false;
	}

	loadingSlide = 1;

	showLoadingGraphic();
	currentScrollingAd = currentScrollingAd + 1;
	if(currentScrollingAd == scrollingAds.length) { currentScrollingAd = 0; }
	generateTab(currentScrollingAd);
	$("div.rightAdColumn > div.specialsAdAreaLeft").html(adImage);
	$("div.rightAdColumn > div.specialsAdAreaRight").html(adContent);
	$("div.rightAdColumn > div.specialsAdAreaRight").attr("class", "specialsAdAreaRight "+scrollingAds[currentScrollingAd]['adBackground']);
	var urls = [ largeImage ];
	$.preload( urls, {
		base:'http://www.randq.com/',
		ext:'.jpg',
		onComplete:function( data ) {
			var img = new Image();
			img.src = data.image;
		},
		onFinish:function() {
			shiftRight();
			$("div#loadingGraphic").hide();	
		}
	});
}
function clickArrowLeft() {
	if (loadingSlide == 1)
	{
		//alert("too fast");
		return false;
	}

	loadingSlide = 1;

	showLoadingGraphic();
	currentScrollingAd = currentScrollingAd - 1;
	if(currentScrollingAd < 0) { currentScrollingAd = scrollingAds.length - 1; }
	generateTab(currentScrollingAd);
	$("div.leftAdColumn > div.specialsAdAreaLeft").html(adImage);
	$("div.leftAdColumn > div.specialsAdAreaRight").html(adContent);
	$("div.leftAdColumn > div.specialsAdAreaRight").attr("class", "specialsAdAreaRight "+scrollingAds[currentScrollingAd]['adBackground']);
	var urls = [ largeImage ];
	$.preload( urls, {
		base:'http://www.randq.com/',
		ext:'.jpg',
		onComplete:function( data ) {
			var img = new Image();
			img.src = data.image;
		},
		onFinish:function() {
			shiftLeft();
			$("div#loadingGraphic").hide();
		}
	});
}