$(function() {
	$( "#checkin, #checkout" ).datepicker();
});


function estadoChange()
{	
   function handleSuccess(data)
   {
	   var html = '';
       var t = data.Hotels.length;
   	   var i = 0;
       var item = '';

           html= "<option value=\"\" >Cualquiera</option>";
           for( i=0; i<t; i++ )
           {
	          item = data.Hotels[i];         	       
		      html += "<option value=\"" +  item.id + "\" >" + item.name + "</option>";
           }
           if( html == '' )
               html= "<option>Elija un hotel</option>";

           $("#hotel").html( html );	     
   }
   
   function handleError() 
   {
     alert("Call failed");
   }
   
  try
  {	
	    var local_url = "@@{Application.SearchHotelsJSON()}";    
	    var remote_url = "http://multibooking.mx/application/searchhotelsjson";	
	   // var remote_url = "@@{Application.hotelsJson}";
	   
	  $.ajax({	      
	      url: remote_url,
	      dataType: "jsonp",
	      data : {  estado: $('#estado').val() },	      
	      success: handleSuccess,
	      error: handleError,
	      jsonpCallback: "theMagicCallback"
	    });
	
  }catch( e )
  { 
      alert(e); 
  }	
}

function motivoChange()
{
	if( $(this).val() != '' )
	{
		$('#hotel').attr('disabled', true);
       return;
	}
	$('#hotel').attr('disabled', false);
}



function BorrarFechas()
{
	try{
		
	  $('#checkin').val('');
	  $('#checkout').val('');
	
	}catch(error){
		
	}
}


function hotelChange()
{	
   var hotelid = $('#hotel').val(); 	
      
   var url="http://multibooking.mx/application/searchhotelsbymotivo?";
   $('#form1').attr("action", url);
   
   if( hotelid != '' )
   {
       url = "http://multibooking.mx/application/reservformtesoros?";
       $('#form1').attr("action", url);
       $('#btnSubmit').val("Reserve ahora");            
       return;
       
   }else{

	   $('#btnSubmit').val("Buscar hotel");
   }
   
   
}


function refreshHoteles()
{
	var estadoId = $('estado').val();
	if(estadoId=='')
		return;
    	
}



function form1Submit(){
	
	var hotelId = $('#hotel').val();
	var checkin=$('#checkin').val();
    var checkout=$('#checkout').val();
	
    //var url="http://multibooking.mx/application/searchhotelsbymotivo?";
    //$('#form1').attr("action", url);
    
	if( hotelId !='' )
	{	
		//url = "http://multibooking.mx/application/reservformtesoros?";
	    //$('#form1').attr("action", url);
		
		if( (checkin=='') ||  (checkout=='')  )
		{
			alert('Por favor indique las fechas de su reservacion.');
			if( checkin == '' )
			{
			    $('#checkin').focus();
			    return false;
			}		
			if( checkout == '' )
			{
			    $('#checkout').focus();
			    return false;
			}		
		}		
	}
	
	return true;
	
}


$( function(){
 $( "#checkin, #checkout" ).datepicker();
 $('#estado').change(  estadoChange );
 $('#hotel').change(  hotelChange );
 $('#form1').submit( form1Submit );
 
 estadoChange();


} );