$(function(){
  $('select#search_area_min, select#search_area_max').selectToUISlider(
    {
      labels:5,
      sliderOptions: 
        { 
          change:function(e,ui){  
           $('#from').text( $('select#search_area_min option').eq(ui.values[0]).text() );
           $('#to').text( $('select#search_area_max option').eq(ui.values[1]).text() );
          }
        }
    }
  );
});

$(function() {
  $('.map').maphilight(
    {
fill: true,
fillColor: '72a9d3',
fillOpacity: 0.6,
stroke: true,
strokeColor: '72a9d3',
strokeOpacity: 1,
strokeWidth: 3,
fade: true,
alwaysOn: false
    });
});


var selected_areas = new Array();

function toggle_map_area(id, sector_id) {
  $('#imgP'+id).toggle();
  
  var remove_index = -1;
  
  for (i = 0; i < selected_areas.length; i++) {
    if (selected_areas[i] == sector_id) {
      // unselect
      remove_index = i;
      break;
    }
  }
  if (remove_index == -1) {
    // select
    selected_areas.push(sector_id);
  } else {
    // unselect
    selected_areas.splice(remove_index, 1);
  }
  // set selected sectors in the form hidden field 'search_sectors'
  $('#search_sectors').val(selected_areas.toString());
}