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

var gNow = new Date();
var ggWinContent;
var ggPosX = -1;
var ggPosY = -1;
var _ggPosX=0;
var _ggPosY=0;
var sel1=null;
var sel2=null;
var sel4=null;
var hideSelects="";
var absPos=false;


var fg_color='white';
var bg_color='#C5D9B3';
Calendar.Months = ["ENERO", "FEBRERO", "MARZO", "ABRIL", "MAYO", "JUNIO",
"JULIO", "AGOSTO", "SEPTIEMBRE", "OCTUBRE", "NOVIEMBRE", "DICIEMBRE"];

// 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];

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;
}

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;
}

// 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 += ("<div align=center><TABLE border=\"1\" width='100%' bordercolor=\"#969B84\"  cellpadding=2 cellspacing=0 style=\"border-collapse: collapse;  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() {
	var vCode = "";
	
	var ahora = new Date();
	var mes_ahora=ahora.getMonth();
	var anyo_ahora=ahora.getFullYear();
	var mostrar_mes_anterior=1;
	if(mes_ahora==this.gMonth && anyo_ahora==this.gYear){
     mostrar_mes_anterior=0;
  }

	// 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];


	// build content into global var ggWinContent
	ggWinContent += ("<TABLE WIDTH='100%' BORDER=0 CELLSPACING=0 CELLPADDING=0  style='font-size:" + fontsize + "pt;'><TR>");

  if(mostrar_mes_anterior==1){
  ggWinContent += ("<TD ALIGN=center width=\"10%\"><A  TARGET=\"_self\"  HREF=\"javascript:void(0);\" " +
		"onMouseOver=\"window.status=''; return true;\" " +
		"onMouseOut=\"window.status=''; return true;\" " +
		"onClick=\"Build(" +
		"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\"><img src=\"anterior.gif\" border=\"0\" alt=\"anterior\" width=\"15\" height=\"14\"><\/A></TD>");
   }
   else if(mostrar_mes_anterior==0){
   ggWinContent += ("<TD ALIGN=center width=\"10%\">&nbsp;</TD>");
   }
	ggWinContent += ("<TD ALIGN=center><FONT FACE='" + fontface + "' ><B>");
  ggWinContent += (this.gMonthName + " " + this.gYear);
  ggWinContent += "</B></TD>";
  
	ggWinContent += ("<TD ALIGN=center width=\"10%\"><A  TARGET=\"_self\"  HREF=\"javascript:void(0);\" " +
		"onMouseOver=\"window.status=''; return true;\" " +
		"onMouseOut=\"window.status=''; return true;\" " +
		"onClick=\"Build(" +
		"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\"><img src=\"siguiente.gif\" border=\"0\" alt=\"siguiente\" width=\"15\" height=\"14\"><\/A>");
	

	ggWinContent += ("</TD></TR><TABLE>");


	// Get the complete calendar code for the month, and add it to the
	//	content var
	vCode = this.getMonthlyCalendarCode();
	ggWinContent += vCode;
}



