var One_Day = 86400000
var One_Month = (One_Day * 30)
var Current_Date = new Date()
var_CurrentMonth = ""
var_Month = new Array(12)
var_Month[1] = "January"
var_Month[2] = "February" 
var_Month[3] = "March" 
var_Month[4] = "April" 
var_Month[5] = "May" 
var_Month[6] = "June" 
var_Month[7] = "July" 
var_Month[8] = "August" 
var_Month[9] = "September" 
var_Month[10] = "October" 
var_Month[11] = "November" 
var_Month[12] = "December" 
var_ActiveTBox = ""
var_Top = "100"
var_Left = "100"

function DatePicker(TheDate,e,top,left)
{
var_ActiveTBox = e
var_Top = top
var_Left = left
var RefDate = new Date(TheDate)
varDays = RefDate.getTime() - (One_Day * (RefDate.getDate()-1))
RefDate.setTime(varDays)
varDays = RefDate.getTime() - (One_Day * (RefDate.getDay()))
RefDate.setTime(varDays)
var MnthDate = new Date(TheDate)
varDays = RefDate.getTime() + (One_Day * 15)
MnthDate.setTime(varDays)
var_CurrentMonth = var_Month[MnthDate.getMonth()+1] + " " + MnthDate.getYear()
Current_Date = TheDate
ShowCalendar(RefDate);
}

function Prev()
{
var pDate = new Date(Current_Date);
varpDays = pDate.getTime() - One_Month;
pDate.setTime(varpDays);
DatePicker(pDate,var_ActiveTBox,var_Top,var_Left);
}

function Next()
{
var nDate = new Date(Current_Date);
varnDays = nDate.getTime() + One_Month;
nDate.setTime(varnDays);
DatePicker(nDate,var_ActiveTBox,var_Top,var_Left);
}

function ShowCalendar(theDate){
tzjrwgvejc.innerHTML = "";
var DateLoop = new Date(theDate);
var varCal ="<table border='0' cellspacing='2' cellpadding='1' class='calendar' >";
varCal += "<tr><td onClick=Prev() class='clicker'><</td>";
varCal += "<td colspan='5' align='center' class='calheader'>" + var_CurrentMonth  +"</td>";
varCal += "<td onClick=Next() class='clicker'>></td></tr>";

for ( var r = 1; r <= 6; r++ ) {
	varCal += "<tr>"
	
for ( var c = 1; c <= 7; c++ ) {
	varCal += "<td align='right' onClick=ShowDate('"
	varCal +=  DateLoop.getMonth()+1 + "/" + DateLoop.getDate() + "/" + DateLoop.getYear()
	varCal += "') class='calday'>" + DateLoop.getDate() + "</td>";
	varDays = DateLoop.getTime() + One_Day;
	DateLoop.setTime(varDays);
	
}
varCal += "</tr>"
}
varCal += "</table>"

document.getElementById('tzjrwgvejc').style.position = 'absolute';
document.getElementById('tzjrwgvejc').style.left = var_Left + 'px';
document.getElementById('tzjrwgvejc').style.top = var_Top + 'px';
//document.body.appendChild(document.getElementById('tzjrwgvejc'));

tzjrwgvejc.innerHTML = varCal;
}

function ShowDate(theDate)
{

tzjrwgvejc.innerHTML = ""
var_ActiveTBox.value = theDate
}




// Now the utilities

function getElementLeft(Elem) {
	
	var elem;
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	xPos = elem.offsetLeft;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
		tempEl = tempEl.offsetParent;
	}
	return xPos;
	
}


function getElementTop(Elem) {
	
	if(document.getElementById) {	
		var elem = document.getElementById(Elem);
	} else if (document.all) {
		var elem = document.all[Elem];
	}
	yPos = elem.offsetTop;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		yPos += tempEl.offsetTop;
		tempEl = tempEl.offsetParent;
	}
	return yPos;
	
}

function breakMeOutOfTheDom(inId)
{
  var elem = document.getElementById(inId);
  elem.style.position = 'absolute';
  elem.style.top = '0px';
  elem.style.left = '0px';
  document.body.appendChild(elem);
}

function hide_element(inId)
{
	document.getElementById(inId).style.display = 'none';
}

function show_element(inId,showMeHow)
{
	document.getElementById(inId).style.display = showMeHow;
}