var fixedX = -1			// x position (-1 if to appear below control)
var fixedY = -1			// y position (-1 if to appear below control)
var imgDir = ""				// directory for images ... e.g. var imgDir="/img/"
var monthConstructed = false;
var yearConstructed = false;
var yearSelected;
var crossMonthObj, crossYearObj;
var intervalID1,timeoutID2,intervalID2,timeoutID1;
var nStartingYear;

var iMinYear = 1900;
var iMaxYear = 2100;
var iMaxX = 0;
var iMaxY = 0;
var bIsLoaded = false;
var iSelDay = 0;

var lngFormat = 1;
var objRetName;
var objFormName;
var whh;

var d = new Date();
var iMonth = d.getMonth();
var iYear = d.getFullYear();
var iYears = ""+iYear;
iYears = iYears.substring(2,4);
var todayDate = new Date();
var sTodayIs = "Today";

var ie=document.all;
var dom=document.getElementById;

var monthName =	new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function getOffsets (evt) {
  var target = evt.target;
  if (typeof target.offsetLeft == 'undefined') {
    target = target.parentNode;
  }
  var pageCoords = getPageCoords(target);
  var eventCoords = { 
    x: window.pageXOffset + evt.clientX,
    y: window.pageYOffset + evt.clientY
  };
  var offsets = {
    offsetX: eventCoords.x - pageCoords.x,
    offsetY: eventCoords.y - pageCoords.y
  }
  return offsets;
}

function getPageCoords (element) {
  var coords = {x : 0, y : 0};
  while (element) {
    coords.x += element.offsetLeft;
    coords.y += element.offsetTop;
    element = element.offsetParent;
  }
  return coords;
}

function isLeapYear(y) 
{
	return (y%4!=0) ? false : (y%100!=0) ? true : (y%400!=0) ? false : true;
}

function addDay(iDay)
{
	if(iMaxY==6)
		{iMaxY = 0; iMaxX++;}
	else
		iMaxY ++;
	document.getElementById("cell_" + iMaxX + "_" + iMaxY).innerHTML = String(iDay);
	document.getElementById("cell_" + iMaxX + "_" + iMaxY).onclick = function(){tdclick(this)};
}

function getDaysNumberForMonth(iMonth, iYear)
{
	switch (iMonth+1)
	{
		case  1:
		case  3:
		case  5:
		case  7:
		case  8:
		case 10:
		case 12:
			return(31);
			break;
		case  4:
		case  6:
		case  9:
		case 11:
			return(30);
			break;
		case  2:
			if (isLeapYear(iYear)) 
				return(29)
			else
				return(28);
			break;
	}
}

function checkToday()
{
	if((todayDate.getUTCFullYear() == iYear)&&
		(todayDate.getUTCMonth()+1 == monthName[iMonth]))
	{
		for(var x=0; x<=5; x++)
			for(var y=0; y<=6; y++)
				if((document.getElementById("cell_" + x + "_" + y).innerHTML == String(todayDate.getUTCDate()))&&(document.getElementById("cell_" + x + "_" + y).style.color != "gray"))
				{
					document.getElementById("cell_" + x + "_" + y).innerHTML += "";
					break;
				}
	}
}

function gotoToday()
{
	d.setUTCMonth(todayDate.getUTCMonth());
	d.setUTCFullYear(todayDate.getUTCFullYear());
	iSelDay = d.getUTCDate();
	iMonth = d.getUTCMonth();
	iYear = d.getUTCFullYear();
	clearAllDays();
	onafterload(todayDate.getUTCDate());
	//makeDaySelected(iDay);
}

function makeDaySelected(iDay)
{
	for(var x=0; x<=5; x++)
		for(var y=0; y<=6; y++)
		{
			if(document.getElementById("cell_" + x + "_" + y).style.color=="")
				if(document.getElementById("cell_" + x + "_" + y).innerHTML==String(iDay))
					document.getElementById("cell_" + x + "_" + y).style.backgroundColor = "#EDE0A7";
		}
}

function fnShowPic(obj, mode)
{
	if (mode == 1)
		document.getElementById(obj).style.filter=''
	else
		document.getElementById(obj).style.filter='gray(), alpha(opacity=50)';
}

