// DHTML Calendar
// $Author: Karl Agius $
// $Date: 2005/02/15 21:54:32 $
// $Revision: 1.1 $

var fecha=new Date();
var tmp={};
var tn=0;
var fallo=0;
var ciam=0;

function Calendar (cname, id, date,misevents)
{
	//window.onload = init;
	// Used to notify the calendar that it is attached to a single html field.
	this.fallback_single = 0;
	
	// Used to notify the claendar that it is attached to 3 html fields.
	this.fallback_multi = 1;
	
	// Used to notify the calendar that it is attached to both field sets.
	this.fallback_both = 2;
	
	// Read-only calendar
	this.viewOnly = false;
	
	// Allows the user to select weekends
	this.allowWeekends = true;
	
	// Allows the user to select weekdays
	this.allowWeekdays = true;
	
	// The minimum date that the user can select (inclusive)
	this.minDate = "--";
	
	// The maximum date that the user can select (exclusive)
	this.maxDate = "--";
	
	// Allow the user to scroll dates
	this.scrolling = true;
	
	// The id of this calendar
	this.name = cname;
	
	// The first day of the week in the calendar (0-Sunday, 6-Saturday)
	this.firstDayOfWeek = 0;
	
	// Fallback method
	this.fallback = this.fallback_single;
	
	// Sets the date and strips out time information
	this.calendarDate = date;
	this.calendarDate.setUTCHours(0);
	this.calendarDate.setUTCMinutes(0);
	this.calendarDate.setUTCSeconds(0);
	this.calendarDate.setUTCMilliseconds(0);
	
	// The field id that the calendar is attached to.
	// For single input, this is used "as is". for the
	// Multi-input, it is given a suffix for _day, _month
	// and _year inputs.
	this.attachedId = id;
	
	// The left and right month control icons
	this.controlLeft = "«";
	this.controlRight = "»";
		
	// The left and right month control icons (when disabled)
	this.controlLeftDisabled = "";
	this.controlRightDisabled = "";
	
	// The css classes for the calendar and header
	this.calendarStyle = "cal_calendar";
	this.headerStyle = "cal_header";
	this.headerCellStyle = "cal_cell";
	this.headerCellStyleLabel = "cal_labelcell";
	
	// The css classes for the rows
	this.weekStyle = "cal_week";
	this.evenWeekStyle = "cal_evenweek";
	this.oddWeekStyle = "cal_oddweek";
	
	// The css classes for the day elements
	this.dayStyle = "cal_day";
	this.disabledDayStyle = "cal_disabled";
	this.commonDayStyle = "cal_common";
	this.holidayDayStyle = "cal_holiday";
	this.eventDayStyle = "cal_event";
	this.todayDayStyle = "cal_today";
	
	// specifies the labels for this calendar
	this.dayLabels = new Array("D", "L", "M", "Mi", "J", "V", "S");
	this.monthLabels = new Array(
		"Enero", "Febrero", "Marzo", "Abril"
		, "Mayo", "Junio", "Julio", "Agosto"
		, "Septiembre", "Octubre", "Noviembre", "Diciembre");
	
	// Specifies the dates of any event. The events are to be defined as arrays,
	// with element 0 being the date and element 1 being an id.
	this.eventDates = misevents;  // new Array();
	
	// Attach event handlers to any fallback fields.
	if (this.viewOnly == false) {
	
		setFieldValue(this.attachedId, this.calendarDate);
		
		if ((this.fallback = this.fallback_both) || (this.fallback = this.fallback_single)) {
			eval("document.getElementById(\"" + this.attachedId + "\").onchange = function () {updateFromSingle("+this.name+", this);}");
		} 

		if ((this.fallback = this.fallback_both) || (this.fallback = this.fallback_multi)) {

			eval("document.getElementById(\"" + this.attachedId + "_day\").onchange = function () {updateFromMultiDay("+this.name+", this);}");
			eval("document.getElementById(\"" + this.attachedId + "_month\").onchange = function () {updateFromMultiMonth("+this.name+", this);}");
			eval("document.getElementById(\"" + this.attachedId + "_year\").onchange = function () {updateFromMultiYear("+this.name+", this);}");
			
		}
	} 
	
	selectEvent = new Function();
}

function updateFromSingle (sender, helper) {
	newDate = new Date (helper.value);
	newDate.setUTCDate(newDate.getUTCDate()+1);
	sender.calendarDate = newDate;

	renderCalendar (sender);
	setFieldValue(sender.attachedId, sender.calendarDate);
}

