var okToSend = true;
var mindiff = .001;
var order_by = 'lp_Listing_Price';
var up_down = "DESC";

// tile stuff
var resolution;
var container;
var mapContainer;
var ds = 'ms_search_shorew';
var rows = 256;
var cols = 256;
var max_scale = 10;
var cache = "wi_globex";
var cache_origin_x = "-180";
var cache_origin_y = "90";

var globex_scales = [8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18];

var open_div = "";

function toggleView(str) {        
	if (str == 'sat') {
                document.getElementById('map_button').src = 'images/map_deselected.png';
                document.getElementById('sat_button').src = 'images/sat_selected.png';
                cache = 'globex';        
	} else {
                document.getElementById('map_button').src = 'images/map_selected.png';
                document.getElementById('sat_button').src = 'images/sat_deselected.png';
                cache = 'wi_globex';
        }
        getMap("");
}

function setEnvelope(ix, iy, ax, ay) 
{
	minx = ix;
	miny = iy;
	maxx = ax;
	maxy = ay;

	getMap("");

}


function getMapWithSort(sort) {
if (sort == order_by) {
        if (up_down == "ASC") {
                up_down = "DESC";
        } else {
                up_down = "ASC";
        }
}
order_by = sort;
getMap("");
}

function getInitialMap(){

	container = document.getElementById('mapArea');

    	mapContainer = getElmById('mapContainer');

	getMap("");
}

function write_debug(str)
{
	if (document.getElementById('ta_debug') != null)
	{
		document.getElementById('ta_debug').value += str + '\n';
	}
}
function fixedZoomIn(){
	if (parseInt(scale) < max_scale) {
        	scale = parseInt(scale) + 1;
                fixedzoom = "true";
                getMap("");
        } else {
        	alert("Currently at min zoom " + scale);
        }
}

function fixedZoomOut(){
     	if (parseInt(scale) > 0) {
        	scale = parseInt(scale) - 1;
                fixedzoom = "true";
                getMap("");
       	} else {
        	alert ("Currently at max zoom " + scale);
        }
}

function dragObjects(dx, dy)
{
        for (var i = 0; i < container.childNodes.length;i++) {
                var node = container.childNodes[i];
                var cur_left = node.style.left;
                var cur_top = node.style.top;
                var l = parseInt(cur_left.substring(0, cur_left.length));
                var t = parseInt(cur_top.substring(0, cur_top.length));

                node.style.left = parseInt(l +  dx) + "px";
                node.style.top = parseInt(t + dy) + "px";
        }

        
        for (var i = 0; i < mapContainer.childNodes.length; i++) {
                var node = mapContainer.childNodes[i];
                var cur_left = node.style.left;
                var cur_top = node.style.top;
                var l = parseInt(cur_left.substring(0, cur_left.length));
                var t = parseInt(cur_top.substring(0, cur_top.length));

                node.style.left = parseInt(l +  dx) + "px"; 
                node.style.top = parseInt(t + dy) + "px"; 

        }       

}

function zoom(left, bottom, right, top){
     	if (getExtentForZoomIn(left, bottom, right, top)) {
     		getMap("");	
	}
}

function pan(ix, iy){
	var dx = (maxx - minx)/mwidth;
	var mx = dx*ix;
	var my = dx*iy;
	minx += mx;
	maxx += mx;
	miny += my;
	maxy += my;
	var env = '<ENVELOPE minx="' + minx + '" miny="' + miny +'" maxx="' + maxx +'" maxy="' + maxy + '" />';
     	getMap(env);
}
function panDirection(dir){
	shift(dir);
	var env = '<ENVELOPE minx="' + minx + '" miny="' + miny +'" maxx="' + maxx +'" maxy="' + maxy + '" />';
     	getMap(env);
}

function shift(dir){
	var dx = maxx - minx;
	var dy = maxy - miny;
		
	switch(dir) {
		//NORTH
		case "north":
			miny += 0.3*dy;
			maxy += 0.3*dy;
		break;
		//south
		case "south":
			miny -= 0.3*dy;
			maxy -= 0.3*dy;
		break;
		//east
		case "east":
			minx += 0.3*dx;
			maxx += 0.3*dx;
		break;
		//west
		case "west":
			minx -= 0.3*dx;
			maxx -= 0.3*dx;
		break;
		//northeast
		case "ne":
			miny += 0.3*dy;
			maxy += 0.3*dy;
			minx += 0.3*dx;
			maxx += 0.3*dx;
		break;
		//northwest
		case "nw":
			miny += 0.3*dy;
			maxy += 0.3*dy;
			minx -= 0.3*dx;
			maxx -= 0.3*dx;
		break;
		//southeast
		case "se":
			miny -= 0.3*dy;
			maxy -= 0.3*dy;
			minx += 0.3*dx;
			maxx += 0.3*dx;
		break;
		//southwest
		case "sw":
			miny -= 0.3*dy;
			maxy -= 0.3*dy;
			minx -= 0.3*dx;
			maxx -= 0.3*dx;
		break
		
	}
}

