// JavaScript Document

var banners = new Array();

banners[0] = '<a href="1000-4x6-postcards-for-55-p-83.html"><img src="images/specials/1000postcard_special.jpg" width="561" height="250" border="0" /></a>';
banners[1] = '<a href="2-x-35-16pt-business-cards-uv-on-4color-sides-p-1.html"><img src="images/specials/bcard_special.jpg" width="561" height="250" border="0" /></a>';


var i = 0;



function closeAll()

{

	for(x in divs)

	{

		$("#"+divs[x]).hide();	

	}

}



function bannerRotator()

{

	x = i % banners.length;

	nextImage = banners[x];

	$("#banner2").html(nextImage);

	$("#banner2").fadeIn(2500, function() {

		$("#banner1").html(nextImage);

		$("#banner2").hide();

	});

	i = i+1;

}

function bannerNav()
{
	num = banners.length;
	bannerNavHtml = '';
	for(i=0; i<num; i++)
	{
		bannerNavHtml = bannerNavHtml + '<a href="#"><img src="images/specials/button_off.png" id="bannerButton_'+i+'" onmouseover="bannerButton('+i+')" onmouseout="setInterval(\'bannerRotator\', 5000)" border="0" /></a>';
	}
	return bannerNavHtml;
}

function bannerButton(num)
{
	clearInterval(bannerRotator());
	$("#banner2").html('');
	$("#banner1").html(banners[num]);
}



$(document).ready(function() {
						   
	bannerRotator();
	$("#bannerNav").html(bannerNav());
	setInterval("bannerRotator()", 5000);
	

});