function updateFromMultiDay (sender, helper) {

	if (isNaN(helper.value)) {
		helper.value = sender.calendarDate.getUTCDate();
		return false;
	}

	sender.calendarDate.setUTCDate(helper.value);
	renderCalendar (sender);
	setFieldValue(sender.attachedId, sender.calendarDate);
}

function updateFromMultiMonth (sender, helper) {

	if (isNaN(helper.value)) {
		helper.value = sender.calendarDate.getUTCMonths() -1;
		return false;
	}
	
	sender.calendarDate.setUTCMonth(helper.value-1);
	renderCalendar (sender);
	setFieldValue(sender.attachedId, sender.calendarDate);
}

function updateFromMultiYear (sender, helper) {

	if (isNaN(helper.value)) {
		helper.value = sender.calendarDate.getUTCFullYear();
		return false;
	}
	
	sender.calendarDate.setUTCFullYear(helper.value);
	renderCalendar (sender);
	setFieldValue(sender.attachedId, sender.calendarDate);
}

function getFirstCalendarDate (calendar)
{
	return new Date (
		calendar.calendarDate.getUTCFullYear()
		, calendar.calendarDate.getUTCMonth()
		, 1
	);
}

function renderCalendar (calendar)
{
	calHtml1 =  ("<table id=\"cal_" + calendar.attachedId + "\" class=\"" + calendar.calendarStyle +"\">");
	calHtml1 += ((calendar.scrolling)?buildHeader(calendar):buildStaticHeader(calendar));
	calHtml1 += buildCalendarTable (calendar);
	calHtml1 += ("</table>");
	document.getElementById("cal_" + calendar.attachedId + "_display").innerHTML = calHtml1;
}

function scrollMonthBack (calendar)
{
	calendar.calendarDate.setUTCMonth(calendar.calendarDate.getUTCMonth() - 1);
	setFieldValue(calendar.attachedId, calendar.calendarDate);
	obtenerPendientes();

}



function selectDate (calendar, day)
{
	if (!calendar.viewOnly) {
		calendar.calendarDate.setUTCDate(day);
		setFieldValue(calendar.attachedId, calendar.calendarDate);
		renderCalendar (calendar); 
		var fechaActual;
		fechaActual =calendar.calendarDate;
	
		document.getElementById('divFecha').innerHTML = (fechaActual.getDate() + 1 ) + '/' + (fechaActual.getMonth() + 1) + '/' + fechaActual.getFullYear(); 
		cancelarNota();
	}
	
}

function scrollMonthForward (calendar)
{
	calendar.calendarDate.setUTCMonth(calendar.calendarDate.getUTCMonth() + 1);
	setFieldValue(calendar.attachedId, calendar.calendarDate);
	obtenerPendientes();

}

function setFieldValue(fieldId, date) {
	document.getElementById(fieldId).value = date.getUTCFullYear() + "/" + (date.getUTCMonth()+1) + "/" + date.getUTCDate();
	fecha=new Date(date);
	document.getElementById(fieldId + "_year").value = date.getUTCFullYear();
	document.getElementById(fieldId + "_month").selectedIndex = date.getUTCMonth();
	document.getElementById(fieldId + "_day").value = date.getUTCDate();
	document.getElementById('divFecha').innerHTML=date.getUTCDate() + "/" + (date.getUTCMonth()+1) + "/" + date.getUTCFullYear(); 
}

function buildHeader (calendar)
{

	enableLeft = true;
	enableRight = true;
	
	if (calendar.minDate != "--") 
	{
		if (calendar.calendarDate.getUTCFullYear() <= calendar.minDate.getUTCFullYear())
		{
			if (calendar.calendarDate.getUTCMonth() <= calendar.minDate.getUTCMonth())
			{
				enableLeft = false;
			}
		}
	}

	if (calendar.maxDate != "--") 
	{
		if (calendar.calendarDate.getUTCFullYear() >= calendar.maxDate.getUTCFullYear())
		{
			if (calendar.calendarDate.getUTCMonth() >= calendar.maxDate.getUTCMonth())
			{
				enableRight = false;
			}
		}
	}

	calHtml2 = "";
	
	calHtml2 +=  (
		"<tr class=\""
		+ calendar.headerStyle
		+ "\">");
	calHtml2 +=  (
		"<td class=\""
		+ calendar.headerCellStyle
		+ ((enableLeft)?("\" onclick=\"scrollMonthBack(" + calendar.name + ")"):"")
		+ "\">"
		+ ((enableLeft)?calendar.controlLeft:calendar.controlLeftDisabled)
		+ "</td>");
	calHtml2 +=  (
		"<td colspan=\"5\" class=\""
		+ calendar.headerCellStyleLabel
		+ "\">"
		+ calendar.monthLabels[calendar.calendarDate.getUTCMonth()] 
		+ ", " + calendar.calendarDate.getUTCFullYear()
		+ "</td>");
	calHtml2 +=  (
		"<td class=\""
		+ calendar.headerCellStyle
		+ ((enableRight)?("\" onclick=\"scrollMonthForward(" + calendar.name + ")"):"")
		+ "\">"
		+ ((enableRight)?calendar.controlRight:calendar.controlRightDisabled)
		+ "</td>");
	
	calHtml2 += ("</tr>");
	
	calHtml2 +=  (
		"<tr class=\""
		+ calendar.headerStyle
		+ "\">")

	for (i = 0; i < 7; i++) {
		showDay = i + calendar.firstDayOfWeek;
		if (showDay > 6) showDay = showDay - 7;
		calHtml2 +=  (
			"<td class=\""
			+ calendar.headerCellStyle
			+ "\">"
			+ calendar.dayLabels[showDay]
			+ "</td>");
	}

	calHtml2 += ("</tr>");
	return calHtml2
}

