function calcage(secs, num1, num2)
{
	s = ((Math.floor(secs/num1))%num2).toString();

	if (LeadingZero && s.length < 2)
	{
		s = "0" + s;
	}
	
	s = s.toString();
	
	pieces = s.split( "" );
	
	timeString = "";
	
	for( i = 0; i != pieces.length; i++ )
	{
		timeString += "<span>"+pieces[i]+"</span>";
	}

	return timeString;
}

function CountBack(secs)
{
	if (secs < 0) 
	{
		$(".clock").HTML( FinishMessage );
		return;
	}
	
	if( secs < 3600 )
	{
		//DisplayFormat = "OnTheDay";
	}

	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));

	$(".clock").html( DisplayStr );

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

function ChangeTimeKey()
{
	
}

if (typeof(BackColor)=="undefined")
{
	BackColor = "white";
}
if (typeof(ForeColor)=="undefined")
{
	ForeColor= "black";
}
if (typeof(TargetDate)=="undefined")
{
	TargetDate = "12/31/2020 5:00 AM";
}
if (typeof(DisplayFormat)=="undefined")
{
	DisplayFormat = "%%D%%:%%H%%:%%M%%";
}
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);

if( gsecs < 3600 )
{
	DisplayFormat = "%%H%% : %%M%% : %%S%%";
	ChangeTimeKey();
}

CountBack(gsecs);