var weekend = [0,6];
var weekendColor = "#e0e0e0";
var fontface = "Verdana";
var fontsize = 8;			// in "pt" units; used with "font-size" style element

var gNow = new Date();
var gRows;
var ggWinContent;
var ggPosX = -1;
var ggPosY = -1;

var LOWER_YEAR_CUTOFF = 1950;
var UPPER_YEAR_CUTOFF = 2075;

var MonthOffsets = new Array( 0,31,59,90,120,151,181,212,243,273,304,334 );

Calendar.Months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];

// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

var popupCalendar;
var popupCalendarParent;

function showCalendar( evt, controlID ) 
{
    /* 
		p_month : 0-11 for Jan-Dec; 12 for All Months.
		p_year	: 4-digit year
		p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
		p_item	: Return Item.
	*/
	
	top.calendarWindow = window;
	
	if (!evt) evt = window.event;
		tgt = getEventTarget( evt );
		
	popupCalendarParent = tgt;
	p_item              = controlID;
	
	var month;
	var year;
	var pControl    = document.getElementById( p_item );
	var parts       = pControl.value.toString().split('/');
	
	if ( parts.length != 3 || isNaN( parts[0] ) || isNaN( parts[1] ) || isNaN( parts[2] ) )
	{
	    p_month = new String(gNow.getMonth());
	    p_year  = new String(gNow.getFullYear().toString());
	}
	else
	{
	    month   = Number( parts[0] ) - 1;
	    year    = Number( parts[2] );
	    
	    if ( isNaN( month ) || month < 0 || month > 11 )
		    p_month = new String(gNow.getMonth());
	    else
		    p_month = month;
	    if ( isNaN( year ) || year < LOWER_YEAR_CUTOFF || year > UPPER_YEAR_CUTOFF )
		    p_year = new String(gNow.getFullYear().toString());
	    else
		    p_year = year;
    }
    
	if (arguments[3] == null)
		p_format = "YYYY-MM-DD";
	else
		p_format = arguments[3];

	build(p_item, p_month, p_year, p_format);
}

function build(p_item, p_month, p_year, p_format) 
{
    gCal = new Calendar(p_item, p_month, p_year, p_format);

	// Customize your Calendar here..
	gCal.gBGColor="white";
	gCal.gLinkColor="blue";
	gCal.gTextColor="black";
	gCal.gHeaderColor="darkgreen";

	// initialize the content string
	ggWinContent = "";
	
	gCal.show();
	
	top.closePopupCalendar();
    
	var posX = 0;
	var posY = 0;
	var walker = popupCalendarParent;
	
	do
	{
	    posX += walker.offsetLeft;
		posY += walker.offsetTop;
		walker = walker.offsetParent;
	}
	while ( walker.nodeName != "BODY" )
	
	posX -= ( window.createPopup ? walker.scrollLeft : window.pageXOffset );
	posY -= ( window.createPopup ? walker.scrollTop : window.pageYOffset );
	posX += popupCalendarParent.offsetWidth;
	
	if ( window != top )
	{
	    if ( window.name.indexOf( "popup" ) == 0 )
	    {
	        var winC = top.popups[window.name].winControl;
		    posX    += winC.offsetLeft + 2;
		    posY    += winC.offsetTop + 17;
	    }
	    else
	    {
		    posX += ( top.divSidebar == null ? 0 : top.divSidebarUn.offsetWidth );
		    posY += 90;
	    }
	}
	
	var height = 157;
	if ( gRows > 5 )
		height += 17;
		
	if ( top == window )
    {
	    posX += document.body.scrollLeft;
	    posY += document.body.scrollTop;
    }

    if ( top != window )
    {
        var mainWin		= top.document.getElementById( 'sesMain' );
	    var winWidth	= mainWin.offsetWidth + ( top.divSidebar == null ? 0 : top.divSidebarUn.offsetWidth );
	    var winHeight	= mainWin.offsetHeight + 91;
	    
        var overHang    = ( posX + 200 ) - winWidth;
        
        if ( overHang > 0 )
             posX = ( posX - overHang );
             
        overHang    = ( height + posY ) - winHeight;
        
        if ( overHang > 0 )
             posY = ( posY - overHang );
    }
         
    var style = "left:" + posX + "px;top:" + posY + 
		"px;height:" + height + "px";
	
	if ( window.createPopup ) //IE
	{
	    ggWinContent    = "<iframe frameborder=0 width=194 height=" + height + " src=\"javascript:false;\" style=\"position:absolute;z-index:-1;\"></iframe>" + ggWinContent;
		popupCalendar   = top.document.createElement( "<div id=popupCalendar class=calCell style=\"" + style + "\">" );
	}
	else //FF
	{
		popupCalendar = top.document.createElement( "div" );
		popupCalendar.setAttribute( "style", style );
		popupCalendar.className    = "calCell";
		popupCalendar.id           = "popupCalendar";
	} 

    popupCalendar.innerHTML            = ggWinContent;
	popupCalendar.setAttribute( 'oWin', window.name );
	
	if ( top == window )
	    top.document.body.appendChild( popupCalendar );
	else
	    top.document.getElementById('toolcenter').appendChild( popupCalendar );
}

