var titleDate;
var dateBoxName;
var hourBoxName;
var minuteBoxName;
var meridianButtonName;
var isAMPM;
var usFormat;
var dateValue;
var hourValue;
var minuteValue;
var altCalendarMessage;
var firstDayOfWeek;
var validateDate;




function initDateTimeSelectionTool(){
	titleDate = "The Date";
	dateBoxName = "fpDate";
	hourBoxName = "fpHour";
	minuteBoxName = "fpMinute";
	meridianButtonName = "fpMeridian";
	isAMPM = "true";
	usFormat = "0";
	dateValue = "";
	altCalendarMessage = "Date Picker";
	altClearMessage = "Clear";
	hourValue = "";
	minuteValue = "";
	meridianValue = "AM";
	firstDayOfWeek = 0;
	validateDate = 0;
	estilo="";
	tabindex=-1;	
}


function displayTitle(){
	var ret = "";
	ret += "<td class=\"smb\" align=\"right\">" +titleDate+ "</td>";
	return ret;
}


function openDatePicker(myDate) {
	window.dateField = myDate;
	params = "?fireOnChange=1&usFormat=" + usFormat+"&dateCanBeInThePast="+validateDate;
	calendar=window.open('/vgn/ccb/tools/date/selection/frameset/0,1754,35868,00.html'+params,'date','width=199,height=202');
	calendar.window.moveTo(150,150);
	calendar.window.focus();
	return false;
}


function clearDateTimeFields(myDate,myHours,myMinutes) {
	window.dateField = myDate;
	window.hourField = myHours;
	window.minuteField = myMinutes;
	window.dateField.value = '';
	window.hourField.value = '';
	window.minuteField.value = '';
}


function displayDate() {
	var tabindexCalendar = "";
	var tabindexBorrar = "";	
	if (tabindex>-1) {		
		tabindexCalendar = "tabindex=\""+(tabindex)+"\"";
		tabindexBorrar = "tabindex=\""+(1+tabindex)+"\"";
	}

	var ret = "";
	ret += "<td>";
	ret += "<input type=\"text\" class=\""+estilo+"\" name=\""+dateBoxName+"\" id=\""+dateBoxName+"\" size=\"10\" maxlength=\"10\" value=\""+dateValue+"\" readonly=\"true\" onFocus=\"document.getElementById('bCalendar_"+dateBoxName+"').focus();return false;\" onChange=\"checkDateTimeFields("+dateBoxName+","+hourBoxName+","+minuteBoxName+");return;\">";
	ret += "&nbsp;&nbsp;<a href= \"#\" id=\"bCalendar_"+dateBoxName+"\" "+tabindexCalendar+" onClick=\"openDatePicker(document.getElementById('"+dateBoxName+"'));return false\">";
	ret += "<img src=\"/vgn/images/ccb/calendar.gif\" width=\"16\" height=\"16\" border=\"0\" alt=\""+altCalendarMessage+"\"></a>";
	ret += "&nbsp;";
	ret += "<a href= \"#\" id=\"borrar_"+ dateBoxName + "\" "+tabindexBorrar+" ";	
	ret += "onClick=\"clearDateTimeFields(getElementById('"+dateBoxName+"'),";
	ret += "document.getElementById('"+hourBoxName+"'),";
	ret += "document.getElementById('"+minuteBoxName+"'));return false;\">";
	ret += "<img src=\"/vgn/images/ccb/clear_filters.gif\" width=\"16\" height=\"16\" border=\"0\" alt=\""+altClearMessage+"\"></a>"; 	
	ret += "</td>";
	return ret;
}


function checkDateTimeFields(myDate,myHours,myMinutes) {
	window.dateField = myDate;
	window.hourField = myHours;
	window.minuteField = myMinutes;
	if ( window.dateField.value == null || window.dateField.value == '' ) {
		alert("Date field required");
		window.hourField.value = '';
		window.minuteField.value = '';
	} else 	{
		if ( window.hourField.value == null || window.hourField.value == '' ) {
			window.hourField.value = '00';
		}
		if ( window.minuteField.value == null || window.minuteField.value == '' ) {
			window.minuteField.value = '00';
		}
	}
}


