var oodleQueryServerRel = "/../cgi-bin/houseprices/getOodleAds.py/getAds"
var orgURL =  window.location.href;
var URLDir = window.location.href.substring(0, location.href.lastIndexOf('\/'))
var oodleQueryServer = URLDir + oodleQueryServerRel;

function Jump(anchor){
  var hashindex = orgURL.indexOf("#");
  var o = orgURL;
  if( hashindex != -1 )
  {
    o = orgURL.substring( 0, hashindex );
  }
  
  var NURL = new String(o+ "#" + anchor);
  window.location.href = NURL;
}

function markerclick(i)
{
  Jump(i);
}

function displayPropertyAd( i, prop, disp_id, gmap )
{
  i = parseInt(i);
  var set = "<a name='" + i + "'><div class='propwrap'>";
  var img = "";
  if( prop.thumb != null )
  {
    img = "<img src='" + prop.thumb + "' align='middle' alt='picture of a house'></img>"
  }
  
  var title =  (i+1) + ". " + prop.title;
  set += "<div class='propimg'><a href='" + prop.url + "'>" + img + "</a></div>";
  set += "<div class='propinfowrap'>";
  set += "<table width='100%'><tr><td>"
  set += "<div class='propprice'>&pound;" + prop.price + "</div>";
  set += "<div class='proptitle'><a href='" + prop.url + "'><h3>" + title + "</h3></a></div>";
  set += "</td></tr></table>"
  set += "<table class='propdetails'><tr><td>Bedrooms: " + prop.beds + "</td></tr><tr><td>" + prop.desc + "</td></tr></table>";
  set += "</div>";
  set += "</div></a>";
  
  $("#" + disp_id).append( set );
  
  var mtitle = title + " " + prop.price + "  pounds";
  var marker = new GMarker( new GLatLng( parseFloat( prop.lat ), parseFloat( prop.lng ) ), { title : mtitle } );
  GEvent.addListener( marker, "click", function(coord){ markerclick(i); } );
  gmap.addOverlay( marker );
  
}

function onGotOodleData( data, disp_id, gmap )
{
  var disp = $("#"+disp_id);
  disp.empty();
  disp.append( '<div class="oodle_ad_header"><a href="http://www.oodle.com"><img src="http://i.oodleimg.com/a/powered_by_oodle.gif" border="0"></a><h3>Current houses for sale in this area....</h3></div>' );
  
  for( var i in data )
  {
    var prop = data[i];
    displayPropertyAd( i, prop, disp_id, gmap );
  }
}

function displayOodleAds( lat, lng, beds, region, radius_m, disp_id, gmap )
{
  querymap = { "region": region, "lat" : lat, "lng":lng, "radius_m" : radius_m, "bedrooms":beds }
  $.getJSON( oodleQueryServer, querymap, function( data) { onGotOodleData( data, disp_id, gmap ); } );
}