function getExtentForZoomIn(left, bottom, right, top){

	var LLPoint = getMapXY(left, bottom);
	var URPoint = getMapXY(right, top);
 
	var xdiff = URPoint[0] - LLPoint[0];
        var ydiff = URPoint[1] - LLPoint[1];

        if (xdiff < mindiff || ydiff < mindiff) {
		alert ("Please select a larger area to zoom.");
        	return false;
	}
	
	minx = LLPoint[0];
	miny = LLPoint[1];
	maxx = URPoint[0];
	maxy = URPoint[1];

	return true;

}

function getExtentForZoomOut(left, bottom, right, top){
		var xDiff= maxx-minx;
		var yDiff= maxy-miny;

		var pwidth = right-left;
		var pheight = top-bottom;
		var xRatio = mwidth / pwidth;
		var yRatio = mheight / pheight;
		var xAdd = xRatio * xDiff / 2;
		var yAdd = yRatio * yDiff / 2;
		minx =  minx - xAdd;
		maxx = maxx + xAdd;
		miny = miny - yAdd;
		maxy = maxy + yAdd;
		

}

function dump_vals()
{	
	alert ('minx / ' + minx + ' miny / ' + miny + ' maxx / ' + maxx + ' maxy / ' + maxy);
}

function getMapXY(xIn,yIn) {

	var newValues = new Array();

	var mouseX = xIn;
	var pixelX = (maxx-minx) / mwidth;

	var newX = (pixelX * mouseX) + minx;

	var mouseY = mheight - yIn;
	var pixelY = (maxy-miny) / mheight;
	var newY = (pixelY * mouseY) + miny;

	newValues[0] = newX;

	newValues[1] = newY;
	return newValues; 
}

function growEnvelope(value){
	var dx = maxx - minx;
	var dy = maxy - miny;

	var cx = (maxx + minx)/2.0;
	var cy = (maxy + miny)/2.0;

	var dx1 = 0.5 * value * dx;
	var dy1 = 0.5 * value * dy;

	minx = cx - dx1;
	miny = cy - dy1;
	maxx = cx + dx1;
	maxy = cy + dy1;
}

function getScaledMap(val, img, sel) {

for (i = 0; i < 10; i++) {
	var elm = getElmById('zoom' + i);
	elm.src='images/zoom/ZoomNav_Level' + (i+1) + '.gif';
}

var elm = getElmById(sel);

elm.src = img;


}

function getMapWithCurrentExtent(){
	getMap("");
}


function getMap(envelope) {

        if (okToSend) {
	
	        http = getHTTPObject();

	        if ((http != null) ) {
        		okToSend = false;
		        var axl = "";
		        axl = getTiledMapRequest("");
		        http.open("POST", cache_url, true);
		        http.onreadystatechange = printTiledResponse;
		        http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		        showLayer('loading');
		        http.send(axl);
        	}
        } else {
                alert ("Waiting for previous response");
        }
}

function createQueryString()
{
	var retVal = "minx=" + minx + "&miny=" + miny + "&maxx=" + maxx + "&maxy=" + maxy;

	var myvars = new Array('lp_low', 'lp_high', 'beds_low', 'baths_low', 'p_type', 'wf');

	for (var i = 0; i < myvars.length; i++) {
		retVal = retVal + "&" + myvars[i] + "=" + getElmById(myvars[i]).value;
	}

	if (document.getElementById('lp_c4v43c').checked) {
		retVal += "&lp_c4v43c=true";
	}

	retVal += "&zoom=true&scale=" + scale;

	return escape(retVal);
}