function buildStaticHeader (calendar)
{
	calHtml2 = "";
	
	calHtml2 +=  (
		"<tr class=\""
		+ calendar.headerStyle
		+ "\">");
	calHtml2 +=  (
		"<td colspan=\"7\" class=\""
		+ calendar.headerCellStyleLabel
		+ "\">"
		+ calendar.monthLabels[calendar.calendarDate.getUTCMonth()] 
		+ ", " + calendar.calendarDate.getUTCFullYear()
		+ "</td>");	
	calHtml2 += ("</tr>");
	
	calHtml2 +=  (
		"<tr class=\""
		+ calendar.headerStyle
		+ "\">")

	for (i = 0; i < 7; i++) {
		showDay = i + calendar.firstDayOfWeek;
		if (showDay > 6) showDay = showDay - 7;
		calHtml2 +=  (
			"<td class=\""
			+ calendar.headerCellStyle
			+ "\">"
			+ calendar.dayLabels[showDay]
			+ "</td>");
	}

	calHtml2 += ("</tr>");
	return calHtml2
}




function RenderDayDisabled (calendar, currentDate)
{
	calHtml += ('<td class="day">');
	calHtml += ("<span class=\"" + calendar.disabledDayStyle + "\">");
	calHtml += (currentDate.getUTCDate());
	calHtml += ("</span>");
	calHtml += ("</td>");
}

function RenderDayEnabled (calendar, currentDate, dayStyle)
{
	currentDayStyle = dayStyle;
	calHtml += ('<td class="day">');
	calHtml += ("<span class=\"" + dayStyle + "\" onclick=\"selectDate(" + calendar.name + ", " + currentDate.getUTCDate() + ")\">");
	calHtml += (currentDate.getUTCDate());
	calHtml += ("</span>");
	calHtml += ("</td>");
}

function RenderDayEvent (calendar, currentDate, dayStyle, eventId, eventTitle)
{
	currentDayStyle = dayStyle;
	calHtml += ('<td class="day">');
	calHtml += ("<span class=\"" + dayStyle + "\" onclick=\"selectDate(" + calendar.name + ", " + currentDate.getUTCDate() + "); " + calendar.name + ".selectEvent('" + eventId + "', '" + eventTitle +"')\">");
	calHtml += (currentDate.getUTCDate());
	calHtml += ("</span>");
	calHtml += ("</td>");
}







