$(function(){
	var $start = $('input[@name=frm_fecha_start]');
	var $end = $('input[@name=frm_fecha_end]');
	
	var months = [ 'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre' ];
	
	function formatDate( date ){
		return date.getDate() + ' de ' + months[date.getMonth()] + ' del ' + date.getFullYear();	
	}	
	$start.after('<div class="calendar-container" id="cont-start">').hide().val(formatDate(new Date));
	$end.after('<div class="calendar-container" id="cont-end">').hide().val(formatDate(new Date));
	
	function dateChangedStart(calendar) {
		if (calendar.dateClicked) {
		  $start.val( formatDate(calendar.date) ); 
		}
	};
	Calendar.setup({ 
		flat         : 'cont-start', // ID of the parent element
		flatCallback : dateChangedStart// our callback function
	});
	function dateChangedEnd(calendar) {
		if (calendar.dateClicked) {
		  $end.val( formatDate(calendar.date)  ); 
		}
	};
	Calendar.setup({
		flat         : 'cont-end', // ID of the parent element
		flatCallback : dateChangedEnd// our callback function
	});
	$('div.calendar/table/thead/tr').each(function(){
		var tr = this;
		tr.removeChild( tr.firstChild );
		tr.firstChild.colSpan++;
	});
	$('form').validForm({
		errorLabels: true,
		singleErrors: true,
		groupErrors:false
	});
});