function buildWhere() 
{
       	var lp_low = document.getElementById('lp_low').value;
        var lp_high = document.getElementById('lp_high').value;
        var beds_low = document.getElementById('beds_low').value;
        var baths_low = document.getElementById('baths_low').value;        
	var p_type = document.getElementById('p_type').value;        
	var wf = document.getElementById('wf').value;

	var w = ' AND lp_Listing_Price >= ' + lp_low + ' AND lp_Listing_Price <= ' + lp_high + ' AND lp_No_Bedrooms >= ' + beds_low + '  AND lp_No_Bathrooms >= ' + baths_low;

	w += " AND lp_c2v2c = 'N' ";

	if (p_type.length > 0) {
                w += " AND lp_c4v46c = '" + escape(p_type) + "'";
        }
        if (wf.length > 0) {
                w += " AND lp_fg_WaterAccess = '" + wf + "'";
        }
	if (document.getElementById('lp_c4v43c').checked) {
		w += " AND lp_c4v43c = 'Y'";
	}
	if (document.getElementById('lp_ind_OpenHouse').checked) {
		w += " AND lp_ind_OpenHouse = 'Y'";
	}

	return w;
}

function buildPoiWhere() {
        var w = "";
        var cats = "";

        var inputs = document.getElementsByTagName('input');

        for(var i=0; i<inputs.length; i++){
                var type = inputs[i].type;
                var id = inputs[i].id;
                var name = inputs[i].name;
                if (type == 'checkbox' && id.indexOf('POI_') == 0) {
                        if (inputs[i].checked) {
                                if (cats.length == 0) {
                                        cats += "'" + name + "'";
                                } else {
                                        cats += ",'" + name + "'";
                                }
                        }
                }
        }

        if (cats.length > 0) {
                w = " AND tp_category IN (" + cats + ")";
        }

        return w;
}

function getTiledMapRequest(env)
{       

	var w = buildWhere();
        var w_poi = buildPoiWhere();


        w += " ORDER BY " + order_by + " " + up_down;

   var fl = "cd_MLS,lp_MLS_Number,FORMAT(lp_Listing_Price, 0) as lp_Listing_Price_Display,lp_Listing_Price,lp_ListingAddr1,lp_No_Bedrooms,lp_No_Bathrooms,lp_res_Lat,lp_res_Long,lp_Photo_URL,lp_PhotoDesc_1,lp_ds_OpenHouseDay,lp_ind_OpenHouse,lp_ds_OpenHouseTime,lp_ListingCity,Comments,cd_Office,TO_DAYS(NOW()) - TO_DAYS(lp_Listing_Date) AS DOM, DATE_FORMAT(lp_dt_last_updated, '%25a %25m%2f%25d%2f%25Y') AS lp_dt_last_updated";

	var axl = 'SITE=' + site + '&INC_OFFICES=' + (getElmById('INC_OFFICES').checked ? "true" : "") + '&minx=' + minx + '&maxy=' + maxy + '&maxx=' + maxx + '&miny=' + miny + '&cache=' + cache + '&width=' + width + '&height=' + height + '&INC_LISTINGS=y&DS=' + ds +'&MAX_RESULTS=' + max_results + '&FL=' + fl + "&scale=" + scale + '&zoom=' + fixedzoom + "&CACHE_ORIGIN_X=" + cache_origin_x + "&CACHE_ORIGIN_Y=" + cache_origin_y + "&SRCH_WHERE=" + w + '&NEW_TILES=true' + "&INC_POI=" + (w_poi.length > 0 ? "true" : "") + "&POI_WHERE=" + w_poi;

        return axl;

}

//need to define loadXML function for non IE browser which do not have loadXML implemented
//we use loadXML (can't use load method) to load ArcXML response because the response from ArcIMS is in plain text format   

if(!isIE){

	Document.prototype.loadXML = function (s) {

	// parse the string to a new doc   
	   	var doc2 = (new DOMParser()).parseFromString(s, "text/xml");
      
	   	// remove all initial children
	   	while (this.hasChildNodes())
	   	   this.removeChild(this.lastChild);
         
	   	// insert and import nodes
	   	for (var i = 0; i < doc2.childNodes.length; i++) {
	   	   this.appendChild(this.importNode(doc2.childNodes[i], true));
	   	}
       };
}

