
countdownTarget = [new Date(2010,10,4,18,0,0), new Date(2010,10,5,18,0,0)];
var countdownOffset = 0; //#milliseconds faster client clock is 
$(function() { 
	countdownOffset = (server_time==null?0:(new Date()).getTime()-(server_time.getTime()+1000));
	updateCountdown(); 
});

function updateCountdown(){
	var now_server = new Date((new Date()).getTime() - countdownOffset);
	
	for (var i=0;i<countdownTarget.length;i++) {
		var remaining = countdownTarget[i].getTime() - now_server.getTime();
		var body = $('#countdown'+(i+1)+' .countdown_body');
		if(remaining < 0 && remaining > (0-3600*4*1000))
		    body.html('<div class="countdown_message_wrap">HAPPENING NOW!</div>');
		else if (remaining < 0)
		    body.html('<div class="countdown_message_wrap">IS OVER!</div>');
		else {
			remaining = Math.floor(remaining/1000);

			var days = Math.floor(remaining/86400);
			remaining = remaining%86400;
	
			var hours = Math.floor(remaining/3600);
			remaining = remaining%3600;
	
			var mins = Math.floor(remaining/60);
			remaining = remaining%60;
	
			var secs = Math.floor(remaining);

			var result = "<div class='countdown_time_wrap'>";
            result += "<span class='countdown_num'>"+(days<10?'0':'')+days+"</span>DAY"+((days!=1)?"S":"")+" | ";
			//result += "<span class='countdown_num'>"+(days>99?'':'')+(mins<10?'0':'')+mins+"</span>MINUTE"+((mins!=1)?"S":"");
			result += "</div><div class='countdown_time_wrap'>";
			result += "<span class='countdown_num'>&nbsp; "+(hours<10?'0':'')+hours+"</span>HOUR"+((hours!=1)?"S":"")+"";
			//result += "<span class='countdown_num'>"+(secs<10?'0':'')+secs+"</span>SECOND"+((secs!=1)?"S":"");
			result += "</div>"
			body.html(result);
		}
	}
	setTimeout("updateCountdown()", 1000);
}



