var initCalander = false;
		var calendarForm = "theForm"
		var ppcMN = new Array("December","January","February","March","April","May","June","July","August","September","October","November");
		var NextImagecal = new Image()
		var PrevImagecal = new Image()
		var CloseImagecal = new Image()
		var NextImagecal_f2 = new Image()
		var PrevImagecal_f2 = new Image()
		var CloseImagecal_f2 = new Image()
		PrevImagecal.src = "http://assets3.sparkpeople.com/assets/diet4/qcal_arrow1.jpg";
		NextImagecal.src = "http://assets3.sparkpeople.com/assets/diet4/qcal_arrow2.jpg";
		CloseImagecal.src = "http://assets3.sparkpeople.com/assets/diet4/qcal_close.jpg";
		PrevImagecal_f2.src = "http://assets3.sparkpeople.com/assets/diet4/qcal_arrow1_f2.jpg";
		NextImagecal_f2.src = "http://assets3.sparkpeople.com/assets/diet4/qcal_arrow2_f2.jpg";
		CloseImagecal_f2.src = "http://assets3.sparkpeople.com/assets/diet4/qcal_close_f2.jpg";
		
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="<div id=calendar_pos_w><div id=calendar_pos>\n"+
"<img src=http://assets3.sparkpeople.com/assets/diet4/qcal_bg.png width=251 height=314 border=0 id=calendar_script_bg>\n"+
"<div id=calendar_pad>\n"+
"<div class=qcal_close_w><table border=0 cellpadding=0 cellspacing=0 width=100%><tr><td class=qcal_close>Change My Tracking Date:</td><td align=right><a href='javascript:void 0' onclick='openCalendar(); return false' onMouseOut='MM_swapImgRestore();' onMouseOver=\"MM_swapImage('nucalclose','','"+CloseImagecal_f2.src+"',1);\" class=calendarClose><img name=nucalclose src="+CloseImagecal.src+" id=qcal_close_btn alt=Close border=0></a></td></tr></table></div>\n"+
"<div id=qcal_date><table border=0 cellspacing=0 cellpadding=0 width=100%>\n"+
"<tr>\n"+
"<td align=left><a href='javascript:void 0' onclick='renderDates("+iPrevYear+","+iPrevMonth+");return false;' onMouseOut='MM_swapImgRestore();' onMouseOver=\"MM_swapImage('nucalarrow1','','"+PrevImagecal_f2.src+"',1);\"><img name=nucalarrow1 src="+PrevImagecal.src+" alt=Previous Month border=0></a></td>\n"+
"<td class=DateTitle align=center>"+ppcMN[iNextMonth]+",&nbsp;"+iThisYear+"</td>\n"+
"<td align=right><a href='javascript:void 0' onclick='renderDates("+iNextYear+","+iNextMonth+");return false;' onMouseOut='MM_swapImgRestore();' onMouseOver=\"MM_swapImage('nucalarrow2','','"+NextImagecal_f2.src+"',1);\"><img name=nucalarrow2 src="+NextImagecal.src+" alt=Next Month border=0></a></td>\n"+
"</tr></table></div>\n"+
"<div align=center><table border=0 cellspacing=0 cellpadding=0><tr>\n"+
"<td bgcolor=black>\n"+
"<table border=0 cellpadding=0 cellspacing=1><tr>\n"+
"<td class=DayTitle>S</td>"+
"<td class=DayTitle>M</td>"+
"<td class=DayTitle>T</td>"+
"<td class=DayTitle>W</td>"+
"<td class=DayTitle>T</td>"+
"<td class=DayTitle>F</td>"+
"<td class=DayTitle>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 class=DaySelected><a href='javascript:void 0' onclick='calendarSetDate("+iThisYear+","+iThisMonth+","+iDate+");return false' >"+(iDate)+"</a></td>"
		} 
		else
		{
			dteLimit = new Date(dteToday)
			dteLimit.setDate(dteToday.getDate() + 8)
			dteDisplayed = new Date(dteToday)
			dteDisplayed.setFullYear(iThisYear,iThisMonth,iDate);
						
			if (dteDisplayed < dteLimit)
			{
				dateLink=(j>=iFirstDayOfMonth&&j<iFirstDayOfMonth+iLastDayOfMonth)?"<td class=DayNormal><a href='javascript:void 0' onclick='calendarSetDate("+iThisYear+","+iThisMonth+","+iDate+");return false' >"+(iDate)+"</a></td>":"<td class=DayGrayed>&nbsp;</td>";
			}
			else
			{
				dateLink=(j>=iFirstDayOfMonth&&j<iFirstDayOfMonth+iLastDayOfMonth)?"<td class=DayGrayed>"+(iDate)+"</td>":"<td class=DayGrayed>&nbsp;</td>";
			}
			
			
			
		}
		htmlResult+=""+dateLink
	}
		htmlResult+=("</tr>\n")
}
htmlResult+="</table></td></tr></table></div>\n"
htmlResult+="<div class=GoToToday><a href='javascript:void 0' onclick='calendarSetDate("+dteToday.getFullYear()+","+(dteToday.getMonth())+","+dteToday.getDate()+");return false'>Go To Today - "+ (dteToday.getMonth() + 1) +"/"+dteToday.getDate()+"/"+dteToday.getFullYear()+"</a></div>\n"
htmlResult+="</div></div></div>\n"

calendarLayer.innerHTML =  htmlResult;

}
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)
	{

		initCalander = true;
}
	if(document.getElementById) {
	if (document.getElementById("calendarLayer").style.display == "block") {
		document.getElementById("calendarLayer").style.visibility = "hidden";
		document.getElementById("calendarLayer").style.display = "none";
	 	return false;
	}else {
		renderDates();
		document.getElementById("calendarLayer").style.visibility = "visible";
		document.getElementById("calendarLayer").style.display = "block";
		return false;
	 }
  }

	
}