/***********************************************
* Dynamic Countdown script- © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var currentyear=new Date().getFullYear()
//dynamically get this Grandparents' Day year value. If day already passed, then year=current year+1
var thisgpdayyear=(new Date().getMonth()>=11 && new Date().getDate()>25)? currentyear+1 : currentyear

function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}

cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}

cdtime.prototype.showresults=function(){
var thisobj=this


var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

//Create your own custom format function to pass into cdtime.displaycountdown()
//Use arguments[0] to access "Days" left
//Use arguments[1] to access "Hours" left
//Use arguments[2] to access "Minutes" left
//Use arguments[3] to access "Seconds" left

//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc

function formatresults1(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<table style='color:#666666; font: normal 16px Arial;' cellpadding=0 cellspacing=0 border=0><tr><td valign=top style='padding-right:7px'><span style='font-size:48px; color:#ff6600; font-weight: bold;'>"+arguments[0]+"</span></td><td valign=top style='padding-top:8px'> days <span style='color:#ff6600; font-weight: bold;'>"+arguments[1]+"</span> hours <span style='color:#ff6600; font-weight: bold;'>"+arguments[2]+"</span> minutes <span style='color:#ff6600; font-weight: bold;'>"+arguments[3]+"</span> seconds left until <span class='orange_links' style='font-weight: bold;'><a href='/gp/topics/national-grandparents-day.html'>Grandparents Day</a></span><br/ ><span style='font-size:14px' class='content'>(<a href='/gp/content/opinions/from-the-editors/article/when-is-grandparents-day.html'>September 13th, 2009</a>)</span></td></table>"
}
else{ //else if target date/time met
var displaystring="<span style='font: bold 18px Arial; color:#ff6600;'><span class='orange_links'><a href='/gp/topics/national-grandparents-day.html'>Grandparents Day</a></span> is here! <span class='content' style='color:#333333; font: normal 14px Arial;'>Got plans yet? <a href='/gp/topics/national-grandparents-day.html'>Get ideas &raquo;</span></p>"
}
return displaystring
}

function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<div style='width: 187px; height: 54px; background-image: url(http://www.grandparents.com/images/data/IMG/img/000/001/1802-1.JPG); background-repeat:no-repeat; padding:11px 0 0 0;color:#484848;'><table cellpadding=0 cellspacing=0 border=0 style='text-align:center;'><tr><td><img src='http://www.grandparents.com/images/spacer.gif' width=7 height=1></td><td><img src='http://www.grandparents.com/images/spacer.gif' width=44 height=1></td><td><img src='http://www.grandparents.com/images/spacer.gif' width=44 height=1></td><td><img src='http://www.grandparents.com/images/spacer.gif' width=44 height=1></td><td><img src='http://www.grandparents.com/images/spacer.gif' width=44 height=1></td></tr><tr><td><img src='http://www.grandparents.com/images/spacer.gif' width=7 height=1></td><td style='font-size:16px;'><b>"+arguments[0]+"</b></td><td style='font-size:16px;'><b>"+arguments[1]+"</b></td><td style='font-size:16px;'><b>"+arguments[2]+"</b></td><td style='font-size:16px;'><b>"+arguments[3]+"</b></td></tr><tr><td><img src='http://www.grandparents.com/images/spacer.gif' width=7 height=1></td><td style='font-size:12px;padding-top:6px;'>DAYS</td><td style='font-size:12px;padding-top:6px;'>HRS</td><td style='font-size:12px;padding-top:6px;'>MIN</td><td style='font-size:12px;padding-top:6px;'>SEC</td><td></td></tr><tr><td colspan=5  style='color:#333333; font: normal 14px Arial; padding-top:6px;text-align:left;'>until <span  class='orange_links' style='font-size:17px;font-weight: bold;'><a href='/gp/topics/national-grandparents-day.html'>Grandparents Day</a></span></td></tr><tr><td colspan=5  style='color:#333333; font: normal 14px Arial; padding-top:6px;text-align:left;'>Got plans yet? <a href='/gp/topics/national-grandparents-day.html'>Get ideas &raquo;</a></td></tr></table></div>"
}
else{ //else if target date/time met
var displaystring="<div style='margin-top:10px;'><span style='font: bold 18px Arial; color:#ff6600;'><span class='orange_links'><a href='/gp/topics/national-grandparents-day.html'>Grandparents Day</a></span> <br/>is here!<p style='color:#333333; font: normal 14px Arial; padding-top:6px;'>Got plans yet? <a href='/gp/topics/national-grandparents-day.html'>Get ideas &raquo;</a></p></div>"
}
return displaystring
}

