$(document).ready(function() {
///
	$("#datepicker").datepicker({

		dateFormat: "DD dd 'de' MM 'de' yy",
		changeFirstDay: false,
		yearRange: '-0:+1',

		onChangeMonthYear: function(date) {

			var today = new Date();
			today = Date.parse( new Date(today.getFullYear(), today.getMonth(), today.getDate()) );

		    $("#farmacias_irAhoy").html( '<a id="irAhoy" href="#">Ver hoy</a>' );

		    $("#irAhoy").click( function() {

				$("#datepicker").datepicker('setDate', new Date(today) );
				jQuery.datepicker._gotoToday('#datepicker');
				$("#farmacias_irAhoy").html( '' );
				$("#farmaciasFecha").html("Hoy");
				$("#fs_farmacias_fecha").val(today);
				$("#fs_farmacias_form").submit();
				return false;

			});

		},// fin onChangeMonthYear

		onSelect: function(date) {
//			alert("The chosen date is " + date +' aa '+ this.id);

			$(".fs_empty_form").attr({
				action: "/inc/fs.get.farmacias.php",
				id: "fs_farmacias_form",
				name: "fs_farmacias_form"
			});

			var today = new Date();
			today = Date.parse( new Date(today.getFullYear(), today.getMonth(), today.getDate()) );

//			var selDay = Date.parse( $(this).datepicker('getDate') ) + 28800000;
			var selDay = Date.parse( $(this).datepicker('getDate') );

			$("#fs_farmacias_fecha").val(selDay);

			$("#fs_farmacias_form").submit();

			if( today.toString() == selDay.toString() ){

				$("#farmacias_irAhoy").html( '' );
				$("#farmaciasFecha").html("Hoy");

			} else {

				$("#farmacias_irAhoy").html( '<a id="irAhoy" href="#">Ver hoy</a>' );
				$("#farmaciasFecha").html( date );

				$("#irAhoy").click( function() {

					$("#datepicker").datepicker('setDate', new Date(today) );
					jQuery.datepicker._gotoToday('#datepicker');
					$("#farmacias_irAhoy").html( '' );
					$("#farmaciasFecha").html("Hoy");
					$("#fs_farmacias_fecha").val(today);
					$("#fs_farmacias_form").submit();
					return false;

				});

			}
//alert(selDay);
		}// fin onSelect

	});

//	initSelDay = Date.parse( $("#datepicker").datepicker('getDate') ) + 28800000;
	initSelDay = Date.parse( $("#datepicker").datepicker('getDate') );

	$("#fs_farmacias_fecha").val(initSelDay);

///////////////////////////////////////////////////////////////////////////

	var options = {
//		target:        '#output2',   // target element(s) to be updated with server response
		beforeSubmit:  showRequest,  // pre-submit callback
		success:       showResponse  // post-submit callback
//		other available options:
//		url:       url         // override for form's 'action' attribute
//		type:      type        // 'get' or 'post', override for form's 'method' attribute
//		dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
//		clearForm: true        // clear all form fields after successful submit
//		resetForm: true        // reset the form after successful submit
//		$.ajax options can be used here too, for example:
//		timeout:   3000
	};

	// bind to the form's submit event
	$('#fs_farmacias_form').submit(function() {
	// inside event callbacks 'this' is the DOM element so we first wrap it in a jQuery object and then invoke ajaxSubmit
		$(this).ajaxSubmit(options);
		// !!! Important !!!
		// always return false to prevent standard browser submit and page navigation
        return false;
		});

	// pre-submit callback
	function showRequest(formData, jqForm, options) {
	// formData is an array; here we use $.param to convert it to a string to display it but the form plugin does this for you automatically when it submits the data
//		var queryString = $.param(formData);
    // jqForm is a jQuery object encapsulating the form element.  To access the DOM element for the form do this:
//		var formElement = jqForm[0];
//		alert('About to submit: \n\n' + queryString);

		$('#ajaxResp').html('...buscando...');

		// here we could return false to prevent the form from being submitted;
		// returning anything other than false will allow the form submit to continue
		return true;
	}

	// post-submit callback
	function showResponse(responseText, statusText)  {
    // for normal html responses, the first argument to the success callback is the XMLHttpRequest object's responseText property
    // if the ajaxSubmit method was passed an Options Object with the dataType property set to 'xml' then the first argument to the success callback is the XMLHttpRequest object's responseXML property
    // if the ajaxSubmit method was passed an Options Object with the dataType property set to 'json' then the first argument to the success callback is the json data object returned by the server
//		alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + '\n\nThe output div should have already been updated with the responseText.');

		$(".fs_empty_form").attr({
			action: "/inc/fs.get.farmacias.php",
			id: "fs_farmacias_form",
			name: "fs_farmacias_form"
		});

		$( "#farmacias div input").attr('checked', '');

		$("#fs_farmacias_submit_cont").hide();

		if(responseText.match('error') == null && responseText.match('No') == null){

			$("#farmacias div").removeClass("deturno");

			$('#ajaxResp').html('Farmacias de turno para');

			var arr = responseText.split(',');

			jQuery.each(arr, function() {

				$("#fs_farmacia_" + this).addClass("deturno");
				$( "#fs_farmacia_"+this+" input").attr('checked', 'checked');

			});

		} else {

			$("#farmacias div").removeClass("deturno");

			$('#ajaxResp').html(responseText);

		}

	}

///////////////////////////////////////////////////////////////////////////

	$("#fs_farmacias_form").submit();

///
} );