//***************************************************************************************************
//<script language="javascript" src="popup_fecha.js"></script>
//<input type=text name="fecha" size=15><a href="show_calendar('form.fecha');"><img src="show-calendar.gif" width=24 height=22 border=0></a>
//***************************************************************************************************
var weekend = [0,6];
var weekendColor = "#e9e9e9";
var fontface = "verdana";
var fontsize = 2;
var fonttitulo = "arial";
var Months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;

function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
	if ((p_month == null) && (p_year == null))	return;

	if (p_WinCal == null)
		this.gWinCal = ggWinCal;
	else
		this.gWinCal = p_WinCal;
	
	if (p_month == null) {
		this.gMonthName = null;
		this.gMonth = null;
		this.gYearly = true;
	} else {
		this.gMonthName = Months[p_month];
		this.gMonth = new Number(p_month);
		this.gYearly = false;
	}

	this.gYear = p_year;
	this.gFormat = p_format;
	this.gBGColor = "#e9e9e9";
	this.gFGColor = "#000000";
	this.gTextColor = "#000000";
	this.gHeaderColor = "#000000";
	this.gReturnItem = p_item;
}

Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;

function Calendar_get_daysofmonth(monthNo, p_year) {
	var MonthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
	if (monthNo == 1) {
		if ((p_year % 4) == 0) {
			if ((p_year % 100) == 0 && (p_year % 400) != 0)
				return MonthDays[monthNo];
			return 29;
		}
	}
	return MonthDays[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;
}

function Calendar_calc_month_year(p_Month, p_Year, incr) {
	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;
}

// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();

Calendar.prototype.getMonthlyCalendarCode = function() {
	var vCode = "";
	var vHeader_Code = "";
	var vData_Code = "";
	
	// Begin Table Drawing code here..
	vCode = vCode + "<table align'center' width='100%' bgcolor=\"" + this.gBGColor + "\">";
	
	vHeader_Code = this.cal_header();
	vData_Code = this.cal_data();
	vCode = vCode + vHeader_Code + vData_Code;
	
	vCode = vCode + "</table>";
	
	return vCode;
}

Calendar.prototype.show = function() {
	var vCode = "";
	
	this.gWinCal.document.open();

	this.wwrite("<html>");
	this.wwrite("<head><title>Calendario</title>");
	this.wwrite("</head>");
	this.wwrite("<style>");
	this.wwrite("a {font-family:'arial, helvetica';font-size:'14';color:'#000000';text-decoration:none}");
	this.wwrite("a:hover {color:'#663333';font-weight:bold}");
	this.wwrite("a.botones {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;padding: 5px;background-color: #ffffff;border: 1px solid #D47A0A;color: #D47A0A;text-decoration: none;margin-bottom:20px;}");
	this.wwrite("a.botones:hover {background-color: #D47A0A;border: 1px solid #D47A0A;color: #ffffff;}");
	this.wwrite("p {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #000000;}");
	this.wwrite("</style>");
	
	

	

	this.wwrite("<body " + 
		"bgcolor=\"" + this.gBGColor + "\" " + 
		"link=\"" + this.gLinkColor + "\" " + 
		"vlink=\"" + this.gLinkColor + "\" " +
		"alink=\"" + this.gLinkColor + "\" " +
		"text=\"" + this.gTextColor + "\">");
	this.wwriteA("<font face='" + fonttitulo + "' size=4><b>");
	this.wwriteA(this.gMonthName + " " + this.gYear);
	this.wwriteA("</b><br><br>");

	// 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];
	
	this.wwrite("<table align='center' width='100%' height='40'><tr><td align='center'>");
	this.wwrite("<a class=\"botones\" href=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
		");" +
		"\">- Year<\/a>"); //</td><td align='center'>");
	this.wwrite("<a class=\"botones\" href=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\">- Month<\/a>"); //</td>");
	//this.wwrite(" <td align='center'>");
	this.wwrite("<a class=\"botones\" href=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\">+ Month<\/a>") //</td><td align='center'>");
	this.wwrite("<a class=\"botones\" href=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
		");" +
		"\">+ Year<\/a></td></tr></table><br>");

	// Get the complete calendar code for the month..
	vCode = this.getMonthlyCalendarCode();
	this.wwrite(vCode);

	this.wwrite("</font></body></html>");
	this.gWinCal.document.close();
}

Calendar.prototype.showY = function() {
	var vCode = "";
	var i;
	var vr, vc, vx, vy;		// Row, Column, X-coord, Y-coord
	var vxf = 285;			// X-Factor
	var vyf = 200;			// Y-Factor
	var vxm = 10;			// X-margin
	var vym;				// Y-margin
	if (isIE)	vym = 75;
	else if (isNav)	vym = 25;
	
	this.gWinCal.document.open();

	this.wwrite("<html>");
	this.wwrite("<head><title>Calendar</title>");
	this.wwrite("<style type='text/css'>\n<!--");
	for (i=0; i<12; i++) {
		vc = i % 3;
		if (i>=0 && i<= 2)	vr = 0;
		if (i>=3 && i<= 5)	vr = 1;
		if (i>=6 && i<= 8)	vr = 2;
		if (i>=9 && i<= 11)	vr = 3;
		
		vx = parseInt(vxf * vc) + vxm;
		vy = parseInt(vyf * vr) + vym;

		this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
	}
	this.wwrite("-->\n</style>");
	this.wwrite("</head>");

	this.wwrite("<body " + 
		"link=\"" + this.gLinkColor + "\" " + 
		"vlink=\"" + this.gLinkColor + "\" " +
		"alink=\"" + this.gLinkColor + "\" " +
		"text=\"" + this.gTextColor + "\">");
	this.wwrite("<font face='" + fontface + "' size=2><b>");
	this.wwrite("Year : " + this.gYear);
	this.wwrite("</b><br>");

	// Show navigation buttons
	var prevYYYY = parseInt(this.gYear) - 1;
	var nextYYYY = parseInt(this.gYear) + 1;
	
	this.wwrite("<table width='160' border=0 cellspacing=0 cellpadding=0 bgcolor='#e9e9e9'><tr><td align=center>");
	this.wwrite("[<a href=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\" alt='Prev Year'><<<\/a>]</td>");
	this.wwrite("<td align=center>");
	this.wwrite("[<a href=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\">>><\/a>]</td></tr></table><br>");

	// Get the complete calendar code for each month..
	var j;
	for (i=11; i>=0; i--) {
		if (isIE)
			this.wwrite("<div id=\"layer" + i + "\" class=\"lclass" + i + "\">");
		else if (isNav)
			this.wwrite("<layer id=\"layer" + i + "\" class=\"lclass" + i + "\">");

		this.gMonth = i;
		this.gMonthName = Months[this.gMonth];
		vCode = this.getMonthlyCalendarCode();
		this.wwrite(this.gMonthName + "/" + this.gYear + "<br>");
		this.wwrite(vCode);

		if (isIE)
			this.wwrite("</div>");
		else if (isNav)
			this.wwrite("</layer>");
	}

	this.wwrite("</font><br></body></html>");
	this.gWinCal.document.close();
}

Calendar.prototype.wwrite = function(wtext) {
	this.gWinCal.document.writeln(wtext);
}

Calendar.prototype.wwriteA = function(wtext) {
	this.gWinCal.document.write(wtext);
}

Calendar.prototype.cal_header = function() {
	var vCode = "";
	
	vCode = vCode + "<tr>";
	vCode = vCode + "<td bgcolor='#e9e9e9' width='14%' align='center'><font size='2' face='" + fontface + "' color='" + this.gHeaderColor + "'><b>&nbsp;S&nbsp;</b></font></td>";
	vCode = vCode + "<td bgcolor='#e9e9e9' width='14%' align='center'><font size='2' face='" + fontface + "' color='" + this.gHeaderColor + "'><b>&nbsp;M&nbsp;</b></font></td>";
	vCode = vCode + "<td bgcolor='#e9e9e9' width='14%' align='center'><font size='2' face='" + fontface + "' color='" + this.gHeaderColor + "'><b>&nbsp;T&nbsp;</b></font></td>";
	vCode = vCode + "<td bgcolor='#e9e9e9' width='14%' align='center'><font size='2' face='" + fontface + "' color='" + this.gHeaderColor + "'><b>&nbsp;W&nbsp;</b></font></td>";
	vCode = vCode + "<td bgcolor='#e9e9e9' width='14%' align='center'><font size='2' face='" + fontface + "' color='" + this.gHeaderColor + "'><b>&nbsp;T&nbsp;</b></font></td>";
	vCode = vCode + "<td bgcolor='#e9e9e9' width='14%' align='center'><font size='2' face='" + fontface + "' color='" + this.gHeaderColor + "'><b>&nbsp;F&nbsp;</b></font></td>";
	vCode = vCode + "<td bgcolor='#e9e9e9' width='16%' align='center'><font size='2' face='" + fontface + "' color='" + this.gHeaderColor + "'><b>&nbsp;S&nbsp;</b></font></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) + " align='right'><p> </p></td>";
	}

	// Write rest of the 1st week
	for (j=vFirstDay; j<7; j++) {
		vCode = vCode + "<td width='14%'" + this.write_weekend_string(j) + " align='right'><p>" + 
			"<a href='#' " + 
				"onClick=\"self.opener.document." + this.gReturnItem + ".value='" + 
				this.format_data(vDay) + 
				"';window.close();\">" + 
				this.format_day(vDay) + 
			"</a>" + 
			"</p></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) + " align='right'><font size='2' face='" + fontface + "'>" + 
				"<a href='#' " + 
					"onClick=\"self.opener.document." + this.gReturnItem + ".value='" + 
					this.format_data(vDay) + 
					"';window.close();\">" + 
				this.format_day(vDay) + 
				"</a>" + 
				"</font></td>";
			vDay=vDay + 1;

			if (vDay > vLastDay) {
				vOnLastDay = 1;
				break;
			}
		}

		if (j == 6)
			vCode = vCode + "</tr>";
		if (vOnLastDay == 1)
			break;
		vCode = vCode + "</tr>";
	}
	
	// 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) + 
			" align='right'><font size='2' face='" + fontface + "' color='gray'> </font></td>";
		else
			vCode = vCode + "<td width='14%'" + this.write_weekend_string(j+m) + 
			" align='right'><font size='2' face='" + fontface + "' color='gray'>" + m + "</font></td>";
	}
	vCode = vCode + "</tr>";
	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=\"#D47A0A\"><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.format_data = function(p_day) {
	var vMonth = 1 + this.gMonth;
	vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
	var vMon = Months[this.gMonth].substr(0,3).toUpperCase();
	var vFMon = Months[this.gMonth].toUpperCase();
	var vY4 = new String(this.gYear);
	var vY2 = new String(this.gYear.substr(2,2));
	var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;

	vData = vMonth + "\/" + vDD + "\/" + vY4;
	return vData;
}

