// ID of the element that will hold the countdown clock
var targetEleId = "countdown";

// Date to count down to
var countDownDate = new Date(2012, 1-1, 1, 0, 0, 0, 0);

function startCountdown() {

	var msg = "";

	var rightNow = new Date();
	var secondsDiff = Math.floor ((countDownDate.getTime() - rightNow.getTime()) / 1000);
	
	if (secondsDiff <= 0) {
	
		msg = "<p style=\"text-align:center\">" +
			"<a href=\"http://www.celebrate100saultstemarie.com\" title=\"Celebrate 100!\"" +
				" style=\"font-weight:bold;text-decoration:none;color:white\">" +
			"<span style=\"font-size:12px;font-weight:bold\">100 Years as a City in 2012<br />";
		
		secondsDiff = secondsDiff * -1;
		
		var dayNum = Math.ceil (secondsDiff / 86400);
		
		var hours = rightNow.getHours();
		var minutes = rightNow.getMinutes();
		var seconds = rightNow.getSeconds();
		var timeOfDay = "AM";
		
		if (hours > 12) {
			hours = hours - 12;
			timeOfDay = "PM";
		}
		
		if (minutes < 10)
			minutes = "0" + minutes;
			
		if (seconds < 10)
			seconds = "0" + seconds;
		
		msg = msg + "<span style=\"font-size:20px;color:red\">Day " + dayNum + "</span><br />" +
			"<span style=\"font-size:20px\">" + hours + ":" + minutes + ":" + seconds + " " + timeOfDay + "</span></a></p>";
	}
	else {
	
		msg = "<p style=\"text-align:center;color:red\">" +
			"<a href=\"http://www.celebrate100saultstemarie.com\" title=\"Celebrate 100!\"" +
				" style=\"font-weight:bold;text-decoration:none;color:red\">" +
			"<span style=\"font-size:12px;font-weight:bold\">Countdown to 100 Years!</span><br />";
	
		var dayNum = Math.floor (secondsDiff / 86400);
		secondsDiff = secondsDiff - (dayNum * 86400);
		
		var hourNum = Math.floor (secondsDiff / 3600);
		secondsDiff = secondsDiff - (hourNum * 3600);
		
		var minuteNum = Math.floor (secondsDiff / 60);
		secondsDiff = secondsDiff - (minuteNum * 60);
		var secondNum = secondsDiff;
		
		if (hourNum < 10)
			hourNum = "0" + hourNum;
		if (minuteNum < 10)
			minuteNum = "0" + minuteNum;
		if (secondNum < 10)
			secondNum = "0" + secondNum;

		msg = msg + "<span style=\"font-size:20px\">" + dayNum + " Days<br/>" + 
			"<span style=\"font-size:20px\">" + hourNum + ":" + minuteNum + ":" + secondNum + "</span></a></p>";
	}
	
	$("#" + targetEleId).html(msg);
	window.setTimeout("startCountdown()", 1000);
}

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