/*
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:
*/



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

function CountBack(secs) {
  if (secs < 0) {
    document.getElementById("cntdwn4").innerHTML = FinishMessage;
    return;
  }
 // DisplayFormat = "%%D%% %%H%%:%%M%%:%%S%%";
  DisplayStr1 = DisplayFormat1.replace(/%%D%%/g, calcage(secs,86400,100000));
  DisplayStr2 = DisplayFormat2.replace(/%%H%%/g, calcage(secs,3600,24));
  DisplayStr3 = DisplayFormat3.replace(/%%M%%/g, calcage(secs,60,60));
  DisplayStr4 = DisplayFormat4.replace(/%%S%%/g, calcage(secs,1,60));

  document.getElementById("cntdwn1").innerHTML = DisplayStr1;
  document.getElementById("cntdwn2").innerHTML = DisplayStr2;
  document.getElementById("cntdwn3").innerHTML = DisplayStr3;
  document.getElementById("cntdwn4").innerHTML = DisplayStr4;




  if (CountActive)
    setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
}

function putspan(backcolor, forecolor) {
// document.write("<span  id='cntdwn' style='background-color:" + backcolor + "; color:" + forecolor + "'> " + oDays + "</span><span class='t1'>Days</span>  ");
 document.write("<table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse;border: solid 1px " + backcolor + ";'><tr><td style='padding-left:1px;padding-top:1px;'><table border='0' cellpadding='2'  cellspacing='0' id='cntdwn' style='border-collapse: collapse;text-align:center '><tr style='background-color:" + forecolor + ";border-left:solid 1px " + forecolor + ";border-right:solid 1px " + forecolor + ";border-top: solid 1px " + forecolor + "'><td colspan='4' valign='top' ><div class='t1' style='color:" + backcolor + "'>time remaining<br /></div></td></tr><tr align='center' width='100%' style='background-color:" + backcolor + "; color:" + forecolor + ";border-left:solid 1px " + backcolor + ";border-right:solid 1px " + backcolor + "' ><td style='border-left: solid 1px " + forecolor + ";border-right: solid 1px " + forecolor + "'><span class='time' style='color:" + forecolor + "'>Days</span></td><td style='border-right: solid 1px " + forecolor + "'><span class='time' style='color:" + forecolor + "'>Hours</span></td><td style='border-right: solid 1px " + forecolor + "'><span class='time' style='color:" + forecolor + "'>Min</span></td><td style='border-right: solid 1px " + forecolor + "'><span class='time' style='color:" + forecolor + "'>Sec</span></td></tr><tr style='background-color:" + backcolor + ";border-left:solid 1px " + backcolor + ";border-right:solid 1px " + backcolor + ";border-bottom: solid 1px " + backcolor + "' ><td style='border-bottom: solid 1px " + forecolor + ";border-left: solid 1px " + forecolor + ";border-right: solid 1px " + forecolor + "'><span id='cntdwn1' class='countdown' style='color:" + forecolor + "'></span></td><td style='border-bottom: solid 1px " + forecolor + ";border-right: solid 1px " + forecolor + "'><span id='cntdwn2' class='countdown' style='color:" + forecolor + "'></span></td><td style='border-bottom: solid 1px " + forecolor + ";border-right: solid 1px " + forecolor + "'><span id='cntdwn3'  class='countdown' style='color:" + forecolor + "'></span></td><td style='border-bottom: solid 1px " + forecolor + ";border-right: solid 1px " + forecolor + "'><span id='cntdwn4' class='countdown' style='color:" + forecolor + "'></span></td></tr></table></td></tr></table>");
 DisplayStr4 = document.getElementById("cntdwn4").innerHTML; 
 document.write(DisplayStr4.substring(1,1));
 /*
 
var oSeconds = (calcage(secs,1,60)); 
var strSec = oSeconds +"";
var lsec = strSec.substring(0,1);
var rsec = strSec.substring(1,1); 

switch (DisplayStr4.substring(1,1))
{
case "1":
  document.write("<div id='didclo' style='background-position: 0 -36px;'></div>");
  break;
case "2":
  document.write("<div id='didclo' style='background-position: 0 -72px;'></div>");
  break;
case "3":
  document.write("<div id='didclo' style='background-position: 0 -108px;'></div>");
  break;
default:
  document.write("<div id='didclo' style='background-position: 0 0px;'></div>");
}

document.write(DisplayStr4.substring(1,1));

switch (DisplayStr4.substring(1,1))
{
case "1":
  document.write("<div id='didclo' style='background-position: 0 -36px;'></div>");
  break;
case "2":
  document.write("<div id='didclo' style='background-position: 0 -72px;'></div>");
  break;
case "3":
  document.write("<div id='didclo' style='background-position: 0 -108px;'></div>");
  break;
case 4:
  document.write("<div id='didclo' style='background-position: 0 -144px;'></div>");
  break;
case 5:
  document.write("<div id='didclo' style='background-position: 0 -180px;'></div>");
  break;
case 6:
  document.write("<div id='didclo' style='background-position: 0 -216px;'></div>");
  break;
case 7:
  document.write("<div id='didclo' style='background-position: 0 -252px;'></div>");
  break;
case 8:
  document.write("<div id='didclo' style='background-position: 0 -288px;'></div>");
  break;
case 9:
  document.write("<div id='didclo' style='background-position: 0 -324px;'></div>");
  break;
case 0:
  document.write("<div id='didclo' style='background-position: 0 0px;'></div>");
  break;
default:
  document.write("<div id='didclo' style='background-position: 0 0px;'></div>");
}
*/
 //document.write("<div id='didclo' style='background-position: 0 -36px;'></div>");

//document.write("<img src='Allnumbers.jpg' width='27px' height='36px' style='position: 0 0px;' />");
// <span style="background-image: url('Allnumbers.jpg'); width: 27px; height: 36px;background-position: 0 -50px;" ></span>
//<span style="background-image: url('Allnumbers.jpg'); width: 27px; height: 36px;background-position: 0 0px;" ></span>
/*
document.write("<div class='time'>time remaining</div>");
 document.write("<span id='cntdwn1' style='padding:2px;background-color:" + backcolor + 
                "; color:" + forecolor + "'></span><span class='time'>Days</span>");
 document.write("<span id='cntdwn2' style='padding:2px;background-color:" + backcolor + 
                "; color:" + forecolor + "'></span><span class='time'>Hours</span>");
 document.write("<span id='cntdwn3' style='padding:2px;background-color:" + backcolor + 
                "; color:" + forecolor + "'></span><span class='time'>Min</span>");
 document.write("<span id='cntdwn4' style='padding:2px;background-color:" + backcolor + 
                "; color:" + forecolor + "'></span><span class='time'>Sec</span>"); 
*/                                               
}

if (typeof(BackColor)=="undefined")
  BackColor = "white";
if (typeof(ForeColor)=="undefined")
  ForeColor= "black";
if (typeof(BordaColor)=="undefined")
  BordaColor= "red";  
 /* if (typeof(TargetDate)=="undefined")
  TargetDate = "12/31/2020 5:00 AM"; */
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;
putspan(BackColor, ForeColor);
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);