function printTiledResponse(){

if (http.readyState == 4) {
    
	if (http.status == 200) {

      	isWorking = false;
      	
	var result = http.responseText;

	var xmlDoc;
	
      	if(document.implementation && document.implementation.createDocument) { 
      		// MOZILLA 
       	 	xmlDoc = document.implementation.createDocument("", "", null);
      	 	xmlDoc.async="false";
         	xmlDoc.loadXML(result);
      	} else if (window.ActiveXObject){
      	 	//IE
      	  	xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
	  	xmlDoc.async="false";
	  	xmlDoc.loadXML(result);
       	}


	var tiles = xmlDoc.getElementsByTagName("TILES")[0].getElementsByTagName("TILE");
	scale = xmlDoc.getElementsByTagName("TILES").item(0).getAttribute("scale");
	resolution = xmlDoc.getElementsByTagName("TILES").item(0).getAttribute("resolution");

	positionSlider();

	var env = xmlDoc.getElementsByTagName("ENVELOPE").item(0);

	minx = parseFloat(env.getAttribute("minx"));
	miny = parseFloat(env.getAttribute("miny"));
	maxx = parseFloat(env.getAttribute("maxx"));
	maxy = parseFloat(env.getAttribute("maxy"));

	clearImageMap();

	placeTiles(tiles);

	fixedzoom = "";
	
	var props = xmlDoc.getElementsByTagName("RESPONSE")[0].getElementsByTagName("PROPERTY");
	var offices = xmlDoc.getElementsByTagName("RESPONSE")[0].getElementsByTagName("OFFICE");
	var pois = xmlDoc.getElementsByTagName("RESPONSE")[0].getElementsByTagName("POI");


	processPropertyRecs(props);
	processOfficeRecs(offices);
        processPoiRecs(pois);

        if (props.length > 0) {
                document.getElementById('propcount').innerHTML = '<b>Found ' + xmlDoc.getElementsByTagName("PROPERTIES").item(0).getAttribute("count") + ' Listings:</b> Click the home icon for more information on each or <a href="javascript: document.form2.submit()">view results as list</a>.';
		createSummary(props);
        } else {                
		document.getElementById('propcount').innerHTML = '<b>Found ' + xmlDoc.getElementsByTagName("PROPERTIES").item(0).getAttribute("count") + ' Listings:</b> Icons will appear when the listing count is under ' + max_results;
		clearSummary();

        }

        if (props.length > 0) {
                document.getElementById('poi_div').style.visibility = 'visible';
        } else {
                document.getElementById('poi_div').style.visibility = 'hidden';
                document.getElementById('POI_SCHOOL').checked = false;
        }

	hideLayer('loading');
    }else alert("Error retreiving data");
 
   okToSend = true;
  } 
}

function positionSlider() {
	for (var i = 0; i < 11; i++) {
                document.getElementById('SLIDER_' + i).style.background='#ffffff';
        }

        document.getElementById('SLIDER_' + scale).style.background='#ffff00';

}

function jumpTo(i) {
        if (okToSend) {
                scale = i;
		fixedzoom = "true";
                getMap("");
        }
}

function cleanString(str) 
{
	return unescape(str.replace(new RegExp(/\+/g), ' '));
}

function getElmById(theID) {
	var rv = null;

	if (isIE) {
		rv = document.all[theID];
	} else {
		rv = document.getElementById(theID);
	}
	return rv;
}


function clearImageMap ()
{
        while (mapContainer.childNodes.length > 0) {
                mapContainer.removeChild(mapContainer.lastChild);
        }

        while (container.childNodes.length > 0) {
                container.removeChild(container.lastChild);
        }

}

function createGlobexURL(x, y) {

return 'http://www.globexplorer.com/tiles/img?p=latlon&n=1&t=a&l=49&xi=' + x + '&yi=' + y + '&z=' + globex_scales[parseInt(scale)] + '&key=F7DAWIHDSliUu16V6YqFWSRxWSHZkWDZ';

}

function placeTiles(tiles) {

        for (var i = 0; i < tiles.length; i++) {
                        var url = tiles[i].getAttribute("url");
                        var row = parseInt(tiles[i].getAttribute("row"));
                        var col = parseInt(tiles[i].getAttribute("col"));
                        var x_pos = parseInt(tiles[i].getAttribute('x_pos'));
                        var y_pos = parseInt(tiles[i].getAttribute('y_pos'));

                        if (cache == 'globex') {
                                url = createGlobexURL(col, row);
                        }

                        var img = document.createElement('img');

                        img.src = url;
                        img.style.position = 'absolute';
                        img.style.top = y_pos + 'px';
                        img.style.left = x_pos + 'px';
                        img.onload = null;

                        container.appendChild(img);
        }

}

