/*
Author: Robert Hashemian
http://www.hashemian.com/

You can use this code in any manner so long as the author's
name, Web address and this disclaimer is kept intact.
********************************************************
Usage Sample:

<script language="JavaScript">
TargetDate = "12/31/2020 5:00 AM";
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
FinishMessage = "It is finally here!";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>
*/

CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%%<span class=\"next-race-counter-label\">D</span> %%H%%<span class=\"next-race-counter-label\">H</span> %%M%%<span class=\"next-race-counter-label\">M</span> %%S%%<span class=\"next-race-counter-label\">S</span>";
FinishMessage = "0<span class=\"next-race-counter-label\">D</span> 0<span class=\"next-race-counter-label\">H</span> 0<span class=\"next-race-counter-label\">M</span> 0<span class=\"next-race-counter-label\">S</span>";

function calcage(secs, num1, num2) {
  s = ((Math.floor(secs/num1))%num2).toString();
  if (LeadingZero && s.length < 2)
    s = "0" + s;
  return s;
}

function CountBack(secs) {
  if (secs < 0) {
    document.getElementById("cntdwn").innerHTML = FinishMessage;
    return;
  }
  DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
  DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
  DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
  DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));

  document.getElementById("countdown").innerHTML = DisplayStr;
  if (CountActive)
    setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
}

function TargetDateGMTToLocal(datetime) {
	var gmtDateTime = new Date(datetime);
	var currDateTime = new Date();
	var offset = currDateTime.getTimezoneOffset()*60000;
	var localTime = gmtDateTime.getTime() - offset;
	var localDateTime = new Date(localTime);
	var Hour = localDateTime.getHours();
	var AmPm = 'AM';
	if(Hour > 12) {
		Hour = Hour - 12;
		AmPm = 'PM';
	}
	if(Hour == 12) AmPm = 'PM';
	if(Hour == 0) Hour = 12;
	return padNumber(localDateTime.getMonth()+1,2)+'/'+padNumber(localDateTime.getDate(),2)+'/'+localDateTime.getFullYear()+' '+Hour+':'+padNumber(localDateTime.getMinutes(),2)+' '+AmPm;
}
if (typeof(TargetDateGMT)=="undefined") TargetDate = "12/31/2020 5:00 AM";
else TargetDate = TargetDateGMTToLocal(TargetDateGMT);
if (typeof(DisplayFormat)=="undefined") DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
if (typeof(CountActive)=="undefined") CountActive = true;
if (typeof(FinishMessage)=="undefined") FinishMessage = "";
if (typeof(CountStepper)!="number") CountStepper = -1;
if (typeof(LeadingZero)=="undefined") LeadingZero = true;

CountStepper = Math.ceil(CountStepper);
if (CountStepper == 0) CountActive = false;
var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990;
var dthen = new Date(TargetDate);
var dnow = new Date();
if(CountStepper>0) ddiff = new Date(dnow-dthen);
else ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(gsecs);