var countdownDate;

var daysElement;

var hoursElement;

var minsElement;

var secsElement;



function initCountdownTimer() {

	countdownDate = new Date("September 25 2012, 09:00:00");

	daysElement = document.getElementById('countdown-days');

	hoursElement = document.getElementById('countdown-hours');

	minsElement = document.getElementById('countdown-mins');

	secsElement = document.getElementById('countdown-secs');



	updateCountdownTimer(); // do initial refresh

}



function updateCountdownTimer() {

	var todaysDate = new Date();

	if (todaysDate < countdownDate) {

		var deltaDate = new Date(countdownDate - todaysDate);

		var deltaTime = Math.floor(deltaDate.getTime() / 1000);

		var numDays = Math.floor(deltaTime / 86400);

		deltaTime -= (numDays * 86400);

		var numHours = Math.floor(deltaTime / 3600);

		deltaTime -= (numHours * 3600);

		var numMins = Math.floor(deltaTime / 60);

		deltaTime -= (numMins * 60);

		var numSecs = deltaTime;



		// convert to strings

		numDays = (numDays >= 10) ? numDays + '' : '0' + numDays + '';

		numHours = (numHours >= 10) ? numHours + '' : '0' + numHours + '';

		numMins = (numMins >= 10) ? numMins + '' : '0' + numMins + '';

		numSecs = (numSecs >= 10) ? numSecs + '' : '0' + numSecs + '';



		html = '';

		for (var c = 0; c < numDays.length; c++) {

			var n = numDays.charAt(c);

			html += '<div class="digi' + n + '"><span>' + n + '</span></div>';

		}

		if (daysElement) daysElement.innerHTML = html;



		html = '';

		for (var c = 0; c < numHours.length; c++) {

			var n = numHours.charAt(c);

			html += '<div class="digi' + n + '"><span>' + n + '</span></div>';

		}

		if (hoursElement) hoursElement.innerHTML = html;



		html = '';

		for (var c = 0; c < numMins.length; c++) {

			var n = numMins.charAt(c);

			html += '<div class="digi' + n + '"><span>' + n + '</span></div>';

		}

		if (minsElement) minsElement.innerHTML = html;



		html = '';

		for (var c = 0; c < numSecs.length; c++) {

			var n = numSecs.charAt(c);

			html += '<div class="digi' + n + '"><span>' + n + '</span></div>';

		}

		if (secsElement) secsElement.innerHTML = html;

	} else {

		return false;

	}

}