function setCurrentDate(iYear, iMonth, iDay)
{
	var s;
	var iLastDayOfMonth;
	var tempDateObj = new Date();
		
		//monthName
	//	document.frmCalendar.selMonth.selectedIndex = iMonth;
	document.getElementById("spanMonth").innerHTML = monthName[iMonth];
	document.getElementById("spanMonth").innerHTML = "&nbsp;" +	monthName[iMonth] + 
		"&nbsp;<IMG id='changeMonth' style='filter: gray(), alpha(opacity=50);' SRC='images/drop1.gif' BORDER=0 onmouseover='fnShowPic(\"changeMonth\",1)' onmouseout='fnShowPic(\"changeMonth\",0)'>";
	
	document.getElementById("spanYear").innerHTML = "&nbsp;<IMG id='changeYear' style='filter: gray(), alpha(opacity=50);' SRC='images/drop2.gif' BORDER=0 onmouseover='fnShowPic(\"changeYear\",1)' onmouseout='fnShowPic(\"changeYear\",0)'>" + "&nbsp;" + iYear;

	crossMonthObj=(dom)?document.getElementById("selectMonth").style : ie? document.all.selectMonth	: document.selectMonth;
	crossYearObj=(dom)?document.getElementById("selectYear").style : ie? document.all.selectYear : document.selectYear;
/*	
    */tempDateObj.setUTCFullYear(d.getUTCFullYear(), d.getUTCMonth(), 1);
	iLastDayOfMonth = getDaysNumberForMonth(d.getUTCMonth(), d.getUTCFullYear());
	document.getElementById("txtToday").innerHTML = "<b><FONT size=1>" + sTodayIs;
//		todayDate.getUTCDate() + "/" + (todayDate.getUTCMonth()+1) + "/" + 
	//	todayDate.getUTCFullYear();
	document.getElementById("txtToday").onclick = function(){gotoToday()};
	"</FONT></b>"
	
	var iDisabledDayBefore = 0;
	var iPrevMonth;
	var iPrevYear = d.getUTCFullYear();
	var iDaysInPrevMonth;
	//считаем количество дней задисэбенных в начале
	if(tempDateObj.getUTCDay()>0)
		for(var x=0; x<tempDateObj.getUTCDay(); x++)
		{
			iDisabledDayBefore++;
		}
	//сдвигаем месяц
	switch (d.getUTCMonth())
	{
		case 0:
			iPrevMonth = 11;
			iPrevYear--;
			break;
		default:
			iPrevMonth = d.getUTCMonth()-1;
			break;
	}
	iDaysInPrevMonth = getDaysNumberForMonth(iPrevMonth, iPrevYear);
	var arrTemp = new Array();//массив прошломесяцных дней
	//рисуем дни прошлого месяца
	if(tempDateObj.getUTCDay()>0)
	{
		for(var i=iDaysInPrevMonth-iDisabledDayBefore+1; i<=iDaysInPrevMonth;i++)
		{
			arrTemp[arrTemp.length] = i;
		}
		for(var x=0; x<tempDateObj.getUTCDay(); x++)
		{
			document.getElementById("cell_0_" + x).innerHTML = arrTemp[x];
			document.getElementById("cell_0_" + x).onclick = function(){changeDate(2, this)};
			document.getElementById("cell_0_" + x).style.color = "gray";
			iMaxY++;
		}
	}
	else
	{
		for(var i=iDaysInPrevMonth-6; i<=iDaysInPrevMonth;i++)
		{
			arrTemp[arrTemp.length] = i;
		}		
		for(var x=0; x<=6; x++)
		{
			document.getElementById("cell_0_" + x).innerHTML = arrTemp[x];
			document.getElementById("cell_0_" + x).onclick = function(){changeDate(2, this)};
			document.getElementById("cell_0_" + x).style.color = "gray";
		}
		
		iMaxX++;
		iMaxY = 0;
	}
	//теперь остальные
	document.getElementById("cell_" + iMaxX + "_" + iMaxY).innerHTML = "1";
	document.getElementById("cell_" + iMaxX + "_" + iMaxY).onclick = function(){tdclick(this)};
	for(var iCurrentDay = 2; iCurrentDay <= iLastDayOfMonth; iCurrentDay++)
		addDay(iCurrentDay)
	//выделяем день по которому щелкенули
	makeDaySelected(iDay);
	//теперь остатки следующего месяца до iMaxY=6
	var iNextDays = 1;
	for(var i=iMaxY+1; i<=6; i++)
	{
		document.getElementById("cell_" + iMaxX + "_" + i).innerHTML = iNextDays;
		document.getElementById("cell_" + iMaxX + "_" + i).onclick = function(){changeDate(3, this)};
		document.getElementById("cell_" + iMaxX + "_" + i).style.color = "gray";
		iNextDays++;
	}
	if(iMaxX<5)
	{
		iMaxX++;
		iMaxY=0;
		for(var i=iMaxY; i<=6; i++)
		{
			document.getElementById("cell_" + iMaxX + "_" + i).innerHTML = iNextDays;
			document.getElementById("cell_" + iMaxX + "_" + i).onclick = function(){changeDate(3, this)};
			document.getElementById("cell_" + iMaxX + "_" + i).style.color = "gray";
			iNextDays++;
		}
	}
	bIsLoaded = true;
	checkToday();
}

