function expandMap() {

	var center=map.getCenter(); 
	document.getElementById("m").className="bigmap"; 
	document.getElementById("map").className="bigmapg"; 
	map.checkResize(); 
	map.setCenter(center); 

	href="<a rel='nofollow' onclick='shrinkMap();' class='maphead'>Small map &raquo;</a>";

        if (document.all) { 
                document.all.mapsize.innerHTML=href;
        } else {
		document.getElementById("mapsize").innerHTML=href;
	}

	return false;

}

function shrinkMap() {

	var center=map.getCenter(); 
	document.getElementById("m").className="smallmap"; 
	document.getElementById("map").className="smallmapg"; 
	map.checkResize(); 
	map.setCenter(center); 

	href="<a rel='nofollow' onclick='expandMap();' class='maphead'>&laquo; Large map</a>";
        if (document.all) { 
                document.all.mapsize.innerHTML=href;
        } else {
		document.getElementById("mapsize").innerHTML=href;
	}



	return false;
}



function updateImg(img,src) {

	image=document.getElementById(img);
	image.src=src;
}

var state = 'none';

function showhide(layer_ref) {

	div = "div"+layer_ref;
	arr = "arrow"+layer_ref;
	arrow = document.getElementById(arr);

        if (state == 'block') { state = 'none'; 
			arrow.src='/images/arrow_right.gif';
	}
        else { state = 'block'; 
			arrow.src='/images/arrow_down.gif';
	}

        if (document.all) { //IS IE 4 or 5 (or 6 beta)
                eval( "document.all." + div + ".style.display = state");
        }

        if (document.layers) { //IS NETSCAPE 4 or below
                document.layers[div].display = state;
        }

        if (document.getElementById &&!document.all) {

                hza = document.getElementById(div);

                if(hza.style.display == 'block') { 

			hza.style.display='none'; 

		}

                else if(hza.style.display == 'none') { 

			hza.style.display='block'; 

		}



        }
}


var southWest = 0;
var northEast = 0;
var submit = 0;
var markers = [];
var html = [];
var map =0;

function updateresults(p,nomap) { 

	var bounds = map.getBounds();
	southWest = bounds.getSouthWest();
	northEast = bounds.getNorthEast();

	if(!submit) {

		submit=1;
		$("#message").empty();
		$("#message").hide();

		$("#page").val(p); 
		$(".overlay").css({ 'display' : 'block' });  
		$(".loadingtext").css({ 'display' : 'block' });  

		$("#data").load("/getsuburb.php", { 

			id: $("#suburb").val(),
			state: $("#state").val(),
			bed: $("#bed").val(),
			bath: $("#bath").val(),
			car: $("#car").val(),
			pmin: $("#pmin").val(),
			pmax: $("#pmax").val(),
			latest: $("#latest").val(),
			page: $("#page").val(),
			sort: $("#sort").val(),
			mode: $("#mode").val(),
			order: $("#order").val(),
			mapsearch: $("#mapsearch").attr('checked'),
			debug: 0,
			slat: southWest.lat(),
			slng: southWest.lng(),
			nlat: northEast.lat(),
			nlng: northEast.lng(),
			reduction: $("#reduction").attr('checked')
		

		}, function() { 

		
			h=$("#count").val();
			$("#head_count").text(h);
			reinit(); 
			updatemap(); 
			submit=0;
			return false; 

		}); 
	}


	return false;

}

function reinit() {

 	$("#next_button").click(function() { 

		page = parseInt($("#page").val() ) +1;
		updateresults(page); 
		return false; 

	});

   	$("#prev_button").click(function() { 

		page = parseInt($("#page").val() ) -1;
		updateresults(page); 
		return false; 
	});

	$("#sort").change(function() { updateresults(1); return false; });
	$("#order").change(function() { updateresults(1); return false; });

	$("#listviewicon").click(function() { 
	
		if ( $('#mapsearch').attr('checked') ) {
			$('#mapsearch').attr('checked',false); 
			updateresults(1); 
		}
	});

	$("#mapviewicon").click(function() { 

		if ( ! $('#mapsearch').attr('checked') ) {
			$('#mapsearch').attr('checked',true); 
			updateresults(1); 
		}
	});

}