function Calendar(p_item, p_month, p_year, p_format) {
	if ((p_month == null) && (p_year == null))	return;

	if (p_month == null) {
		this.gMonthName = null;
		this.gMonth = null;
		this.gYearly = true;
	} else {
		this.gMonthName = Calendar.get_month(p_month);
		this.gMonth = new Number(p_month);
		this.gYearly = false;
	}

	this.gYear = p_year;
	this.gFormat = p_format;
	this.gBGColor = "white";
	this.gFGColor = "black";
	this.gTextColor = "black";
	this.gHeaderColor = "black";
	this.gReturnItem = p_item;
}

Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;

function Calendar_get_month(monthNo) {
	return Calendar.Months[monthNo];
}

function Calendar_get_daysofmonth(monthNo, p_year) {
	/* 
	Check for leap year ..
	1.Years evenly divisible by four are normally leap years, except for... 
	2.Years also evenly divisible by 100 are not leap years, except for... 
	3.Years also evenly divisible by 400 are leap years. 
	*/
	if ((p_year % 4) == 0) {
		if ((p_year % 100) == 0 && (p_year % 400) != 0)
			return Calendar.DOMonth[monthNo];
	
		return Calendar.lDOMonth[monthNo];
	} else
		return Calendar.DOMonth[monthNo];
}

function Calendar_calc_month_year(p_Month, p_Year, incr) {
	/* 
	Will return an 1-D array with 1st element being the calculated month 
	and second being the calculated year 
	after applying the month increment/decrement as specified by 'incr' parameter.
	'incr' will normally have 1/-1 to navigate thru the months.
	*/
	var ret_arr = new Array();
	
	if (incr == -1) {
		// B A C K W A R D
		if (p_Month == 0) {
			ret_arr[0] = 11;
			ret_arr[1] = parseInt(p_Year) - 1;
		}
		else {
			ret_arr[0] = parseInt(p_Month) - 1;
			ret_arr[1] = parseInt(p_Year);
		}
	} else if (incr == 1) {
		// F O R W A R D
		if (p_Month == 11) {
			ret_arr[0] = 0;
			ret_arr[1] = parseInt(p_Year) + 1;
		}
		else {
			ret_arr[0] = parseInt(p_Month) + 1;
			ret_arr[1] = parseInt(p_Year);
		}
	}
	
	return ret_arr;
}

Calendar.prototype.getMonthlyCalendarCode = function() 
{
	var vCode = "";
	var vHeader_Code = "";
	var vData_Code = "";
	
	// Begin Table Drawing code here..
	vCode += ("<div style='padding-left:4px;padding-right:4px;padding-top:1;padding-bottom:0px'><TABLE BORDER=0 BGCOLOR=\"" + this.gBGColor + "\" style='font-size:" + fontsize + "pt;'>");
	
	vHeader_Code = this.cal_header();
	vData_Code = this.cal_data();
	vCode += (vHeader_Code + vData_Code);
	
	vCode += "</TABLE></div>";
	
	return vCode;
}