function buildCalendarTable (calendar)
{
	currentDate = getFirstCalendarDate(calendar);
	odd = 0;
	while (currentDate.getUTCDay() != calendar.firstDayOfWeek)
	{
		currentDate.setUTCDate(currentDate.getUTCDate() - 1);
	}
    gabFECHAACTUAL=	calendar.calendarDate.getUTCFullYear() + "/" + (calendar.calendarDate.getUTCMonth()+1) + "/" + (calendar.calendarDate.getUTCDate());

	calHtml = "";
	do
	{  
		odd += 1;
		
		calHtml +=  (
			"<tr class=\"" + (((odd%2)==0) ? calendar.evenWeekStyle : calendar.oddWeekStyle) + "\">")

		for (i = 0;i < 7;i++)
		{
			currentDayStyle = calendar.dayStyle;
			currentEventStyle = calendar.commonDayStyle;
			currentDateString = currentDate.getUTCFullYear() + "/" + (currentDate.getUTCMonth()+1) + "/" + currentDate.getUTCDate();

			if (currentDate < calendar.minDate) 
			{
				RenderDayDisabled (calendar, currentDate);
			} 
			else if (currentDate > calendar.maxDate) 
			{
				RenderDayDisabled (calendar, currentDate);
			} 
			else if (currentDate.getUTCMonth() != calendar.calendarDate.getUTCMonth())
			{
				RenderDayDisabled (calendar, currentDate);
			}
			else if (currentDate.getUTCDate() == calendar.calendarDate.getUTCDate())
			{
				if ((currentDate.getUTCDay() == 0) || (currentDate.getUTCDay() == 6))
				{
					if (calendar.allowWeekends == true)
					{  		style = calendar.commonDayStyle
							var ante; var b=0;
							for (j=0; j < calendar.eventDates.length; j++)
							{  
								if (calendar.eventDates[j][0] == currentDateString) 
								{
									if ( (ante != currentDateString ) ||   (b==0)  ) 
									{
										
										RenderDayEvent (calendar, currentDate, calendar.todayDayStyle, calendar.eventDates[j][0], calendar.eventDates[j][2]);
										b=1;
									 } 
									ante = calendar.eventDates[j][0];
								}
								
							} 
					   if(!b) 	RenderDayEnabled (calendar, currentDate, calendar.todayDayStyle);
					} 
					else 
					{
						RenderDayDisabled (calendar, currentDate);	
						month = calendar.calendarDate.getUTCMonth();
						calendar.calendarDate.setUTCDate(calendar.calendarDate.getUTCDate()+1);
						if (month != calendar.calendarDate.getUTCMonth())
						{
							renderCalendar(calendar);
						}
						setFieldValue(calendar.attachedId, calendar.calendarDate);
					}
				} else {
					if (calendar.allowWeekdays == true)
					{ 
						RenderDayEnabled (calendar, currentDate, calendar.todayDayStyle);
					} 
					else 
					{
						RenderDayDisabled (calendar, currentDate);	
						month = calendar.calendarDate.getUTCMonth();
						calendar.calendarDate.setUTCDate(calendar.calendarDate.getUTCDate()+1);
						if (month != calendar.calendarDate.getUTCMonth())
						{  
							renderCalendar(calendar);
						}
						setFieldValue(calendar.attachedId, calendar.calendarDate);
					}
				}
			}
			else if ((currentDate.getUTCDay() == 0) || (currentDate.getUTCDay() == 6))
			{
				if (calendar.allowWeekends == true)
				{
				
					style = calendar.holidayDayStyle
					var ante; var b=0;
					for (j=0; j < calendar.eventDates.length; j++)
					{	
						if (calendar.eventDates[j][0] == currentDateString) 
						{   
							style = calendar.eventDayStyle;
							if ( (ante != currentDateString ) ||  (b==0)  ) {							
								RenderDayEvent (calendar, currentDate, style, calendar.eventDates[j][0], calendar.eventDates[j][2]);
								b=1;
							} 
							ante = calendar.eventDates[j][0];								
						}
					}
					
					if (style == calendar.holidayDayStyle)
					{
						RenderDayEnabled (calendar, currentDate, style);
					}
				} 
				else 
				{
					RenderDayDisabled (calendar, currentDate);	
				}
			} else {
				if (calendar.allowWeekdays == true)
				{
					style = calendar.commonDayStyle
					var ante; var b=0;
					for (j=0; j < calendar.eventDates.length; j++)
					{  
						if (calendar.eventDates[j][0] == currentDateString) 
						{
							style = calendar.eventDayStyle;
							style=(gabFECHAACTUAL==currentDateString) ? calendar.todayDayStyle : calendar.eventDayStyle; 

							if ( (ante != currentDateString ) ||   (b==0)  ) 
							{
								
								RenderDayEvent (calendar, currentDate, style, calendar.eventDates[j][0], calendar.eventDates[j][2]);
								b=1;
							 } 
							ante = calendar.eventDates[j][0];
						}
						
					}
					
					if (style == calendar.commonDayStyle)
					{
						RenderDayEnabled (calendar, currentDate, style);
					}
				} 
				else 
				{
					RenderDayDisabled (calendar, currentDate);	
				}
			}

			currentDate.setUTCDate(currentDate.getUTCDate() + 1);	
		}
		
		calHtml += ("</tr>");
		

	} while (currentDate.getUTCMonth() == calendar.calendarDate.getUTCMonth());
	return calHtml;
}

// $Log: calendar.js,v $
// Revision 1.1  2005/02/15 21:54:32  Karl Agius
// Initial release
//