function onafterload(iNextMonthDayPressed)
{
	setCurrentDate(iYear, iMonth, iNextMonthDayPressed);
}

function changeDate(mode, obj)
{
	var iNextMonthDayPressed = null;
	if(bIsLoaded)
	{
		switch (mode)
		{
			case 0://меняем месяц
				d.setUTCMonth(obj);
				break;
			case 1://меняем год
				d.setUTCFullYear(obj);
				break;
			case 2://сдвигаем месяц влево
				if(obj != null) iNextMonthDayPressed = obj.innerHTML;
				switch (d.getUTCMonth())
				{
					case 0:
						d.setUTCMonth(11);
						d.setUTCFullYear(d.getUTCFullYear()-1);
						break;
					default:
						d.setUTCMonth(d.getUTCMonth()-1);
						break;
				}
				break;
			case 3://сдвигаем месяц вправо
				if(obj != null) iNextMonthDayPressed = obj.innerHTML;
				switch (d.getUTCMonth())
				{
					case 11:
						d.setUTCMonth(0);
						d.setUTCFullYear(d.getUTCFullYear()+1);
						break;
					default:
						d.setUTCMonth((d.getUTCMonth()+1));
						break;
				}
				break;
		}
		iMonth = d.getUTCMonth();
		iYear = d.getUTCFullYear();
		clearAllDays();
		iSelDay = iNextMonthDayPressed;
		onafterload(iNextMonthDayPressed);
	}
}

function clearAllDays()
{
	setAllCellsNoColor();
	for(var x=0; x<=5; x++)
		for(var y=0; y<=6; y++)
		{
			document.getElementById("cell_" + x + "_" + y).innerHTML = "";//&nbsp;
			document.getElementById("cell_" + x + "_" + y).onclick = "";
			document.getElementById("cell_" + x + "_" + y).style.color = "";
			document.getElementById("cell_" + x + "_" + y).background = "";
		}
	iMaxX = 0;
	iMaxY = 0;
}

function setAllCellsNoColor()
{
	for(var x=0; x<=5; x++)
		for(var y=0; y<=6; y++)
		{
			document.getElementById("cell_" + x + "_" + y).style.backgroundColor = "";
		}
}

function tdclick(obj)
{
	setAllCellsNoColor()
	if(obj.innerHTML!="") 
	{
		obj.style.backgroundColor = "#EDE0A7";
		iSelDay = obj.innerHTML;
	}
}