function displayHours() {
	var ret = "";
	ret += "<td width=\"5\"></td>";
	ret += "<td valign=\"center\">";
	ret += "<select class=\"ccb-n3\" name=\""+hourBoxName+"\" id=\""+hourBoxName+"\" onChange=\"checkDateTimeFields("+dateBoxName+","+hourBoxName+","+minuteBoxName+");return;\">";
	ret += "<option value=\"\" "+(dateValue==''?"selected":"")+">";
	if ( isAMPM == "true" ) {
		for ( i = 0 ; i < 12 ; ++ i ) {
			if ( i == 0 ) ret += "<option value=\"00\" "+((dateValue!='')&&(hourValue==i)?"selected":"")+">12";
			else if ( i < 10 ) ret += "<option value=\"0"+i+"\" "+((dateValue!='')&&(hourValue==i)?"selected":"")+">0"+i;
			else ret += "<option value=\""+i+"\" "+((dateValue!='')&&(hourValue==i)?"selected":"")+">"+i;
			ret += "</option>";
		}
	} else {
		for ( i = 0 ; i < 24 ; ++ i ) {
			if ( i < 10 ) ret += "<option value=\"0"+i+"\" "+((dateValue!='')&&(hourValue==i)?"selected":"")+">0"+i;
			else ret += "<option value=\""+i+"\" "+((dateValue!='')&&(hourValue==i)?"selected":"")+">"+i;
			ret += "</option>";
		}
	}
	ret += "</select>";
	ret += "</td>";
	return ret;
}


function displayMinutes() {
	var ret = "";
	
	ret += "<td valign=\"center\">";
	ret += "<select class=\"ccb-n3\" name=\""+minuteBoxName+"\" id=\""+minuteBoxName+"\" onChange=\"checkDateTimeFields("+dateBoxName+","+hourBoxName+","+minuteBoxName+");return;\">";
	ret += "<option value=\"\" "+(dateValue==''?"selected":"")+">";
	for ( i = 0 ; i < 60 ; ++ i ) {
		if ( i < 10 ) ret += "<option value=\"0"+i+"\" "+((dateValue!='')&&(minuteValue==i)?"selected":"")+">0"+i;
		else ret += "<option value=\""+i+"\" "+((dateValue!='')&&(minuteValue==i)?"selected":"")+">"+i;
		ret += "</option>";
	}
	ret += "</select>";
	ret += "</td>";
	return ret;
}


function displayAMPM() {
	var ret = "";
	ret += "<td>";
	if ( isAMPM == "true" ) {
		ret += "<input type=\"radio\" name=\""+meridianButtonName+"\" value=\"AM\" "+(meridianValue=="AM"?"CHECKED":"")+">AM";
		ret += "<input type=\"radio\" name=\""+meridianButtonName+"\" value=\"PM\" "+(meridianValue=="PM"?"CHECKED":"")+">PM";
	} else {
		ret += "<input type=\"hidden\" name=\""+meridianButtonName+"\" value=\"AM\" "+(meridianValue=="AM"?"CHECKED":"")+">";;
		ret += "<input type=\"hidden\" name=\""+meridianButtonName+"\" value=\"PM\" "+(meridianValue=="PM"?"CHECKED":"")+">";
	}
	return ret;
}

function dontDisplayHours() {
	var ret = "";
	ret += "<td width=\"5\"></td>";
	ret += "<td valign=\"center\">";
	ret += "<input type=\"hidden\" name=\""+hourBoxName+"\">";
	ret += "</td>";
	return ret;
}


function dontDisplayMinutes() {
	var ret = "";
	ret += "<td width=\"5\"></td>";
	ret += "<td valign=\"center\">";
	ret += "<input type=\"hidden\" name=\""+minuteBoxName+"\">";
	ret += "</td>";
	return ret;
}


function dontDisplayAMPM() {
	var ret = "";
	ret += "<td>";
	ret += "<input type=\"hidden\" name=\""+meridianButtonName+"\" value=\"PM\" "+(meridianValue=="PM"?"CHECKED":"")+">";
	return ret;
}



function dateTimeSelectionTool() {
	
	var ret = "";
	ret += "<table  border=\"0\" cellpadding=\"2\" cellspacing=\"4\">";
	ret += "<tr>";
	ret += displayTitle();
	ret += displayDate();
	ret += displayHours();
	ret += "<td valign=\"center\">:</td>";
	ret += displayMinutes();
	ret += displayAMPM();
	ret += "</tr>";
	ret += "</table>";
	return ret;
}

function dateTimeSelectionToolNoTime() {
	var ret = "";
	ret += "<table  border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
	ret += "<tr>";
	ret += displayTitle();
	ret += displayDate();
	ret += dontDisplayHours();
	ret += dontDisplayMinutes();
	ret += dontDisplayAMPM();
	ret += "</tr>";
	ret += "</table>";
	return ret;
}

initDateTimeSelectionTool();