// JavaScript Document

//Declare the varibale name outside the function so it is global. 
var TabbedPanels1;
function InitPage()
{
	if (document.getElementById("tabbedPanels1")) {
		TabbedPanels1 = new Spry.Widget.TabbedPanels("tabbedPanels1");
		Spry.Utils.addEventListener(TabbedPanels1.getTabs()[0], "click", function(){TabbedPanels1.element.style.background = "#86C533 url(../../_images/homepage-tabs01.gif) no-repeat";}, false);
		Spry.Utils.addEventListener(TabbedPanels1.getTabs()[1], "click", function(){TabbedPanels1.element.style.background = "#86C533 url(../../_images/homepage-tabs02.gif) no-repeat";}, false);
		Spry.Utils.addEventListener(TabbedPanels1.getTabs()[2], "click", function(){TabbedPanels1.element.style.background = "#86C533 url(../../_images/homepage-tabs03.gif) no-repeat";}, false);
	}
	if (document.getElementById("cntdwn1")) {
		CountBack("cntdwn1", gsecs);
	}
	if (document.getElementById("cntdwn2")) {
		CountBack("cntdwn2", gsecs);
	}
	if (document.getElementById("cntdwn3")) {
		CountBack("cntdwn3", gsecs);
	}
	jsfAttachOpenWindow();
}
Spry.Utils.addLoadListener(InitPage);

TargetDate = "10/3/2010 8:00 AM";
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = '<span class="contentStyle88b"><span class="contentStyle88i">%%D%%</span><span class="contentStyle88j">Days</span></span><span class="contentStyle88b"><span class="contentStyle88i">%%H%%</span><span class="contentStyle88j">Hours</span></span><span class="contentStyle88b contentStyle88c"><span class="contentStyle88i">%%M%%</span><span class="contentStyle88j">Mins</span></span>';

FinishMessage = "";

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);
	
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(cntId, secs) {
  if (secs < 0) {
	//document.getElementById(cntId).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(cntId).innerHTML = DisplayStr;
  if (CountActive)
	setTimeout("CountBack('"+cntId+"', " + (secs+CountStepper) + ")", SetTimeOutPeriod);
}

/***
 * Get elements by classname, node, and tag
 ***/
document.getElementsByClassName = function(cls,n,t)
{
	var rtn = [];
	n=n===null?document:n;
	t=t===null?'*':t;
	var els = n.getElementsByTagName ? n.getElementsByTagName(t) : document.all;
	els = (!els||!els.length ) &&document.all ? document.all : els;	
	if(cls===null)
	{
		return els;
	}
	for (var i=0,j=0; i < els.length; i++)
	{
		if(els[i].className.match("(^|\\s)"+cls+"(\\s|$)"))
		{
			rtn[j++] = els[i];
		}
	}
	return rtn;
};


/***
 * Attach open window
 ***/
function jsfAttachOpenWindow()
{
	var i;
	var enlargeImageObjects = document.getElementsByClassName("jstPopup",null,"A");
	if (enlargeImageObjects.length > 0)
	{
		for(i=0;i<enlargeImageObjects.length;i++)
		{
			enlargeImageObjects[i].onclick = function(){
				window.open(this,'popupwindow','width=700,height=500,scrollbars=yes,resizable=yes');
				return false;
			};
		}
	}
}