function fnRetVal()
{
	var retval = "";
	var sSeparator;
	var data = document.frmCalendar;
	sSeparator = "/";
	if(iSelDay==null) iSelDay=0;
	var sMonth = String(iMonth+1);
	var sSelDay = iSelDay;
	if(String(iMonth+1).length==1) sMonth = "0" + sMonth;
	if(String(sSelDay).length==1) sSelDay = "0" + sSelDay;
	var sHH = document.getElementById("txt_hh").value;
	var sMM = document.getElementById("txt_mm").value;
	switch (lngFormat)
	{
		case 1: //	DD/MM/YYYY	- 1
			if(iSelDay!=0) 
				retval += sSelDay + sSeparator + sMonth + 
					sSeparator + iYears;
			else
				retval = -1;	
			break;
		case 2: //MM/DD/YYYY	- 2
			if(iSelDay!=0) 
				retval += sMonth + sSeparator + 
					sSelDay + sSeparator + iYears;
			else
				retval = -1;	
			break;
		case 3: //DD/MM/YYYY HH:MM	- 3
			if(iSelDay!=0) 
				retval += sSelDay + sSeparator + sMonth + 
					sSeparator + iYears + " " + sHH + ":" + sMM;
			else
				retval = -1;	
			break;
		case 4: //MM/DD/YYYY	HH:MM- 4
			if(iSelDay!=0) 
				retval += sMonth + sSeparator + 
					sSelDay + sSeparator + iYears  + " " + sHH + ":" + sMM;
			else
				retval = -1;	
			break;
	}
	if(retval!=-1) {
		var add_date=iYear+"-"+sMonth+"-"+sSelDay
        if (whh=="s"){        

			//document.getElementById(objFormName).sdate1.value = retval;
			document.getElementById(objFormName).sdate.value = add_date;
			document.getElementById(objFormName).fdday.value = eval(sSelDay);
			document.getElementById(objFormName).fdmonth.value = sMonth;
			document.getElementById(objFormName).fdyear.value = iYear;
		}else{
            //document.getElementById(objFormName).edate1.value = retval;
			document.getElementById(objFormName).edate.value = add_date;
			document.getElementById(objFormName).tdday.value = eval(sSelDay);
			document.getElementById(objFormName).tdmonth.value = sMonth;
			document.getElementById(objFormName).tdyear.value = iYear;
		}
	}
}

function hideElement( elmID, overDiv )
{
	if(ie)
	{
		for( i = 0; i < document.all.tags(elmID).length; i++ )
		{
			obj = document.all.tags(elmID)[i];
			if( !obj || !obj.offsetParent )	continue;
			objLeft = obj.offsetLeft;
			objTop = obj.offsetTop;
			objParent = obj.offsetParent;
            while( objParent.tagName.toUpperCase() != "BODY" )
			{
				objLeft += objParent.offsetLeft;
				objTop  += objParent.offsetTop;
				objParent = objParent.offsetParent;
			}
            objHeight = obj.offsetHeight;
			objWidth = obj.offsetWidth;
            if(( overDiv.offsetLeft + overDiv.offsetWidth ) <= objLeft );
			else if(( overDiv.offsetTop + overDiv.offsetHeight ) <= objTop );
			else if( overDiv.offsetTop >= ( objTop + objHeight ));
			else if( overDiv.offsetLeft >= ( objLeft + objWidth ));
			else
			{
				if(obj.id!="selMonth"&&obj.id!="selYear") obj.style.visibility = "hidden";
			}
		}
	}
}

function swapImage(srcImg, destImg)
{
	if (ie)	{ document.getElementById(srcImg).setAttribute("src",imgDir + destImg) }
}

function showElement( elmID )
{
	if(ie)
	{
		for( i = 0; i < document.all.tags(elmID).length; i++ )
		{
			obj = document.all.tags( elmID )[i];
            if( !obj || !obj.offsetParent ) continue;
		    obj.style.visibility = "";
		}
	}
}

function showCalendar(bb, Format, Frnm, wh, lt)
{
	var leftpos = 0;
	var toppos = 0;
	//aTag = new Object(obj);
	lngFormat = Format;
	//objRetName = RetName;
	objFormName = Frnm;
	whh = wh;
	
	if (Format==3||Format==4) document.getElementById("div_time").style.display = "block";
		
	var crossobj = document.getElementById("calendar").style;
	
	var clx=bb.clientX
	var ofx=bb.offsetX

	var cly=bb.clientY
	var ofy=bb.offsetY

	if (typeof bb.offsetX == 'undefined') {
	   var evtOffsets = getOffsets(bb);
	   ofx=evtOffsets.offsetX;
	}

	if (typeof bb.offsetY == 'undefined') {
	   var evtOffsets = getOffsets(bb);
	   ofy=evtOffsets.offsetY;
	}

	var left_ps=document.body.scrollLeft+clx-ofx
		if (lt=="l")
		{
		  left_ps=left_ps-130 
		}
	var Top_ps=document.body.scrollTop+cly-ofy
		Top_ps=Top_ps+20

	crossobj.left =	left_ps+"px";
	crossobj.top = Top_ps+"px";

    document.getElementById("ifm").style.width = "200"; 
	document.getElementById("ifm").style.height = 205;
	document.getElementById("ifm").style.top = crossobj.top;
	document.getElementById("ifm").style.left = crossobj.left;
	document.getElementById("ifm").style.zIndex = 399;
	document.getElementById("ifm").style.display = "block";
	document.getElementById("ifm").style.filter="progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";

	crossobj.visibility=(dom||ie)? "visible" : "show";
	hideElement( 'SELECT', document.getElementById("calendar") );
	hideElement( 'APPLET', document.getElementById("calendar") );
}

