var calendarForm = "theForm"
var initCalander = false;
var ppcMN = new Array("December","January","February","March","April","May","June","July","August","September","October","November");
var preloadNextImage = new Image()
var preloadPrevImage = new Image()
var preloadCloseImage = new Image()
preloadNextImage.src = "http://assets2.sparkpeople.com/assets/diet3/nu-calarrow2.gif"
preloadPrevImage.src = "http://assets2.sparkpeople.com/assets/diet3/nu-calarrow1.gif"
preloadCloseImage.src = "http://assets2.sparkpeople.com/assets/diet3/nu-calclose.gif"


function createYearSelect(selectedYear,selectedMonth,range)
{
	selectHTML = "<select name=yearRange onchange='renderDates(this[this.selectedIndex].value,"+selectedMonth+")' >"
	for(i=-range;i<range;i++)
	{
		selectedItem=(i==0)?" selected":"";
		selectHTML += "<option value='"+(selectedYear+i)+"' "+selectedItem+">"+(selectedYear+i)+"</option>"
	}
	selectHTML += "</select>"
	return selectHTML
}
function renderDates(tYear,tMonth)
{

dateObj = new Date(dteCurrent)
currentYear = parseInt(dateObj.getFullYear())
currentMonth = parseInt(dateObj.getMonth())
currentDate = parseInt(dateObj.getDate())
dateObj.setDate(1)
if (""+tYear!="undefined") dateObj.setFullYear(tYear)
if (""+tMonth!="undefined") dateObj.setMonth(tMonth)

iFirstDayOfMonth = dateObj.getDay()
iThisMonthTime = parseInt(dateObj.getTime())
iThisMonth = parseInt(dateObj.getMonth())
iThisYear = parseInt(dateObj.getFullYear())

dateObj.setMonth(iThisMonth+1)
dateObj.setDate(1)
iNextMonthTime = parseInt(dateObj.getTime())
iNextMonth = parseInt(dateObj.getMonth())
iNextYear = parseInt(dateObj.getFullYear())

dateObj.setMonth(dateObj.getMonth()-2)
dateObj.setDate(1)
iPrevMonth = parseInt(""+dateObj.getMonth())
iPrevYear = parseInt(""+dateObj.getFullYear())

iLastDayOfMonth = Math.round((iNextMonthTime - iThisMonthTime) / 86400000)


numOfRows = (iFirstDayOfMonth + iLastDayOfMonth>35)?6:5; 

htmlResult="<table border=0 cellspacing=0 cellpadding=0><tr>\n"+
"<td bgcolor=#b5bae6>\n"+
"<table border=0 cellspacing=1 cellpadding=3><tr>\n"+
"<td bgcolor=white>\n"+
"<table width=287 border=0 cellspacing=0 cellpadding=3>\n"+
"<tr>\n"+
"<td bgcolor=#b5bae6>\n"+
"<table border=0 cellspacing=0 cellpadding=0>\n"+
"<tr height=37>\n"+
"<td bgcolor=white width=26 height=37>\n"+
"<div align=center><a href='javascript:void 0' onclick='renderDates("+iPrevYear+","+iPrevMonth+");return false;' onMouseOut='MM_swapImgRestore();' onMouseOver=\"MM_swapImage('nucalarrow1','','http://assets2.sparkpeople.com/assets/diet3/nu-calarrow1_f2.gif',1);\"><img name=nucalarrow1 src=http://assets2.sparkpeople.com/assets/diet3/nu-calarrow1.gif alt=Previous Month border=0></a></div></td>\n"+
"<td class=DateTitle bgcolor=white width=121 height=37><div align=center>"+ppcMN[iNextMonth]+",&nbsp;"+iThisYear+"</td>\n"+
"<td bgcolor=white width=26 height=37><div align=center>\n"+
"<a href='javascript:void 0' onclick='renderDates("+iNextYear+","+iNextMonth+");return false;' onMouseOut='MM_swapImgRestore();' onMouseOver=\"MM_swapImage('nucalarrow2','','http://assets2.sparkpeople.com/assets/diet3/nu-calarrow2_f2.gif',1);\"><img name=nucalarrow2 src=http://assets2.sparkpeople.com/assets/diet3/nu-calarrow2.gif alt=Next Month border=0></a></div></td>\n"+
"<td bgcolor=white width=90 height=37>\n"+
"<div align=right>\n"+
"<a href='javascript:void 0' onclick='calendarLayer.Hide()' onMouseOut='MM_swapImgRestore();' onMouseOver=\"MM_swapImage('nucalclose','','http://assets2.sparkpeople.com/assets/diet3/nu-calclose_f2.gif',1);\" class=calendarClose><img name=nucalclose src=http://assets2.sparkpeople.com/assets/diet3/nu-calclose.gif alt=Close height=18 width=64 border=0 hspace=5 vspace=5></a></div></td>\n"+
"</tr>\n"+
"<tr height=148><td colspan=3 bgcolor=white width=174 height=148>\n"+
"<div align=center><table border=0 cellspacing=0 cellpadding=0><tr>\n"+
"<td class=DayNormal bgcolor=#b5bae6>\n"+
"<table border=0 cellpadding=2 cellspacing=1><tr>\n"+
"<td class=DayTitle align=center bgcolor=white>S</td>"+
"<td class=DayTitle align=center bgcolor=white>M</td>"+
"<td class=DayTitle align=center bgcolor=white>T</td>"+
"<td class=DayTitle align=center bgcolor=white>W</td>"+
"<td class=DayTitle align=center bgcolor=white>T</td>"+
"<td class=DayTitle align=center bgcolor=white>F</td>"+
"<td class=DayTitle align=center bgcolor=white>S</td>"+
"</tr>\n"

testToday=((currentMonth == tMonth&&currentYear == tYear)||""+tMonth=="undefined" )?true:false;
for (i=0;i<numOfRows;i++)
{
	htmlResult+=("<tr>")
	for (j=7*i;j<(7*i+7);j++)
	{
		iDate = (j-iFirstDayOfMonth+1)
		if (testToday&&currentDate==iDate)
		{
			dateLink="<td align=center bgcolor=black><a href='javascript:void 0' onclick='calendarSetDate("+iThisYear+","+iThisMonth+","+iDate+");return false' ><span class=DaySelected>"+(iDate)+"</span></a></td>"
		} else
		dateLink=(j>=iFirstDayOfMonth&&j<iFirstDayOfMonth+iLastDayOfMonth)?"<td class=DayNormal align=center bgcolor=white><a href='javascript:void 0' onclick='calendarSetDate("+iThisYear+","+iThisMonth+","+iDate+");return false' >"+(iDate)+"</a></td>":"<td class=DayNormal align=center bgcolor=white>&nbsp;</td>";
		htmlResult+=""+dateLink
	}
		htmlResult+=("</tr>\n")
}
htmlResult+="</table></td></tr></table><br></div></td><td class=GoToToday bgcolor=white width=90 height=148><div align=center><a href='javascript:void 0' onclick='calendarSetDate("+dteToday.getYear()+","+(dteToday.getMonth())+","+dteToday.getDate()+");return false'>Go To&nbsp;TODAY<br>"+ (dteToday.getMonth() + 1) +"/"+dteToday.getDate()+"/"+dteToday.getYear()+"</a></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table>\n"
calendarLayer.Hide();
calendarLayer.setText( ""+htmlResult)
calendarLayer.Show();
}
function calendarSetDate(tYear,tMonth,tDate)
{
	fixDate = new Date((tMonth+1)+"/"+tDate + "/" + tYear)
	fixYear = fixDate.getFullYear()
	fixMonth = fixDate.getMonth()+1
	fixDay = fixDate.getDate();
	pageLocation=""+window.location;
	pageLocation=pageLocation.substring(0,pageLocation.indexOf("asp")+3);
	if (pageLocation.indexOf('mysparkstart') > -1)
	{
		pageLocation = pageLocation + '#anc_calendar';
	}
	document.forms[calendarForm].iGoalDate.value = (fixMonth) + "/" + fixDay + "/" + fixYear
	document.forms[calendarForm].action = pageLocation
	document.forms[calendarForm].submit();
}
function openCalendar()
{
	if (!initCalander)
	{
		calendarLayer.y = calendarLayer.y-20;
		calendarLayer.divMove()
		initCalander = true;
	}
	calendarLayer.width=295;
	calendarLayer.height=230;
	calendarLayer.divResize();
	renderDates();
}