$(document).ready(function () {

  //Dialog for cities near, Open on click
  $('#show_amenities').click(function() {
    $('#amenities_dialog').dialog('open');
  })

  //Open and setup cities near dialog
  $("#amenities_dialog").dialog({
    autoOpen: false,
    bgiframe: true,
    width:675,
    open: function() {
      var amenities = state_machine.get_property_amenities();
      $(":checkbox[name='property_amenity_checkbox']").each( function() { $(this).attr('checked',false); });
      $(":checkbox[name='property_amenity_checkbox']").each( function() {
        for(i=0;i<amenities.length;i++) {
          if(amenities[i] == $(this).val()) {
            $(this).attr('checked',true);
          }
        }
      });
      var amenities = state_machine.get_unit_amenities();
      $(":checkbox[name='unit_amenity_checkbox']").each( function() { $(this).attr('checked',false); });
      $(":checkbox[name='unit_amenity_checkbox']").each( function() {
        for(i=0;i<amenities.length;i++) {
          if(amenities[i] == $(this).val()) {
            $(this).attr('checked',true);
          }
        }
      });
    },
    buttons: {
      'Add Amenities': function() {
        state_machine.clear_amenities();
        var amenities_data = Array();
        $(":checked[name='property_amenity_checkbox']").each( function() {
          state_machine.add_property_amenity($(this).val());
          var amenity_name = $("#amenity_name_" + $(this).val()).html();
          var amenity_id = $(this).val();
          amenities_data.push({'id':amenity_id,'text':amenity_name});
        });

        $(":checked[name='unit_amenity_checkbox']").each( function() {
          state_machine.add_unit_amenity($(this).val());
          var amenity_name = $("#amenity_name_" + $(this).val()).html();
          var amenity_id = $(this).val();
          amenities_data.push({'id':amenity_id,'text':amenity_name});
        });

        state_machine.set_amenities_data(amenities_data);
        filter.add_amenities_html();
        state_machine.set_page_num(1);
        list_properties_ajax.get_properties_list();
        $(this).dialog('close');
      },
      Cancel: function() {
        $(this).dialog('close');
      }
    },
    close: function() {
      return;
    }
  });
});
