var topBannerImage1 = new Image()
var topBannerImage2 = new Image()
var topBannerImage3 = new Image()
var topBannerImage4 = new Image()

// Change the images here to change them throughout the script.
topBannerImage1.src = "../images/bannerLong-2FreePillowsMo.png";
topBannerImage2.src = "../images/bannerLong-2FreePillowsTu.png";
topBannerImage3.src = "../images/bannerLong-2FreePillowsTh.png";
topBannerImage4.src = "../images/bannerLong-SaturdayOnly10.png";
var isStoreOpen;

$(document).ready(function()
{
	setBusinessHours();
});

//=================================================================
// determineBannerState determines whether or not the current time
// is within store sales hours. It then calls changeBanner, passing
// a different parameter depending on the previous determination.
//=================================================================
function determineBannerState(openTime, closeTime)
{
	var today = new Date();
	
	var html = $.ajax({
		  url: "../topBanner.asp",
		  cache: false,
		  type: "POST",
			data:	"year=" + today.getFullYear() + "&month=" + (today.getMonth() + 1) + "&day=" + today.getDate() + "&openTime=" + openTime
				+ "&closeTime=" + closeTime,
		  dataType: "html",
		  success: function(duringSalesHours){
				if (duringSalesHours == "True")
					changeBanner(date = new Date());
				else
					changeBanner();
		  }
		}
	);
}

//=============================================================
// setBusinessHours uses the day of the week to determine
// the sales hours. It also calls determineBannerState, passing
// it the opening and closing hours for the current day.
// 
// NOTE: On Saturdays, setBusinessHours calls changeBanner
// directly rather than calling determineBannerState, since the
// banner for Saturday is the same all day.
//=============================================================
function setBusinessHours()
{
	var currentDate = new Date();
	var openTime;
	var closeTime;
	var salesHours;
	var customerServiceHours;
	
	var weekday = new Array(7);
	weekday[0] = "Sun";
	weekday[1] = "Mon";
	weekday[2] = "Tue";
	weekday[3] = "Wed";
	weekday[4] = "Thu";
	weekday[5] = "Fri";
	weekday[6] = "Sat";
	
	var day = weekday[currentDate.getDay()];
	var isStoreOpen;
	
	switch (day)
	{
		case "Sun":
			openTime = "11AM";
			closeTime = "6PM";
			customerServiceHours = "Closed";
			
			if (document.getElementById("topBannerContainer") != null)
				determineBannerState("11:00 AM", "6:00 PM");
			break;
			
		case "Mon":
			openTime = "8:30AM";
			closeTime = "12 Midnight";
			
			if (document.getElementById("topBannerContainer") != null)
				determineBannerState("8:30 AM", "11:59:59 PM");
			break;
			
		case "Tue":
			openTime = "8:30AM";
			closeTime = "10PM";
			
			if (document.getElementById("topBannerContainer") != null)
				determineBannerState("8:30 AM", "10:00 PM");
			break;
			
		case "Wed":
			openTime = "8:30AM";
			closeTime = "10PM";
			
			if (document.getElementById("topBannerContainer") != null)
				determineBannerState("8:30 AM", "10:00 PM");
			break;
			
		case "Thu":
			openTime = "8:30AM";
			closeTime = "10PM";
			
			if (document.getElementById("topBannerContainer") != null)
				determineBannerState("8:30 AM", "10:00 PM");
			break;
			
		case "Fri":
			openTime = "8:30AM";
			closeTime = "7PM";
			
			if (document.getElementById("topBannerContainer") != null)
				determineBannerState("8:30 AM", "7:00 PM");
			break;
			
		case "Sat":
			customerServiceHours = "Closed";
			
			if (document.getElementById("topBannerContainer") != null)
				changeBanner(date = new Date());
			break;
			
		default:
			break;
	}
	
	if (day == "Sat")
		salesHours = "Closed";
	else
		salesHours = openTime + " - " + closeTime;
	
	if (customerServiceHours == null)
		customerServiceHours = "9AM - 5PM";
		
	customerServiceHours += " (EST)";
	document.getElementById("salesHours").innerHTML = salesHours;
	document.getElementById("customerServiceHours").innerHTML = customerServiceHours;
}

//=========================================================================
// Changes the link location and banner image based on the day of the week.
//
// NOTES: bannerSaleSequence and linkSequence represent the banner images
// and their respective link URLs for each day Sunday through Saturday.
//=========================================================================
function changeBanner(date)
{
	var bannerSaleSequence = new Array(	topBannerImage1.src,
										topBannerImage1.src,
										topBannerImage2.src,
										topBannerImage3.src,
										topBannerImage3.src,
										topBannerImage1.src,
										topBannerImage4.src);

	var linkSequence = new Array(	"../phone-offer.html",
										"../phone-offer.html",
										"../phone-offer.html",
										"../phone-offer.html",
										"../phone-offer.html",
										"../phone-offer.html",
										"");

	var bannerHtml;
	
	
	if (document.getElementById("topBannerContainer") != null)
	{
		if (date == null)
		{
			bannerHtml = "<img src=\"\"/>";
			$("div#topBannerContainer").append(bannerHtml);
			$("div#topBannerContainer img")[0].src = "../images/bannerLong-AfterHours10.png";		
			$("div#topBannerContainer span#topBannerPhoneNumber").hide();
		}
		//else if (date.getDay() == 6)
		else if (date.getDay() == 6)
		{
			bannerHtml = "<img src=\"\"/>";
			$("div#topBannerContainer").append(bannerHtml);
			$("div#topBannerContainer img")[0].src = bannerSaleSequence[date.getDay()];
			$("div#topBannerContainer span#topBannerPhoneNumber").hide();
		}
		else
		{
			bannerHtml = "<a href=\"\"><img border=\"0\" src=\"\"/></a>";
			$("div#topBannerContainer").append(bannerHtml);
			$("div#topBannerContainer a").attr("href", linkSequence[date.getDay()]);
			$("div#topBannerContainer img")[0].src = bannerSaleSequence[date.getDay()];
		}
		
		$("div#topBannerContainer").show();
	}
}