function hideCalendar()	
{
    showElement( 'SELECT' );
	showElement( 'APPLET' );
	document.getElementById("calendar").style.visibility = "hidden";

	document.getElementById("ifm").style.width = "0px"; 
	document.getElementById("ifm").style.height = "0px";
	document.getElementById("ifm").style.top = "0px";
	document.getElementById("ifm").style.left = "0px";
	document.getElementById("ifm").style.zIndex = "0";
	document.getElementById("ifm").style.display = "none";
}

function constructMonth() 
{
	popDownYear();
	if (!monthConstructed) 
	{
		sHTML =	""
		for	(i=0; i<12;	i++) 
		{
			sName =	monthName[i];
			if (i==iMonth){
				sName =	"<B>" +	sName +	"</B>"
			}
			sHTML += "<tr><td class='cal_TD' id='m" + i + "' onmouseover='this.style.backgroundColor=\"Darkmagenta\";this.style.color=\"peachpuff\";' onmouseout='this.style.backgroundColor=\"\";this.style.color=\"black\"' style='cursor:pointer' onclick='monthConstructed=false;monthSelected=" + i + ";popDownMonth();event.cancelBubble=true;changeDate(0, " + i + ");'>&nbsp;" + sName + "&nbsp;</td></tr>"
		}
		document.getElementById("selectMonth").innerHTML = "<table style='font-family:verdana; font-size:9px; border-width:1; border-style:solid; border-color:#000080;' bgcolor=peachpuff cellspacing=0 " + sHTML + "</table>"
		monthConstructed=true
	}
	
}

function popUpMonth() 
{
	var crossobj1 = document.getElementById("spanMonth");
	
	constructMonth()
	crossMonthObj.visibility = (dom||ie)? "visible" : "show";
	crossMonthObj.left = parseInt(crossobj1.offsetWidth);
	crossMonthObj.top =	 parseInt(crossobj1.offsetHeight);

	//hideElement( 'SELECT', document.getElementById("selectMonth") );
	//hideElement( 'APPLET', document.getElementById("selectMonth") );			
	//fnShowPic("changeMonth",1);
}

function popDownMonth()	
{
	crossMonthObj.visibility = "hidden";
	fnShowPic("changeMonth",0);
}

function incYear() 
{
	for	(i=0; i<7; i++)
	{
		newYear	= (i+nStartingYear)+1
		if (newYear==iYear)
			txtYear = "&nbsp;<B>" + newYear + "</B>&nbsp;" 
		else
			txtYear = "&nbsp;" + newYear + "&nbsp;";
		document.getElementById("y"+i).innerHTML = txtYear;
	}
	nStartingYear ++;
	bShow=true
}

function incYear25() 
{
	for	(i=0; i<7; i++)
	{
		newYear	= (i+nStartingYear)+5;
		if (newYear==iYear)
			txtYear = "&nbsp;<B>" + newYear + "</B>&nbsp;" 
		else
			txtYear = "&nbsp;" + newYear + "&nbsp;";
		document.getElementById("y"+i).innerHTML = txtYear;
	}
	nStartingYear = nStartingYear + 5;
	bShow=true
}

function decYear() 
{
	for	(i=0; i<7; i++)
	{
		newYear	= (i+nStartingYear)-1;
		if (newYear==iYear)
			txtYear = "&nbsp;<B>" + newYear + "</B>&nbsp;" 
		else
			txtYear = "&nbsp;" + newYear + "&nbsp;" 
		document.getElementById("y"+i).innerHTML = txtYear;
	}
	nStartingYear --;
	bShow=true
}

function decYear25() 
{
	for	(i=0; i<7; i++)
	{
		newYear	= (i+nStartingYear)-5;
		if (newYear==iYear)
			txtYear = "&nbsp;<B>" + newYear + "</B>&nbsp;" 
		else
			txtYear = "&nbsp;" + newYear + "&nbsp;" 
		document.getElementById("y"+i).innerHTML = txtYear;
	}
	nStartingYear = nStartingYear - 5;
	bShow=true
}

