var URL ="_includes/";
var ITEM = 'property';

function propDetails(id) {
	new Ajax.Updater('',URL+ITEM+'.php?action=getpropdetails&id='+id, {asynchronous:true, onSuccess:showDetails});
}
var showDetails = function propDetails_Callback(str) {  
	$('prop-details').innerHTML = str.responseText;
	new Effect.Appear('prop-details');
}
function propList(page) {
	new Ajax.Updater('list-properties',URL+ITEM+'.php?action=proplist&page='+page, {asynchronous:true, onSuccess:updatePaging(page)});
}
function updatePaging(page) {
	mymap.clearOverlays();
	loadMapXML(page);
}

function createMarker(point, number) {
  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() {
	propDetails(number);
  });
  return marker;
}

var id = [];
var marker = [];
var bounds = new GLatLngBounds();

function loadMapXML(page) {
	var url = URL+ITEM+'.php?action=getlistxml&page='+page;
	GDownloadUrl(url, function(data, responseCode) {
	var xml = GXml.parse(data);
	var markers = xml.documentElement.getElementsByTagName('marker');
	for (var i = 0; i < markers.length; i++) {
		id[i] = markers[i].getAttribute('id');
		var point = new GLatLng(parseFloat(markers[i].getAttribute('lat')),
                            parseFloat(markers[i].getAttribute('lng')));
		marker[i] = createMarker(point, id[i]);
		mymap.addOverlay(marker[i]);
		bounds.extend(point);
	}
	mymap.setZoom(mymap.getBoundsZoomLevel(bounds));
	var clat = (bounds.getNorthEast().lat() + bounds.getSouthWest().lat()) /2;
    var clng = (bounds.getNorthEast().lng() + bounds.getSouthWest().lng()) /2;
    mymap.setCenter(new GLatLng(clat,clng));
});
}
var imagePosition=2;

function imagePage() {
	$('property-'+arguments[0]).src="./_photos/"+arguments[0]+arguments[imagePosition]+".jpg";
	imagePosition++;
	if(imagePosition >= arguments.length) imagePosition=1;
}