Calendar.prototype.show = function() 
{
	// Show navigation buttons
	var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
	var prevMM = prevMMYYYY[0];
	var prevYYYY = prevMMYYYY[1];

	var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
	var nextMM = nextMMYYYY[0];
	var nextYYYY = nextMMYYYY[1];

	//outer border
	ggWinContent += "<div style='border:solid black 2px;width:194px;padding:1px;'>";
	
	//start header table
	ggWinContent += "<table cellpadding=0 cellspacing=0 border=0 bgcolor=navy height=30><tr>";
	
	//previous selector
	ggWinContent += "<td><span style=\"cursor:hand;cursor:pointer;font-size:10px;font-family:Arial Black;background-color:#D4D0C8;color:black;width:21px;font-weight:bold;margin-left:5px;margin-top:3px;margin-bottom:3px;border-bottom:solid 1px #808080;border-right:solid 1px #808080;border-left:solid 1px #ffffff;border-top:solid 1px #ffffff\"";
		
	if ( prevYYYY >= LOWER_YEAR_CUTOFF )
		ggWinContent += " onClick=\"top.calendarWindow.build('" + this.gReturnItem + "', '" + prevMM + "', '" + 
			prevYYYY + "', '" + this.gFormat + "');\"";
	
	ggWinContent += ">&nbsp;<</span></td>";
	
	//show the name of the month
	ggWinContent += "<td align=\"center\" style=\"width:100%;font-family:Arial;font-size:11px;font-weight:bold;color:white;\">" + this.gMonthName + ", " + this.gYear;
	ggWinContent += "</B></td>";
	
	//next selector
	ggWinContent += "<td><span style=\"cursor:hand;cursor:pointer;font-size:10px;font-family:Arial Black;background-color:#D4D0C8;color:black;width:21px;font-weight:bold;margin-right:5px;margin-top:3px;margin-bottom:3px;border-bottom:solid 1px #808080;border-right:solid 1px #808080;border-left:solid 1px #ffffff;border-top:solid 1px #ffffff\"";
		
	if ( nextYYYY <= UPPER_YEAR_CUTOFF )
		ggWinContent += " onClick=\"top.calendarWindow.build('" + this.gReturnItem + "', '" + nextMM + "', '" + 
			nextYYYY + "', '" + this.gFormat + "');\"";
	
	ggWinContent += ">&nbsp;&nbsp;></span></td>";
	
	//end header table
	ggWinContent += "</tr></table>";

	//get the calendar itself
	ggWinContent += this.getMonthlyCalendarCode();
	
	//render the close label
	ggWinContent += "&nbsp;<span onclick=\"closePopupCalendar();\" style=\"cursor:hand;cursor:pointer;font-family:trebuchet ms;font-size:11px;font-weight:bold;\">Close</span></div>";
}

Calendar.prototype.cal_header = function() 
{
	var vCode = "";
	
	vCode = vCode + "<TR>";
	vCode = vCode + "<TD WIDTH='26' style='font-family:arial;font-size:10px;color:navy;'>Sun</TD>";
	vCode = vCode + "<TD WIDTH='26' style='font-family:arial;font-size:10px;color:navy;'>Mon</TD>";
	vCode = vCode + "<TD WIDTH='26' style='font-family:arial;font-size:10px;color:navy;'>Tue</TD>";
	vCode = vCode + "<TD WIDTH='26' style='font-family:arial;font-size:10px;color:navy;'>Wed</TD>";
	vCode = vCode + "<TD WIDTH='26' style='font-family:arial;font-size:10px;color:navy;'>Thu</TD>";
	vCode = vCode + "<TD WIDTH='26' style='font-family:arial;font-size:10px;color:navy;'>Fri</TD>";
	vCode = vCode + "<TD WIDTH='26' style='font-family:arial;font-size:10px;color:navy;'>Sat</TD>";
	vCode = vCode + "</TR>";
	
	return vCode;
}