//-----------------FUNCIONES DE NOTAS-------------------------------------------

function mostrarNota() { 
	document.getElementById('divAgregarNota').innerHTML ='<a href="#" class="EntrarCurso" OnClick="agregarNota();"> Agregar evento</a>';	
}
function cancelarNota() {
	document.getElementById('divEventos').innerHTML  ='none';	
	document.getElementById('divEventos').style.display  ='none';	
	}


function agregarNotaborrar() {
	cancelarNota();
	if (document.getElementById('divFecha').innerHTML  =='' ){
		alert('Elija el día en el calendario a la cual desea agregar un evento');
		return(false);
		}
	if ( document.getElementById('divANotab').innerHTML =='' )		
		 document.getElementById('divANotab').innerHTML = '<span class=Mensaje>Agendar nuevo evento para: '+  document.getElementById('divFecha').innerHTML + '</span>';
		 document.getElementById('divANotac').innerHTML = '<form id="frmnota" name="frmnota"><textarea id="tnota"  name="tnota" class="campoRes">escribe aquí la nota</textarea><input type="button" value="Agregar evento" class="boton_enviarMen"  OnClick="InsertaNota();"><input type="button" value="Cancelar" class="boton_enviarMen"  OnClick="cancelarNota();"></form>';
	if ( document.getElementById('divResponderNota').style.display == 'none' )
		document.getElementById('divResponderNota').style.display = 'block';
	else
		document.getElementById('divResponderNota').style.display = 'none';
	document.getElementById('divEventos').style.display = 'none';
		
}

function agregarNota() {
	 w=window.open('http://ceupromed.ucol.mx/ciamag/solicitud.asp','cliente','height=600,width=800,scrollbars=yes');
	 if(!w) 
	  {alert("Un bloqueador de popup no permite la apertura de la página.\r\nEn este momento será redireccionado al sitio de solicitudes.");
	   this.location="http://ceupromed.ucol.mx/ciamag/solicitud.asp";
	  }
}

 
//-------------------------FUNCIONES EVENTOS---------------------------------------------------------


//------------------------------------------
    function obtenerPendientes() {
        var http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // See note below about this line
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('NO se pudo crear instancia XMLHTTP');
            return false;
        }
		
        http_request.onreadystatechange = function() { 	 alertContents(http_request); };
        http_request.open('GET', '/proxy.php?c='+ciam+'&f='+document.getElementById('divFecha').innerHTML, true);
        http_request.send(null);
		document.getElementById('cal_tester_display').innerHTML = "<div align='center' style='cursor:wait'>Cargando eventos...</div>"; 
    }

    function alertContents(http_request) {
        if (http_request.readyState == 4) {
						
            if (http_request.status == 200) {
				var tmp; var tn=0; var cad="";
				cad=http_request.responseText;
//				ACTIVAR CUANDO PROXY				
				tn=cad.indexOf("tmp =");
					if(tn>0) cad=cad.substr(tn); else cad="tmp={};tn=0;";
//				HASTA AQUI
				tn=0;
                eval(cad);

				cal1 = new Calendar ('cal1', 'tester', fecha,tmp);
				cal1.fallback = cal1.fallback_single;
				cal1.scrolling = true;
				cal1.selectEvent = function(eventId,eventTitle)
				 {
					var cad="<div><a href='javascript:void(0);' class='Cerrar' onclick='cancelarNota();'>[Cerrar]</a></div>";	
					var j=0;	
					for (var i=0; i<tn; i++)
					 {
						if ( tmp[i][0] == eventId )
						 {     j++;
							   cad +="<div align=center>"+tmp[i][0]+"</div><span class='DescCalifica'>"+tmp[i][4]+"<br><small>"+tmp[i][3]+"</small></span><span class='TituloAnuncio'>" + tmp[i][2] +"</span><br><div><a href='javascript:void(0);' class='Cerrar' onclick='ver("+tmp[i][1]+");'>[Ver detalles]</a> </div><hr width='100%' size='1'>  "
						 }
					 }
					document.getElementById('divEventos').style.display='block';
					document.getElementById('divEventos').innerHTML = cad; 
				 }; 
				renderCalendar (cal1);
            } else {
                alert('Se genero un problema.['+http_request.responseText);
            }
        }

    }



function ver(id_evento) {
	ventanita=window.open( "http://ceupromed.ucol.mx/ciamag/datosvc.asp?id_evento=" + id_evento, "contactos", "status = 1, height = 400, width = 600, resizable = 0, scrollbars=1" )
	this.opener=ventanita; 
	ventanita.opener=self; 
	ventanita.focus();
}