function selectYear(nYear) 
{
	yearSelected = parseInt(nYear+nStartingYear);
	yearConstructed = false;
	popDownYear();
	changeDate(1,yearSelected);
}

function popDownYear() 
{
	crossYearObj.visibility= "hidden"
}

function constructYear() 
{
	popDownMonth();
	sHTML =	"";
	if (!yearConstructed) 
	{
		sHTML =	"<tr><td align='center' onmouseover='this.style.backgroundColor=\"magenta\"' onmouseout='clearInterval(intervalID1);this.style.backgroundColor=\"\"' style='cursor:pointer' onmousedown='clearInterval(intervalID1);intervalID1=setInterval(\"decYear()\",30)' onmouseup='clearInterval(intervalID1)'>-1</td>" +
		"<td align='center' onmouseover='this.style.backgroundColor=\"magenta\"' onmouseout='clearInterval(intervalID1);this.style.backgroundColor=\"\"' style='cursor:pointer' onmousedown='clearInterval(intervalID1);intervalID1=setInterval(\"decYear25()\",1)' onmouseup='clearInterval(intervalID1)'>-25</td></tr>"

		j =	0;
		nStartingYear = iYear-3;
		for	(i=(iYear-3); i<=(iYear+3); i++) 
		{
			sName =	i;
			if (i==iYear)
			{
				sName =	"<B>" +	sName +	"</B>";
			}

			sHTML += "<tr><td class='chtext1' colspan=2 id='y" + j + "' onmouseover='this.style.backgroundColor=\"Darkmagenta\";this.style.color=\"peachpuff\";' onmouseout='this.style.backgroundColor=\"\";this.style.color=\"black\"' style='cursor:pointer' onclick='selectYear("+j+");event.cancelBubble=true'>&nbsp;" + sName + "&nbsp;</td></tr>";
			j ++;
		}

		sHTML += "<tr><td align='center' onmouseover='this.style.backgroundColor=\"magenta\"' onmouseout='clearInterval(intervalID2);this.style.backgroundColor=\"\"' style='cursor:pointer' onmousedown='clearInterval(intervalID2);intervalID2=setInterval(\"incYear()\",30)'	onmouseup='clearInterval(intervalID2)'>+1</td>" +
			"<td align='center' onmouseover='this.style.backgroundColor=\"magenta\"' onmouseout='clearInterval(intervalID2);this.style.backgroundColor=\"\"' style='cursor:pointer' onmousedown='clearInterval(intervalID2);intervalID2=setInterval(\"incYear25()\",1)'	onmouseup='clearInterval(intervalID2)'>+25</td></tr>"

		document.getElementById("selectYear").innerHTML	= "<table style='font-family:verdana; font-size:9px; border-width:1; border-style:solid; border-color:#000080;' bgcolor=peachpuff onmouseover='clearTimeout(timeoutID2)' onmouseout='clearTimeout(timeoutID2);timeoutID2=setTimeout(\"popDownYear()\",100)' cellspacing=0 class=chtext1>" + sHTML + "</table>"

		yearConstructed	= true;
	}
}

function popUpYear() 
{
	var crossobj2 = document.getElementById("spanYear");
	var leftOffset;
	constructYear();
	crossYearObj.visibility	= (dom||ie)? "visible" : "show";
	leftOffset = parseInt(crossobj2.offsetWidth) + document.getElementById("spanYear").offsetLeft;
	if (ie)
	{
		leftOffset += 6;
	}
	crossYearObj.left = parseInt(crossobj2.offsetWidth) +	65;//leftOffset;
	crossYearObj.top = parseInt(crossobj2.offsetHeight)// +	26;
}


document.write("<div onclick='bShow=true' id='calendar'	style='z-index:+999;position:absolute;width:100px;visibility:hidden;'><FORM name=\"frmCalendar\" method=\"post\">" +
"<TABLE cellSpacing=0 cellPadding=3 border=0 " +
	"align=left valign=middle>" +
	"<TR><TD bgcolor='#818181' class=\"cal_BUTTONS\" onclick=\"changeDate(2, null);\""+
	 " onmouseover=\"document.getElementById('arL').style.filter='';\""+
	 " onmouseout=\"document.getElementById('arL').style.filter='gray(), alpha(opacity=50)';\"><img id='arL' style=\"filter: 'gray(), alpha(opacity=50)'\" src='images/arrow_l.gif'></TD>"+
    "<TD bgcolor='#818181' class='chtext'>");