function processOfficeRecs(offices)
{


	var icon_w = 206;
	var icon_h = 237;

	for (var i = 0; i < offices.length; i++) 
	{
		var x = parseInt(offices[i].getAttribute('x'));
		var y = parseInt(offices[i].getAttribute('y'));
  	
		var x1 = x;
                var y1 = y;

		var icon_type = "";

                if (x > (width / 2)) {
                	if (y > (height / 2)) {
				icon_type = "BR";
				x = x - icon_w;
				y = y - icon_h; 
			} else {
				icon_type = "TR";
				x = x - icon_w + 6;
				y = y + 4;
			}				
		} else {
                	if (y > (height / 2)) {
				icon_type = "BL";
				y = y - icon_h;
				x = x + 5;
			} else {
				icon_type = "TL";
				x = x + 5;
				y = y + 3;
			}
                }

                var myDiv = document.createElement('DIV');
                myDiv.id = "OFFICE_" + i;
                myDiv.style.position='absolute';
                myDiv.style.visibility='hidden';
                myDiv.style.left =x + 'px';
                myDiv.style.top = y + 'px';
                myDiv.style.width = '206px';
                myDiv.style.height= '237px';
		myDiv.style.zIndex=2;

                var photo_string = "";

                if (offices[i].getAttribute('O_DFLT_PHOTO_URL').length > 0) {
                        photo_string = '<a href="http://www.shorewest.com/vp/AgentServlet?cd_Company=SHOREW&SITE=SHOREW&Search=true&ScreenID=AgentsSummary_Public&cd_Office=' + cleanString(offices[i].getAttribute('O_CD_OFFICE')) + '&ScreenID_Cur=OFFICE_SEARCH" target="_parent"><img src="http://www.redata.com/100021/Shorew/graphics/companylogo.jpg" width="150" height="117" border="0"></a>';

                } 

		var balloon = '<div class="balloon_' + icon_type + '">';
		balloon += '<div class="inner_balloon">';
		balloon += '<div class="close_icon"><a href="#" onClick="hideAll();"><img border="0" src="images/close_icon.gif" style="width:13px;"></a></div>';
		balloon += photo_string;
		balloon += '<div class="address">' + cleanString(offices[i].getAttribute('O_NM_OFFICE')) + '</div>';
		balloon += cleanString(offices[i].getAttribute('O_ADDRESS_01')) + '<br />';
		balloon += '<a href="http://www.shorewest.com/vp/AgentServlet?cd_Company=SHOREW&SITE=SHOREW&Search=true&ScreenID=AgentsSummary_Public&cd_Office=' + cleanString(offices[i].getAttribute('O_CD_OFFICE')) + '&ScreenID_Cur=OFFICE_SEARCH" target="_parent">More Details</a>';
		balloon += '</div>';
		balloon += '</div>';
		balloon += '</div>';

		myDiv.innerHTML = balloon;

                mapContainer.appendChild(myDiv);

                        
                var area = document.createElement('DIV');
                area.id = i;
                area.innerHTML = '<img src="http://www.redata.com/100021/Shorew/graphics/companylogo.jpg" width="16" height="16" border="0">';
                area.style.left=x1 + 'px';
                area.style.top=y1 + 'px';
                area.style.position='absolute';
                area.style.zIndex=1;
                area.onmouseover = function() {
			hideAll();
			document.getElementById('OFFICE_' + this.id).style.visibility = 'visible';
                        open_div = document.getElementById('OFFICE_' + this.id);
                        document.onmousemove = checkPosition;

                }
                
                mapContainer.appendChild(area); 
                
        }       
}

function processPoiRecs(props)
{

        var icon_w = 206;
        var icon_h = 237;

        for (var i = 0; i < props.length; i++) {
                var x = parseInt(props[i].getAttribute('x'));
                var y = parseInt(props[i].getAttribute('y'));

                var x1 = x;
                var y1 = y;

                var icon_type = "";

                if (x > (width / 2)) {
                        if (y > (height / 2)) {
                                icon_type = "BR";
                                x = x - icon_w;
                                y = y - icon_h;
                        } else {
                                icon_type = "TR";
                                x = x - icon_w + 6;
                                y = y + 4;
                        }
                } else {
                        if (y > (height / 2)) {
                                icon_type = "BL";
                                y = y - icon_h;
                                x = x + 5;
                        } else {
                                icon_type = "TL";
                                x = x + 5;
                                y = y + 3;
                        }
                }

                var cd_key = cleanString(props[i].getAttribute('cd_key'));

                var myDiv = document.createElement('DIV');
                myDiv.id = "POI_" + cd_key;
                myDiv.style.position='absolute';
                myDiv.style.visibility='hidden';
                myDiv.style.left =x + 'px';
                myDiv.style.top = y + 'px';
		myDiv.style.width = '206px';
                myDiv.style.height= '237px';
                myDiv.style.zIndex=2;


		var tmp_balloon = '<div class="balloon_' + icon_type + '">';
                tmp_balloon += '<div class="inner_balloon_poi">';

                tmp_balloon += '<div class="close_icon"><br><a href="#" onClick="hideAll();"><img border="0" src="images/close_icon.gif" style="width:13px;"></a></div><br>';

                if (cleanString(props[i].getAttribute('ds_display')).length > 0) {
                        tmp_balloon += '<table><tr><td align="left">' + cleanString(props[i].getAttribute('ds_display')) + '</td></tr></table>';
                }

                tmp_balloon += '</div>';

                tmp_balloon += '</div>';

                myDiv.innerHTML = tmp_balloon;

                mapContainer.appendChild(myDiv);

                var area = document.createElement('DIV');
                area.id = cd_key;

                area.innerHTML = '<img src="images/' + cleanString(props[i].getAttribute('ds_icon')) + '" border="0">';

                area.style.left=x1 + 'px';
                area.style.top=y1 + 'px';
                area.style.position='absolute';
                area.style.zIndex=1;
                area.onmouseover = function() {
                        hideAll();
			document.getElementById('POI_' + this.id).style.visibility = 'visible';
                        open_div = document.getElementById('POI_' + this.id);
                        document.onmousemove = checkPosition;
                }

                mapContainer.appendChild(area);

        }
}
	
