/*
*
* Método chamado geralmente no evento onClick.
*
* targetId (String)   -> Campo onde será inserida a data do calendário
* dateFormat (String) -> Formato da data gerada pelo calendário, ver documentação para mais detalhes
*   default 'dd/mm/yyyy'
* showsTime (Boolean) -> Booleano que especifica se será ou não exibido o seletor de hora
*   default false
*/

var cal = null;
	
function onSelect(calendar, date) {
	var input_field = document.getElementById(calendar.inputField);
	input_field.value = date;
	if (calendar.dateClicked) {
		calendar.callCloseHandler(); 
	}
};

function onClose(calendar) {
	calendar.hide();
};

function showCalendar(targetId, dateFormat, showsTime) {
	var el = document.getElementById(targetId);
	
	if (cal == null) {
		var cal = new Calendar(0, null, onSelect, onClose);
	}
	
	cal.inputField = targetId;
	cal.setRange(1900, 2070);
	
	if (showsTime == null || !showsTime) {
		cal.showsTime = false;
	}
	else {
		cal.showsTime = true;
	}
	
	if (dateFormat == null) {
		//formato de data default
		cal.setDateFormat("%d/%m/%Y");
	}
	else {
		cal.setDateFormat(dateFormat);
	}
	
	cal.create();
	cal.parseDate(el.value);
	cal.showAtElement(el, "BR");
}