function initrefind() {

	
	$("form#result_refine").submit(function() { updateresults(1); return false; });

	$("#mapsearch").change(function() { updateresults(1); return false; });
	$("#mapsearch").click(function() { this.blur(); });

	$("#bed").change(function() { updateresults(1); return false; });
	$("#bath").change(function() { updateresults(1); return false; });
	$("#car").change(function() { updateresults(1); return false; });
	$("#latest").change(function() { updateresults(1); return false; });

	$("#reduction").change(function() { updateresults(1); return false; });
	$("#reduction").click(function() { this.blur(); });

	$("#reducetop").click(function() { 
		$('#reduction').attr('checked',true);
		updateresults(1); 
		return false; });

	reinit();
	updatemap();

	return false; 

}

function updatemap() {

	map.clearOverlays();

	var bounds = map.getBounds();
	southWest = bounds.getSouthWest();
	northEast = bounds.getNorthEast();

	s = $("#suburb").val();

	if($("#mapsearch").attr('checked')) {
		
		$("#head_sub").text("Viewable map area");


	} else {

		$("#head_sub").text(s);

	}

	$.post("/getmap.php", { 

		id: $("#suburb").val(),
                state: $("#state").val(),
                bed: $("#bed").val(),
                bath: $("#bath").val(),
                car: $("#car").val(),
                pmin: $("#pmin").val(),
                pmax: $("#pmax").val(),
		page: $("#page").val(),
		sort: $("#sort").val(),
		mode: $("#mode").val(),
		order: $("#order").val(),
                latest: $("#latest").val(),
		mapsearch: $("#mapsearch").attr('checked'),
		slat: southWest.lat(),
		slng: southWest.lng(),
		nlat: northEast.lat(),
		nlng: northEast.lng(),
                reduction: $("#reduction").attr('checked')

	}, function(xml) { 

		var i=0;

		$("markers",xml).find("marker").each(function() {

  			var m = $(this);
    			var point = new GLatLng( $("map_lat",m).text(), $("map_long",m).text() );

			marker = new GMarker(point);
			map.addOverlay(marker);
			markers[i] = marker;

			var content = "";
			content += "<div class='minihead'>\n";
			content += "<div class='miniadd'><a href='" +$("url",m).text()+ "'>" +$("address",m).text() + "</a></div>\n";
			content += "<div class='closead'><a href='#' id='messageclose'><img src='/images/close.png'/></a></div>\n";
			content += "</div>\n";
			content += "<div class='zgimg'><img src='"+$("image",m).text()+"' class='thumb' alt=''/></div>\n";
			content += "<div class='car'><span class='ns'>"+$("carspaces",m).text()+"</span></div>\n";
			content += "<div class='bat'><span class='ns'>"+$("bathrooms",m).text()+"</span></div>\n";
			content += "<div class='bed'><span class='ns'>"+$("bedrooms",m).text()+"</span></div>\n";
			content += "<div class='miniprice'>"+$("price",m).text()+"</div>\n";
			content += "<div class='miniurl'><a href='"+$("url",m).text()+"'>View more details &raquo;</a></div>";

			html[i] = content;

			i++;

		});


		$(markers).each(function(i,marker){

			GEvent.addListener(marker, "click", function(){ displayPoint(marker,i); } );
		});

		return false; 

	}); 

	return false;

}

function displayPoint(marker,index){

	$("#message").empty();
	$("#message").hide();

	var test=$("<div>"+html[index]+"</div>").appendTo("#message");
	var markerOffset = map.fromLatLngToContainerPixel(marker.getLatLng());
	var x = markerOffset.x - 250;

 	$("#messageclose").click(function() { $("#message").hide(); return false; });
	$("#message").css({ top:markerOffset.y, left:x });
	$("#message").show();
					
}