function processPropertyRecs(props)
{


	var props_list = "";

	var queryString = createQueryString();
	
	var icon_w = 206;
	var icon_h = 237;

	for (var i = 0; i < props.length; i++) {
		var x = parseInt(props[i].getAttribute('x'));
		var y = parseInt(props[i].getAttribute('y'));
	
		if (props_list.length == 0) {
			props_list = props[i].getAttribute("cd_MLS");
		} else {
			props_list = props_list +  "," + props[i].getAttribute("cd_MLS");
		}
	
		var x1 = x;
		var y1 = y;

                var icon_type = "";

                if (x > (width / 2)) {
                        if (y > (height / 2)) {
                                icon_type = "BR";
                                x = x - icon_w;
                                y = y - icon_h;
                        } else {
                                icon_type = "TR";
                                x = x - icon_w + 6;
                                y = y + 4;
                        }
                } else {
                        if (y > (height / 2)) {
                                icon_type = "BL";
                                y = y - icon_h;
                                x = x + 5;
                        } else {
                                icon_type = "TL";
                                x = x + 5;
                                y = y + 3;
                        }
                }

		var myDiv = document.createElement('DIV');
		myDiv.id = "LISTING_" + i;
		myDiv.style.position='absolute';
		myDiv.style.visibility='hidden';
 		if (s_layer == props[i].getAttribute('cd_MLS')) {
                        myDiv.style.visibility = 'visible';
                        s_layer = '';
                }
		myDiv.style.left =x + 'px';
		myDiv.style.top = y + 'px';
		myDiv.style.width = '206px';
                myDiv.style.height= '237px';
		myDiv.style.zIndex=2;

		var photo_string = "";


		if (props[i].getAttribute('lp_Photo_URL').length > 0) {
			if (pres_agent.length > 0) {
	    			photo_string = '<a href="' + root_url + '/vp/ListingServlet?cd_MLS=' + props[i].getAttribute('cd_MLS') + '&SITE=' + site + '&ScreenID=AGENT_LISTING_DETAIL&pres_agent=' + pres_agent + '&mapvars=' + queryString + '%26s_layer%3d' + props[i].getAttribute('cd_MLS') + '" target="_parent"><img src="http://' + cleanString(props[i].getAttribute('lp_Photo_URL')) + props[i].getAttribute('lp_MLS_Number') + 'at.jpg" width="150" height="117" border="0"></a>';
			} else {
	    			photo_string = '<a href="' + root_url + '/vp/ListingServlet?cd_MLS=' + props[i].getAttribute('cd_MLS') + '&SITE=' + site + '&ScreenID=LISTING_DETAIL_P&mapvars=' + queryString + '%26s_layer%3d' + props[i].getAttribute('cd_MLS') + '" target="_parent"><img src="http://' + cleanString(props[i].getAttribute('lp_Photo_URL')) + props[i].getAttribute('lp_MLS_Number') + 'at.jpg" width="150" height="117" border="0"></a>';
			}
		}	

                var balloon = '<div class="balloon_' + icon_type + '">';
                balloon += '<div class="inner_balloon">';

		balloon += '<table width="150" cellspacing="0" cellpadding="0"><tr>';
		if (props[i].getAttribute('lp_ind_OpenHouse') == 'Y') {
			balloon += '<td colspan="2" align="right"><a href="#" onClick="hideAll();"><img src="images/close_icon.gif" style="width:10px" border="0"></a></td></tr><td align="left"><img src="images/icon_openhouse.gif" style="width:20px"></td><td align="right" valign="bottom">' + cleanString(props[i].getAttribute('lp_ds_OpenHouseDay')) + ' ' + cleanString(props[i].getAttribute('lp_ds_OpenHouseTime')) + '</td>';
		} else {
	                balloon += '<td align="right"><a href="#" onClick="hideAll();"><img border="0" src="images/close_icon.gif" style="width:10px"></a></td>';
		}
 
		balloon += '</tr></table>';

		balloon += photo_string;
 
                balloon += '<div class="address">' + cleanString(props[i].getAttribute('lp_ListingAddr1')) + '</div>';
                balloon += '$' + cleanString(props[i].getAttribute('lp_Listing_Price_Display')) + '<br />';
		balloon += props[i].getAttribute('lp_No_Bedrooms') + ' Beds ' + props[i].getAttribute('lp_No_Bathrooms') + ' Baths<br>';

		if (pres_agent.length > 0) {
			balloon += '<a href="' + root_url + '/vp/ListingServlet?cd_MLS=' + props[i].getAttribute('cd_MLS') + '&SITE=' + site + '&ScreenID=AGENT_LISTING_DETAIL&pres_agent=' + pres_agent + '&mapvars=' + queryString + '%26s_layer%3D' + props[i].getAttribute('cd_MLS') + '" target="_parent">More Details</a>';
		} else {
			balloon += '<a href="' + root_url + '/vp/ListingServlet?cd_MLS=' + props[i].getAttribute('cd_MLS') + '&SITE=' + site + '&ScreenID=LISTING_DETAIL_P&mapvars=' + queryString + '%26s_layer%3D' + props[i].getAttribute('cd_MLS') + '" target="_parent">More Details</a>';
		}

                balloon += '</div>';
                balloon += '</div>';
                balloon += '</div>';

                myDiv.innerHTML = balloon;

		mapContainer.appendChild(myDiv);
	
		var area = document.createElement('DIV');
		area.id = i;

		if (props.length < 100) {
                        if (props[i].getAttribute('DOM') < 8) {
                                area.innerHTML = '<img src="images/icon_map_newlisting.png" border="0">';
                        } else if (props[i].getAttribute('lp_ind_OpenHouse') == 'Y') {
                                area.innerHTML = '<img src="images/icon_map_openhouse.png" border="0">';
                        } else {
                                area.innerHTML = '<img src="images/icon_map_active.png" border="0">';
                        }
                } else {
                        if (props[i].getAttribute('DOM') < 8) {
                                area.innerHTML = '<img src="images/icon_map_newlisting.png" border="0" width="13" height="13">';
                        } else if (props[i].getAttribute('lp_ind_OpenHouse') == 'Y') {
                                area.innerHTML = '<img src="images/icon_map_openhouse.png" border="0" width="13" height="13">';
                        } else {
                                area.innerHTML = '<img src="images/icon_map_active.png" border="0" width="13" height="13">';
                        }
                }


		area.style.left=x1 + 'px';
		area.style.top=y1 + 'px';
		area.style.position='absolute';
		area.style.zIndex=1;
		area.onmouseover = function() {
			hideAll();
			document.getElementById('LISTING_' + this.id).style.visibility = 'visible';
                        open_div = document.getElementById('LISTING_' + this.id);
                        document.onmousemove = checkPosition;
		}

		mapContainer.appendChild(area);
	
	}

	var theform = getElmById("theForm");
	var saveSearch = getElmById('saveSearch');
	
	if (props.length > 0) 
	{

		var cd_MLS_sum = getElmById("cd_MLS_sum");
		var numPages = getElmById("numPages");
		var numFound = getElmById("numFound");
		var searchCriteria = getElmById("searchCriteria");
		var mapvars = getElmById("mapvars");
	
		mapvars.value = unescape(createQueryString());
		theform.style.visibility = 'visible';
		cd_MLS_sum.value = props_list;
		numFound.value = props.length;

		saveSearch.innerHTML = createSaveLink();
		saveSearch.style.visibility = 'visible';

		if (props.length > 5) {
			numPages.value = Math.ceil(parseFloat(props.length / 5));
		} else {
			numPages.value = "1";
		}

	} else {
		theform.style.visibility = 'hidden';
		saveSearch.style.visibility = 'hidden';
	}
	
}