Calendar.prototype.cal_header = function() {
	var vCode = "";

	vCode = vCode + "<TR>";
	vCode = vCode + "<TD align='center' WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>L</B></FONT></TD>";
	vCode = vCode + "<TD align='center' WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>M</B></FONT></TD>";
	vCode = vCode + "<TD align='center' WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>X</B></FONT></TD>";
	vCode = vCode + "<TD align='center' WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>J</B></FONT></TD>";
	vCode = vCode + "<TD align='center' WIDTH='14%'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>V</B></FONT></TD>";
	vCode = vCode + "<TD align='center' WIDTH='15%' bgcolor='"+weekendColor+"'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>S</B></FONT></TD>";
	vCode = vCode + "<TD align='center' WIDTH='15%' bgcolor='"+weekendColor+"'><FONT FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>D</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()-1;
	if(vFirstDay==-1){
    vFirstDay=6;
  }
	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 align='center' 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 align='center' WIDTH='14%'" + this.write_weekend_string(j) + "><FONT FACE='" + fontface + "' style='font-size:" + fontsize + "pt;'>" +
			"<A  TARGET=\"_self\" style='color: #003333;' HREF='javascript:void(0);' " +
				"onMouseOver=\"window.status=''; return true;\" " +
				"onMouseOut=\"window.status=' '; return true;\" " +
				"onClick=\"document." + this.gReturnItem + ".value='" +
				this.format_data(vDay) +
				"';ggPosX=-1;ggPosY=-1;nd();nd();" +
hideSelects+
        "\">" +
				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 align='center' WIDTH='14%'" + this.write_weekend_string(j) + "><FONT FACE='" + fontface + "' style='font-size:" + fontsize + "pt;'>" +

    
				this.format_day(vDay) +
				
				
				"</FONT></TD>";
			vDay=vDay + 1;

			if (vDay > vLastDay) {
				vOnLastDay = 1;
				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'></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);
 	*/
 	if ((vday < vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear) ||
     (this.gMonth < vNowMonth && this.gYear == vNowYear) ||
     (this.gYear< vNowYear))
		return ("<FONT COLOR=\"#dddddd\" style='font-size:" + fontsize + "pt;'>" + vday + "</FONT>");
	else
 	return ("<A  style='font-size:" + fontsize + "pt;color: #003333;' TARGET=\"_self\"  HREF=\"javascript:void(0);\" " +
					"onMouseOver=\"window.status=''; return true;\" " +
					"onMouseOut=\"window.status=' '; return true;\" " +
					"onClick=\"document." + this.gReturnItem + ".value='" +
					this.format_data(vday) +
					"';window.scroll(0,ggPosY);ggPosX=-1;ggPosY=-1;nd();nd();" +
hideSelects+
        "\">" +
				vday +
				"</A>");

}

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 vData;
	var vMonth = 1 + this.gMonth;
	vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
	var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
	var vFMon = Calendar.get_month(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;

	switch (this.gFormat) {
		case "MM\/DD\/YYYY" :
			vData = vMonth + "\/" + vDD + "\/" + vY4;
			break;
		case "MM\/DD\/YY" :
			vData = vMonth + "\/" + vDD + "\/" + vY2;
			break;
		case "MM-DD-YYYY" :
			vData = vMonth + "-" + vDD + "-" + vY4;
			break;
		case "YYYY-MM-DD" :
			vData = vY4 + "-" + vMonth + "-" + vDD;
			break;
		case "MM-DD-YY" :
			vData = vMonth + "-" + vDD + "-" + vY2;
			break;
		case "DD\/MON\/YYYY" :
			vData = vDD + "\/" + vMon + "\/" + vY4;
			break;
		case "DD\/MON\/YY" :
			vData = vDD + "\/" + vMon + "\/" + vY2;
			break;
		case "DD-MON-YYYY" :
			vData = vDD + "-" + vMon + "-" + vY4;
			break;
		case "DD-MON-YY" :
			vData = vDD + "-" + vMon + "-" + vY2;
			break;
		case "DD\/MONTH\/YYYY" :
			vData = vDD + "\/" + vFMon + "\/" + vY4;
			break;
		case "DD\/MONTH\/YY" :
			vData = vDD + "\/" + vFMon + "\/" + vY2;
			break;
		case "DD-MONTH-YYYY" :
			vData = vDD + "-" + vFMon + "-" + vY4;
			break;
		case "DD-MONTH-YY" :
			vData = vDD + "-" + vFMon + "-" + vY2;
			break;
		case "DD\/MM\/YYYY" :
			vData = vDD + "\/" + vMonth + "\/" + vY4;
			break;
		case "DD\/MM\/YY" :
			vData = vDD + "\/" + vMonth + "\/" + vY2;
			break;
		case "DD-MM-YYYY" :
			vData = vDD + "-" + vMonth + "-" + vY4;
			break;
		case "DD-MM-YY" :
			vData = vDD + "-" + vMonth + "-" + vY2;
			break;
		default :
			vData = vMonth + "\/" + vDD + "\/" + vY4;
	}

	return vData;
}

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="black";
	gCal.gLinkColor="black";
	gCal.gTextColor="black";
	gCal.gHeaderColor="black";

	// initialize the content string
	ggWinContent = "";

	gCal.show();


if(absPos==false){
	// if this is the first calendar popup, use autopositioning with an offset
	if (ggPosX == -1 && ggPosY == -1) {
		overlib(ggWinContent, AUTOSTATUSCAP, STICKY, CLOSECLICK, CSSSTYLE,
			TEXTSIZEUNIT, "pt", TEXTSIZE, 7, CAPTIONSIZEUNIT, "pt", CAPTIONSIZE, 7, CLOSESIZEUNIT, "pt", CLOSESIZE,7,
			CAPTION, "&nbsp;",
      OFFSETX, 20+_ggPosX, OFFSETY, -20+_ggPosY,
      FGCOLOR, fg_color, BGCOLOR, bg_color );
		// save where the 'over' div ended up; we want to stay in the same place if the user
		//	clicks on one of the year or month navigation links
		if ( (ns4) || (ie4) ) {
		        ggPosX = parseInt(over.left);
		        ggPosY = parseInt(over.top);
			} else if (ns6) {
			ggPosX = parseInt(over.style.left);
			ggPosY = parseInt(over.style.top);
			}
		}
	else {
		// we have a saved X & Y position, so use those with the FIXX and FIXY options
		overlib(ggWinContent, AUTOSTATUSCAP, STICKY, CLOSECLICK, CSSSTYLE,
			TEXTSIZEUNIT, "pt", TEXTSIZE, 7,  CAPTIONSIZEUNIT, "pt", CAPTIONSIZE,7, CLOSESIZEUNIT, "pt", CLOSESIZE, 7,
			CAPTION, "&nbsp;",
      OFFSETX, 20+_ggPosX, OFFSETY, -20+_ggPosY,
      FGCOLOR, fg_color, BGCOLOR, bg_color );
		}
	window.scroll(ggPosX, ggPosY);
}
else{
	overlib(ggWinContent, AUTOSTATUSCAP, STICKY, CLOSECLICK, CSSSTYLE,
			TEXTSIZEUNIT, "pt", TEXTSIZE, 7, CAPTIONSIZEUNIT, "pt", CAPTIONSIZE, 7, CLOSESIZEUNIT, "pt", CLOSESIZE,7,
			CAPTION, "&nbsp;",
      FIXX, _ggPosX, FIXY, _ggPosY,
      FGCOLOR, fg_color, BGCOLOR, bg_color );
}
}

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];
	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 = "YYYY-MM-DD";
		p_format = "DD/MM/YYYY";
	else
		p_format = arguments[3];
		
	if (arguments[4] != null){
			_ggPosX = arguments[4];
  }
	if (arguments[5] != null){
			_ggPosY = arguments[5];
  }
	if (arguments[6] != null){
		 fg_color = arguments[6];
  }
	if (arguments[7] != null){
		 bg_color = arguments[7];
  }
	if (arguments[8] != null){
		 sel1 = arguments[8];
  }
	if (arguments[9] != null){
		 sel2 = arguments[9];
  }
	if (arguments[10] != null){
		 sel3 = arguments[10];
  }
	if (arguments[11] != null ){
		 absPos = arguments[11];
  }
	if (arguments[12] != null){
		 sel4 = arguments[12];
  }
  if(sel1!=null && sel2!=null && sel3!=null && sel4!=null){
     hideSelects="SEL1.style.visibility='visible';SEL2.style.visibility='visible';"+
                 "SEL3.style.visibility='visible';SEL4.style.visibility='visible';";
  }

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