document.write("<span id='spanMonth' style='cursor:pointer; ' onmouseover='fnShowPic(\"changeMonth\",1);window.status=\"Click to select a month.\"' onmouseout='fnShowPic(\"changeMonth\",0);window.status=\"\"' onclick='popUpMonth()'></span>&nbsp;");
document.write ("<div id='selectMonth' style='z-index:+999;position:absolute;visibility:hidden;'></div>");

document.write("</TD><TD bgcolor='#818181' class='chtext'>"+
	"<span id='spanYear' style='cursor:pointer' onmouseover='fnShowPic(\"changeYear\",1);window.status=\"Click to select a year.\"' onmouseout='fnShowPic(\"changeYear\",0);window.status=\"\"' onclick='popUpYear()'></span><div id='selectYear' style='z-index:+999;position:absolute;visibility:hidden;'></div></TD>"+
	"<TD bgcolor='#818181' class=\"cal_BUTTONS\" onclick=\"changeDate(3, null);\""+ 
	" onmouseover=\"document.getElementById('arR').style.filter='';\""+
	" onmouseout=\"document.getElementById('arR').style.filter='gray(), alpha(opacity=50)';\"><img id='arR' style=\"filter: 'gray(), alpha(opacity=50)'\" src='images/arrow_r.gif'></TD>"+
	"</TR><TR><TD bgcolor='#818181' class='cal_TD' colspan=4>"+
	"<TABLE style=\"WIDTH: 100%\" cellSpacing=0 cellPadding=3 width=\"100%\" align=center border=0>"+
	"<TR><TD bgcolor='#EDE0A7' class=\"chtext\"><font color='#BD0000'>S</font></TD>"+
	"<TD bgcolor='#EDE0A7' class=\"chtext\"><font color='#000000'>M</font></TD>"+
	"<TD bgcolor='#EDE0A7' class=\"chtext\"><font color='#000000'>T</font></TD>"+
	"<TD bgcolor='#EDE0A7' class=\"chtext\"><font color='#000000'>W</font></TD>"+
	"<TD bgcolor='#EDE0A7' class=\"chtext\"><font color='#000000'>T</font></TD>"+
	"<TD bgcolor='#EDE0A7' class=\"chtext\"><font color='#000000'>F</font></TD>"+
	"<TD bgcolor='#EDE0A7' class=\"chtext\"><font color='#000000'>S</font></TD></TR>"+
	"<TR><TD bgcolor='#FFFFFF' class='chtext' colspan=7><HR class=\"cal_HR\"></TD></TR>");

for(var a = 0; a <=5; a++)
{
	document.write("<TR id=\"cell_" + String(a) + "\">");
	for(var b = 0; b<=6; b++)
	{
		document.write("<TD bgcolor='#FFFFFF' id=\"cell_" + String(a) + "_" + String(b) + "\" class=\"chtext1\" onmouseover=\"this.className='chtext2'\" onmouseout=\"this.className='chtext1'\" onclick=\"tdclick(this);\"></TD>");
	}
	document.write("</TR>");
}    

document.write("</TABLE></TD></TR><TR>"+
	"<TD bgcolor='#818181' class=\"chtext\" >" + 
	"<a class='chtext' href='#' title='SET' onclick=\"fnRetVal();hideCalendar();\"><b>Set Date</b></a></TD>"+
	"<TD bgcolor='#818181' class='chtext' colspan=2 align=center><div id=\"txtToday\" style='cursor:pointer'></div><div id='div_time' style='display:none'>"+
	"HH<input type='text' class='cal_hhmm' id='txt_hh' size='1' maxlength='2' onkeyup='if(isNaN(this.value)||this.value>23||this.value<0) this.value=\"\"' onchange='if(isNaN(this.value)||this.value>23||this.value<0) this.value=\"\"'>"+
	"MM<input type='text' class='cal_hhmm' id='txt_mm' size='1' maxlength='2' onkeyup='if(isNaN(this.value)||this.value>59||this.value<0) this.value=\"\"' onchange='if(isNaN(this.value)||this.value>59||this.value<0)  this.value=\"\"'></div></TD>"+
	"<TD bgcolor='#818181' class=\"chtext\"><a class='chtext' href='#' title='CLOSE' onclick=\"hideCalendar();\"><b>Close</b></a></TD>"+
	"</TR></TABLE></FORM></DIV>");

onafterload(null);