function checkPosition(e) {
        var x = 0;
        var y = 0;
        var offset = 30;

        if (isNav) {
                x=e.pageX;
                y=e.pageY;
        } else {
                x=event.clientX + document.body.scrollLeft;
                y=event.clientY + document.body.scrollTop;
        }

        x -= mleft;
        y -= mtop;

        var div_x = parseInt(open_div.style.left.substring(0, open_div.style.left.length-2));
        var div_y = parseInt(open_div.style.top.substring(0, open_div.style.top.length-2));
        var div_w = parseInt(open_div.style.width.substring(0, open_div.style.width.length-2));
        var div_h = parseInt(open_div.style.height.substring(0, open_div.style.height.length-2));

        if (x < div_x - offset || x > (div_x + div_w + offset) || y < div_y - offset || y > (div_y + div_h + offset)) {
                hideAll();
                document.onmousemove = null;
        }
}

function hideAll()
{
        var els = document.getElementsByTagName('DIV');

        for (var j = 0; j < els.length; j++) {
                var elm = els[j];
                if (elm != null) {
                        if (elm.id.indexOf('LISTING_') > -1 || elm.id.indexOf('OFFICE_') > -1 || elm.id.indexOf('POI') > -1)
                                elm.style.visibility = 'hidden';
                } else {
                        break;
                }
        }
}

