$(document).ready(function() {
	var search_type = $("input[name='db']:checked").val();
	search_action(search_type);
	prices(search_type);
    $("#search_form :radio").click(function() {
        selectSearch($(this));
    })
	$('#location_single').change(function() {
	  $('#self_1_input').val($(this).val());
	})
	$("#search_multiple").click(function() {
	   $(this).next().find(':checkbox').each(function() { $(this).attr('checked',''); $('#self_1_input').val('') });
		$(this).next().slideToggle();
	   $('#location_single').val('');  });
})

function submit_ppty_search() {
 assign_locations();
 $('#search_form').submit()
}

function assign_locations() {
 // if multile is dipslaying get checkbox values
 var multiple = $('#location_multiple');
 if (multiple.css('display') != 'none') {
   var chk = multiple.find(':checkbox');
   var value = ''
   for(i=0;i<chk.length;i++) {
	if (chk[i].checked) {
	 value += $(chk[i]).val()+"_";
	}
   }
  if (value.length > 0) {
   value = value.substring(0,value.length-1);
   $('#self_1_input').val(value);
  }
 }
}
function selectSearch(element) {
 var select = element.val();
 search_action(select);
 prices(select);
   
}
function search_action(selected) {
 if (selected == 'sales') {
  $("#search_form").attr('action',"/property/sales");
 } else if (selected == 'lettings') {
 $("#search_form").attr('action',"/property-lets/lettings/");
 } else {
  alert('Search form has failed to load correctly. Please reload the page. If this error continues please alert the site administrators.');
 }
}

function prices(selected) {
var lettings = '<option value="" id="icon1">Choose Maximum Price</option> \
 <option value="600" id="icon2" >&pound;600</option> \
 <option value="650" id="icon2" >&pound;650</option> \
 <option value="700" id="icon2" >&pound;700</option> \
 <option value="750" id="icon2" >&pound;750</option> \
 <option value="800" id="icon2" >&pound;800</option> \
 <option value="850" id="icon2" >&pound;850</option> \
 <option value="900" id="icon2" >&pound;900</option> \
 <option value="950" id="icon2" >&pound;950</option> \
 <option value="1000"  id="icon3">&pound;1000</option> \
 <option value="1100"  id="icon3">&pound;1100</option> \
  <option value="1200"  id="icon3">&pound;1200</option> \
  <option value="1300"  id="icon3">&pound;1300</option> \
  <option value="1400"  id="icon3">&pound;1400</option> \
  <option value="1500"  id="icon3">&pound;1500</option> \
  <option value="1600"  id="icon3">&pound;1600</option> \
  <option value="1750"  id="icon3">&pound;1750</option> \
  <option value="2000"  id="icon3">&pound;2000</option> \
  <option value="2500"  id="icon3">&pound;2500</option> \
  <option value=""  id="icon3">All</option>';

var sales = '<option value="" id="icon1">Choose Maximum Price</option> \
<option value="150000" id="icon2" >&pound;150,000</option> \
<option value="200000" id="icon2" >&pound;200,000</option> \
<option value="250000" id="icon2" >&pound;250,000</option> \
<option value="300000" id="icon2" >&pound;300,000</option> \
<option value="350000" id="icon2" >&pound;350,000</option> \
<option value="400000" id="icon2" >&pound;400,000</option> \
<option value="450000" id="icon2" >&pound;450,000</option> \
<option value="500000"  id="icon3">&pound;500,000</option> \
<option value="600000"  id="icon3">&pound;600,000</option> \
<option value="700000"  id="icon3">&pound;700,000</option> \
<option value="800000"  id="icon3">&pound;800,000</option> \
<option value="900000"  id="icon3">&pound;900,000</option> \
 <option value="1000000"  id="icon3">&pound;1,000,000</option> \
 <option value="1250000"  id="icon3">&pound;1,250,000</option> \
  <option value="1500000"  id="icon3">&pound;1,500,000</option> \
  <option value=""  id="icon3">All</option>';
 if (selected == 'sales') {
   $("#price").html(sales);
 } else {
  $("#price").html(lettings);
 }

}