$(function() {
	$("#tab-2 input[name=searchHotelName]").autocomplete({data: hotelsArr, minChars: 3});
	
	$('#hotelname')
		.val(PART_OF_HOTEL)
		.focus(function() {
			if($(this).val() == PART_OF_HOTEL) $(this).val('');
		}).blur(function() {
			 if(this.value == '') $(this).val(PART_OF_HOTEL);
		});
	
	$('#search-hotels-form').submit(function() {
		return checkSearchHotels();
	});
	
	loadSearchHotelsRefs(FIND_HOTELS_PARAMS);	
});

function checkSearchHotels() {
	var $h = $('#hotelname').val(),
		$c = $('#countries  option:selected', '#search-hotels-form').val();
	if (
		($h == '' || $h == PART_OF_HOTEL)
		&& $c == 0
	) {
	  if ($h == '' || $h == PART_OF_HOTEL) {
		  alert(SEARCH_HOTEL_ALERT);
		  $('#hotelname').focus();
	  }
	  return false ;
	}  
	if ($h == PART_OF_HOTEL) 
		$('#hotelname').val('');		
	return true ;
}

function loadSearchHotelsRefs(p) {
	var params = p;
	$.getJSON(URL_REFERENCES, function(data) {
		if (data.success) {
			var $countries = $('#hs-form select[name=searchCountryId]').html('');
			
			var $opt = $('<option>')
				.append(ALL_COUNTRIES)
				.attr('value', 0)
				.attr('selected', 'selected');
			$countries.append($opt);
			
			$.each(data.countries, function(i, country) {
				$('<option>')
					.append(country.name)
					.attr('value', country.id)
					.appendTo($countries);
			});
			
			$.each(data.hotelTypes, function(i, hotelType) {
				var $opt = $('<option>')
					.append(hotelType.name)
					.attr('value', hotelType.id);
				
				if (eval(params.hotelTypeId) == hotelType.id) $opt.attr('selected', 'selected');
				
				$opt.appendTo($('#hs-class'));
			});
			
			$.each(data.pansions, function(i, pansion) {
				var $opt = $('<option>')
					.append(pansion.name)
					.attr('value', pansion.id);
					
				if (eval(params.pansionId) == pansion.id) $opt.attr('selected', 'selected');
				
				$opt.appendTo($('#hs-pansion'));
			});
		} else {
			alert(data.message);
		}
	});		
}