//######################################################################################
// Author: ricocheting.com
// For: public release (freeware)
// Date: 4/24/2003 (update: 5/24/2006)
// Description: displays the amount of time until the "dateFuture" entered below.
// NOTE: the month entered must be one less than current month. ie; 0=January, 11=December
// NOTE: the hour is in 24 hour format. 0=12am, 15=3pm etc
// format: dateFuture = new Date(year,month-1,day,hour,min,sec)
// example: dateFuture = new Date(2003,03,26,14,15,00) = April 26, 2003 - 2:15:00 pm
dateFuture = new Date(2009,5,1,8,0,0);
// TESTING: comment out the line below to print out the "dateFuture" for testing purposes
//document.write(dateFuture +"<br />");
//###################################
//nothing beyond this point
function GetCount(){
	dateNow = new Date(); //grab current date
	amount = dateFuture.getTime() - dateNow.getTime(); //calc milliseconds between dates
	delete dateNow;
	// time is already past
	if(amount < 0){
		document.getElementById('countbox').innerHTML="Now!";
	}
	// date is still good
	else{
		days=0;hours=0;mins=0;secs=0;out="<table border='0' cellpadding='0' cellspacing='0' width='720px'><tr class='big'><td align='center'>";
		amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs
		days=Math.floor(amount/86400);//days
		amount=amount%86400;
		hours=Math.floor(amount/3600);//hours
		amount=amount%3600;
		mins=Math.floor(amount/60);//minutes
		amount=amount%60;
		secs=Math.floor(amount);//seconds
//		if(days != 0){out += days +" : "+((days!=1)?"s":"")+" : ";}
		if(days != 0){out += days +"</td><td> : </td><td align='center'>";}
//		if(days != 0 || hours != 0){out += hours +" hour"+((hours!=1)?"s":"")+", ";}
		if(days != 0 || hours != 0){out += hours +"</td><td> : </td><td align='center'>";}
//		if(days != 0 || hours != 0 || mins != 0){out += mins +" minute"+((mins!=1)?"s":"")+", ";}
		if(days != 0 || hours != 0 || mins != 0){out += mins +"</td><td> : </td><td align='center'>";}
		out += secs + "</td>";
		out += "<td rowspan='2' valign='top' style='padding-left: 20px;'><img alt='Fourways Business Centre' align='right' src='images/fourways-business-center.jpg' /> <br />.. to the opening of the new<br />Fourways Business Centre </td></tr>";
      	out += "<tr><td align='center'>days</td><td align='center'></td><td align='center'>hrs</td><td align='center'></td><td align='center'>min</td><td align='center'></td><td align='center'>secs</td>";
		out += "</tr></table>";
		document.getElementById('countbox').innerHTML=out;
		setTimeout("GetCount()", 1000);
	}
}
window.onload=function(){GetCount();}//call when everything has loaded

   $(document).ready(function() {
      var set_state = true;
      $("#countbox_display").click(function(){
         if (set_state) {
            set_state = false;
//            $("#countbox_display").animate({margin:"10px 0"}, {queue:false, duration:500} );
            $("#countbox_display").animate({top:"10px"}, {queue:false, duration:500} );
         } else {
            set_state = true;
//            $("#countbox_display").animate({margin:"-60px 0 0 0"}, {queue:false, duration:500} );
            $("#countbox_display").animate({top:"-58px"}, {queue:false, duration:500} );
         } // end if
      });
   });