function createSaveLink()
{
        var link = "";

        if (cookieid.length > 0)
        {
                link = '<a href="javascript:postSaveSearch()">Save This Search</a>';
        }
        else
        {
		link = 'Use myShorewest login to save this search.';
        }

        return link;

}

function postSaveSearch()
{

        if (okToSend) {
                http = getHTTPObject();

                if ((http != null) ) {
                        showLayer('loading');
                        okToSend = false;
                        var dat = getSaveData();

                        http.open("POST", save_url, true);
                        http.onreadystatechange = saveResponse;
                        http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                        http.send(dat);
                        hideLayer('loading');
                }
        } else {
                alert ("Waiting for previous response");
        }

        okToSend = true;
}

function getSaveData()
{
        var dat = 'SITE=' + site + '&cd_Contact=' + cookieid + '&sql=';

        var sql = "SELECT Listing.cd_MLS FROM ListingPublic,Listing WHERE ListingPublic.cd_MLS = Listing.cd_MLS AND " + buildWhere()  + ' AND lp_res_Lat > ' + miny + ' AND lp_res_Lat < ' + maxy + ' AND lp_res_Long > ' + minx + ' AND lp_res_Long < ' + maxx;

        dat += sql + '&criteria=' + buildCriteria() + '&fg_1=Y';

        return dat;
}

function buildCriteria()
{
        var lp_low = document.getElementById('lp_low').value;
        var lp_high = document.getElementById('lp_high').value;
        var beds_low = document.getElementById('beds_low').value;
        var baths_low = document.getElementById('baths_low').value;
        var p_type = document.getElementById('p_type').value;
        var wf = document.getElementById('wf').value;

        var c = "Latitude greater than " + miny + " Latitude less than " + maxy + "<br>";

        c += "AND Longitude greater than " + minx + " Longitude less than " + maxx + "<br>";

        if (lp_low.length > 0) {
                c += "Listing Price greater than " + lp_low + "<BR>";
        }

        if (lp_high.length > 0) {
                c += "Listing Price less than " + lp_high + "<BR>";
        }

        if (beds_low.length > 0) {
                c += "Bedrooms greater than " + beds_low + "<BR>";
        }

        if (baths_low.length > 0) {
                c += "Bathrooms greater than " + baths_low + "<BR>";
        }

        if (p_type.length > 0) {
                c += "Property Type equals " + p_type + "<BR>";
        }

        if (wf.length > 0) {
                c += "Water frontage/access equals " + wf + "<BR>";
        }
	
	if (document.getElementById('lp_c4v43c').checked) {
		c += " Farm equals Y<br>";
	}
        return c;
}

function saveResponse() {

        if (http.readyState == 4) {
                if (http.status == 200) {
                        isWorking = false;

                        var result = http.responseText;
                        var xmlDoc;
                        if(document.implementation && document.implementation.createDocument) {
                        	xmlDoc = document.implementation.createDocument("", "", null);
                                xmlDoc.async="false";
                                xmlDoc.loadXML(result);
                   	} else if (window.ActiveXObject){
                                xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
                                xmlDoc.async="false";
                                xmlDoc.loadXML(result);
                        }

                        var retVal = xmlDoc.getElementsByTagName("RESPONSE").item(0).getAttribute("returnCode");

                        var ss = getElmById("saveSearch");
                        if (retVal == 'true') {
                                ss.innerHTML = '<font color="red">Search Successfully Saved</font>';
                        } else {
                                ss.innerHTML = '<font color="red">There was a problem saving your search</font>';
                        }
                }
        }
}