Calendar.prototype.cal_data = function() {
	var vDate = new Date();
	vDate.setDate(1);
	vDate.setMonth(this.gMonth);
	vDate.setFullYear(this.gYear);

	var vFirstDay=vDate.getDay();
	var vDay=1;
	var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
	var vOnLastDay=0;
	var vCode = "";

	/*
	Get day for the 1st of the requested month/year..
	Place as many blank cells before the 1st day of the month as necessary. 
	*/
	vCode = vCode + "<TR>";
	for (i=0; i<vFirstDay; i++) {
		vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT FACE='" + fontface + "'> </FONT></TD>";
	}

	// Write rest of the 1st week
	for (j=vFirstDay; j<7; j++) {
		vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT FACE='" + fontface + "'>" + 
			"<A HREF='javascript:void(0);' style=\"color:blue;text-decoration:none;\"" + 
				"onClick=\"" + this.formatOut(vDay) + ";closePopupCalendar();\">" + 
				this.format_day(vDay) + 
			"</A>" + 
			"</FONT></TD>";
		vDay=vDay + 1;
	}
	vCode = vCode + "</TR>";

	// Write the rest of the weeks
	for (k=2; k<7; k++) {
		vCode = vCode + "<TR>";

		for (j=0; j<7; j++) {
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT FACE='" + fontface + "'>" + 
				"<A HREF='javascript:void(0);' style=\"color:blue;text-decoration:none;\"" +
					"onClick=\"" + this.formatOut(vDay) + ";closePopupCalendar();\">" + 
				this.format_day(vDay) + 
				"</A>" + 
				"</FONT></TD>";
			vDay=vDay + 1;

			if (vDay > vLastDay) 
			{
				vOnLastDay	= 1;
				gRows		= k;
				break;
			}
		}

		if (j == 6)
			vCode = vCode + "</TR>";
		if (vOnLastDay == 1)
			break;
	}
	
	// Fill up the rest of last week with proper blanks, so that we get proper square blocks
	for (m=1; m<(7-j); m++) {
		if (this.gYearly)
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) + 
			"><FONT FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
		else
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) + 
			"><FONT FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
	}
	
	return vCode;
}

Calendar.prototype.format_day = function(vday) {
	var vNowDay = gNow.getDate();
	var vNowMonth = gNow.getMonth();
	var vNowYear = gNow.getFullYear();

	if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
		return ("<FONT COLOR=\"RED\"><B>" + vday + "</B></FONT>");
	else
		return (vday);
}

Calendar.prototype.write_weekend_string = function(vday) {
	var i;

	// Return special formatting for the weekend day.
	for (i=0; i<weekend.length; i++) {
		if (vday == weekend[i])
			return (" BGCOLOR=\"" + weekendColor + "\"");
	}
	
	return "";
}

Calendar.prototype.formatOut = function( Day )
{
	var text = "";
	
	text += "top.calendarWindow.document.getElementById( '" + this.gReturnItem + "').value='" + 
		this.formatMonthOut( Day ) + "/" + this.formatDayOut( Day ) + "/" + this.formatYearOut( Day ) + "';";
	
	return text;
}

Calendar.prototype.formatYearOut = function( Day )
{
	return this.gYear;
}

Calendar.prototype.formatMonthOut = function( Day )
{
	var month = this.gMonth + 1;
	return ( month.toString().length < 2 ) ? "0" + month : month;
}

Calendar.prototype.formatDayOut = function( Day )
{
	return ( Day.toString().length < 2 ) ? "0" + Day : Day;
}

function validateMonth( value )
{
	if ( isNaN( value ) )
		return false;
	if ( value > 12 )
		return false;
	if ( value < 1 )
		return false;

	return true;
}

function validateDay( value )
{
	if ( isNaN( value ) )
		return false;
	if ( value > 31 )
		return false;
	if ( value < 1 )
		return false;
	
	return true;
}

function validateDayFromDate( year, month, day )
{
	return ( month == new Date( year, month, day ).getMonth() );
}

function validateYear( value )
{
    return validateYearForCutoff( value, LOWER_YEAR_CUTOFF, UPPER_YEAR_CUTOFF );
}

function validateYearForCutoff( value, min, max )
{
	if ( isNaN( value ) )
		return false;
	if ( value > max )
		return false;
	if ( value < min )
		return false;
	
	return true;
}
function closePopupCalendar()	
{
    var popElement = document.getElementById('popupCalendar');
	if ( popElement != null && popElement != undefined )
		popElement.parentNode.removeChild( popElement );
}