function Build(p_item, p_month, p_year, p_format) {
	var p_WinCal = ggWinCal;
	gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format);

	// Customize your Calendar here..
	gCal.gBGColor="#ffffff";
	gCal.gLinkColor="#000000";
	gCal.gTextColor="#000000";
	gCal.gHeaderColor="#D47A0A";

	// Choose appropriate show function
	if (gCal.gYearly)
		gCal.showY();
	else
		gCal.show();
}

function show_calendar() {
	/* 
		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.
	*/

	p_item = arguments[0]; //Nombre del campo del form donde devuelve la fecha
	if (arguments[1] == null)
		p_month = new String(gNow.getMonth());
	else
		p_month = arguments[1];
	if (arguments[2] == "" || arguments[2] == null)
		p_year = new String(gNow.getFullYear().toString());
	else
		p_year = arguments[2];
	if (arguments[3] == null)
		p_format = "mm/dd/yyyy";
	else
		p_format = arguments[3];

	vWinCal = window.open("", "Calendar", "width=250,height=250,status=no,resizable=no,top=200,left=200");
	vWinCal.opener = self;
	ggWinCal = vWinCal;

	Build(p_item, p_month, p_year, p_format);
}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
	// Load the defaults..
	if (p_year == null || p_year == "")
		p_year = new String(gNow.getFullYear().toString());
	if (p_format == null || p_format == "")
		p_format = "mm/dd/yyyy";

	var vWinCal = window.open("", "Calendar", "width=600,height=400,status=no, scrollbars=yes");
	vWinCal.opener = self;
	ggWinCal = vWinCal;

	Build(p_item, null, p_year, p_format);
}