//set zoomin as default start tool
clickTool('T_ZOOMIN');

// JScript File
QueryString.keys = new Array(); 
QueryString.values = new Array(); 
QueryString_Parse(); 

// parse pin
var pin = QueryString("PIN"); 
if (pin !=null && pin !="" ){
    searchParcel(pin);
}else{
    if(map.level!=0){
        map.zoomToFullExtent();
    }
}
//parse pins
var pins = QueryString("PINS"); 
if (pins !=null && pins !="" ){
    if(pins.substring(0,1)=="|"){
       pins = pins.substring(1) 
    }
    searchParcels(pins);
    // reset the map extent to adjust the client side x,y position
   // map.zoomToFullExtent();
}
//addmashup link
var addmashuplink = QueryString("ADDRESSMASHUP"); 
if (addmashuplink !=null && addmashuplink !="" ){
    displayAddressMashupLink(addmashuplink);
}

//parse pins
var XCOOR = QueryString("XCOOR"); 
var YCOOR = QueryString("YCOOR"); 
if (XCOOR !=null && XCOOR !="" && YCOOR !=null && YCOOR !=""){
    doSearchXY(XCOOR, YCOOR);
    // reset the map extent to adjust the client side x,y position
   // map.zoomToFullExtent();
}

// parse futuredev
var futuredev = QueryString("FUTUREDEV"); 
if (futuredev !=null && futuredev.toUpperCase()=="ON" ){
    clickLayerButton('B_FUTUREDEV');    
}
 
// parse futuredev
var foreclosure = QueryString("FORECLOSURE"); 
if (foreclosure !=null && foreclosure.toUpperCase()=="ON" ){
    //clickLayerButton('B_FORECLOSURE');    
} 
   
function QueryString_Parse(){ 
    var query = document.location.search.substring(1); 
    var pairs = query.split("&"); 
    for (var i=0;i<pairs.length;i++){ 
        var pos = pairs[i].indexOf('='); 
        if (pos >= 0){ 
            var argname = pairs[i].substring(0,pos); 
            var value = pairs[i].substring(pos+1); 
            QueryString.keys[QueryString.keys.length] = argname.toUpperCase(); 
            QueryString.values[QueryString.values.length] = value; 
        } 
    } 
} 

function QueryString(key){ 
    var value = null; 
    for (var i=0;i<QueryString.keys.length;i++){ 
        if (QueryString.keys[i]==key){ 
            value = QueryString.values[i]; 
            break; 
        } 
    } 
    return value; 
} 

var minx;
var miny;
var maxx;
var maxy;
var identifyXCor;
var identifyYCor;

var x_Hightlight = new Array();
var y_Hightlight = new Array(); 
var Hightlight_Count = 0; 
var preminx = new Array();
var preminy = new Array();
var premaxx = new Array();
var premaxy = new Array();
var previewstep = 0;
var maxPreviewStep = 5;
var lastminx;
var lastminy;
var lastmaxx;
var lastmaxy;

var hspc = 130;
var vspc = 60;
var theTopMapDiv; 
var iTheWidth;
var iTheHeight; 
var theLevel;
var currentZoomFactor;
var LevelArray = new Array(370000, 307200, 153600,76800,38400,19200,9600,4800,2400,1200,600);

function handleMapExtent(xmin,ymin,xmax,ymax,level,isPreview,maptip){
    try {
        //alert(maptip);
        AddMapTipContent(maptip);    
        if( minx != xmin || miny != ymin || maxx != xmax || maxy != ymax){
           if(previewstep < maxPreviewStep && isPreview != 1){
                preminx[previewstep] = minx;
                preminy[previewstep] = miny;
                premaxx[previewstep] = maxx;
                premaxy[previewstep] = maxy;
                previewstep += 1;         
            }else{
            }
            minx = xmin;
            miny = ymin;
            maxx = xmax;
            maxy = ymax;
            
            if(level > 0){
                theLevel = level;
                currentZoomFactor = LevelArray[theLevel];
           } else{
                theLevel = 0;
                currentZoomFactor = LevelArray[0]  
            }
            window.setTimeout(' showIdentifyXY('+ identifyXCor +',' + identifyYCor + ');', 1000);
            setLocBox();  
            
        }
    } catch (e) {
    }
}

function zoomToPreExtent(){
 /*  var message = "MapZoomToPreview" + ":" + lastminx + ":" + lastminy + ":" + lastmaxx + ":" + lastmaxy;
     var context = "MapZoomToPreview";
     WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true);  
*/
     if(previewstep > 1){
        previewstep -= 1;  
        var message = "MapZoomToPreview" + ":" + preminx[previewstep]+ ":" + preminy[previewstep] + ":" + premaxx[previewstep]+ ":" + premaxy[previewstep];
        var context = "MapZoomToPreview";
        WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true);  
    }else{
      //  alert("previewstep: " + previewstep);
    }
   
}
  
var HouseXCoor;
var HouseYCoor;
var HouseXVCoor;
var HouseYVCoor;
var theHouseImgURL;
var theHouseImgPath;
var theHouseImgSerNo;
var HouseImgWidth = 280;
var HousImgHeight = 210;
function LoadHouseImg(str){
    var xy = str.split("|");
    theHouseImgURL = xy[0].substr(2);
    theHouseImgPath = xy[0];
    HouseXCoor = xy[1];
    HouseYCoor = xy[2];
    HouseXVCoor = xy[3];
    HouseYVCoor = xy[4];
    if (theHouseImgSerNo != xy[5]){ // without reload same img multiple time, actaully, the cache does the same thing already. 
        theHouseImgSerNo = xy[5];
        var theImge = document.getElementById("theMobileVideoImg");
        theImge.src="MobileImage.aspx?img=" + theHouseImgPath + "&w=" + HouseImgWidth + "&h=" + HousImgHeight;
    }
}
function ChangeLinkFont(linkid){
    var theImageLink = document.getElementById(linkid);
    theImageLink.style.background = "#d8d8d8"; 
//    theImageLink.style.fontfamily = "Arial Black";   
    var pos = linkid.indexOf("_"); 
    if(pos != -1){
        var id = linkid.substring(pos + 1);
        var prefix = linkid.substring(0, pos + 1);
        var num;
        if (parseInt(id) % 10 == 0){
            num = Math.floor(parseInt(id) / 10) - 1;
        }else{
            num = Math.floor(parseInt(id) / 10);
        }
        var num1 = parseInt(num * 10 + 1);
        var num2 = parseInt(num * 10 + 10);
        for(i=num1; i<= num2; i++){
            var newid = prefix + i;
            if(newid != linkid){
                var ImageLink = document.getElementById(newid);
                if (ImageLink != null){
                    ImageLink.style.background = "#000000";  
 //                 ImageLink.style.fontfamily = "Arial";  
               }
                
            }        
        }
    }
          

}

function LoadMoreHouseImg(pin,startnum,endnum){
    var message = "LoadMoreHouseImg" + ":" + pin+ ":" + startnum+ ":" + endnum;
    var context = "LoadMoreHouseImg";
    WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true);    
}
function IntialHouseImg(str){
    // first imge is load in server side and client need update the parm for client event
    var xy = str.split("|");
    theHouseImgPath = xy[0];
    HouseXCoor = xy[1];
    HouseYCoor = xy[2];
    HouseXVCoor = xy[3];
    HouseYVCoor = xy[4];
    theHouseImgSerNo = xy[5];
}

function OpenPic() {
	if (theHouseImgURL != ""){
		window.open( "PropertyPhoto.aspx?imgUrl=http://" + document.location.host + theHouseImgURL, "_houseimage","height=680, width=650, resizable=yes, scrollbars=yes");
	} 
}
function OpenPic(pid, addr, iwidth, iheight) {
	if (theHouseImgPath != ""){
		//window.open( "PropertyPhoto.aspx?imgUrl=http://" + document.location.host + theHouseImgURL + "&pid=" + pid + "&address=" + addr, "_houseimage","height=680, width=650, resizable=yes, scrollbars=yes");
		window.open( "PropertyPhoto.aspx?imgUrl=" + theHouseImgPath + "&pid=" + pid + "&address=" + addr + "&w=" + iwidth + "&h=" + iheight, "_houseimage","height=800, width=700, resizable=yes, scrollbars=yes");
	} 
}
function OpenPicOld(imageUrl) {
    imageUrl=decodeURI(imageUrl);
	if (imageUrl != ""){
		window.open( "PropertyPhoto.aspx?imgUrl=http://" + document.location.host + imageUrl, "_houseimage","height=680, width=650, resizable=yes, scrollbars=yes");
	} 
}

function showHousePic(){
	showFlash(HouseXCoor,HouseYCoor,"HouseImg");
	showFlash(HouseXVCoor,HouseYVCoor,"Vehicle");
	moveLayer("ImgLegend", map.viewWidth -(-10), 70);
}

function showHousePicOld(x0,y0,x1,y1){
	showFlash(x0,y0,"HouseImg");
	showFlash(x1,y1,"Vehicle");
	moveLayer("ImgLegend", map.viewWidth -(-10), 70);
}

function hideHousePic(){
	hideLayer("HouseImg");
	hideLayer("Vehicle");
	hideLayer("ImgLegend");
}

function showIdentifyCoorXY(x,y){
    x_Hightlight[0] = x;
    y_Hightlight[0] = y; 
    Hightlight_Count = 1;  
    showHighlightCoorXY();   
}

function showHighlightCoorXY(){
    if(Hightlight_Count >0 ){
        var x = x_Hightlight[0];
        var y= y_Hightlight[0]; 
        if((x >= minx) && (x <= maxx) && (y >= miny) && (y <=maxy)){
 	        var glowPixelX = hspc + (x - minx)*12*96/currentZoomFactor - 8;
	        var glowPixelY = vspc + (maxy - y)*12*96/currentZoomFactor - 8;
	        moveLayer("IdentifyCoorXY", glowPixelX, glowPixelY);
	        showLayer("IdentifyCoorXY");       
        }
        else{
            hideLayer("IdentifyCoorXY"); 
        }
	}
}

function showFlash(x,y,layerName){
	if((x >= minx) && (x <= maxx) && (y >= miny) && (y <=maxy)){
		var glowPixelX = 0;
		var glowPixelY = 0; 
		glowPixelX = Math.round(hspc + (x - minx)*12*96/currentZoomFactor - 8);
		glowPixelY = Math.round(vspc + (maxy - y)*12*96/currentZoomFactor - 8);
		moveLayer(layerName, glowPixelX, glowPixelY);
		showLayer(layerName);
	    showLayer("ImgLegend");
	}
}

//glow function
function showGlow(x, y){//alert("Glow: " + minx + "--" + miny + "--" + maxx + "--" + maxy );
    var glowvisible = true;
    var glowPixelX = 0;
    var glowPixelY = 0;	
    if((x >= minx) && (x <= maxx) && (y >= miny) && (y <=maxy)){
		glowPixelX = hspc + (x - minx)*12*96/currentZoomFactor - 40;
		glowPixelY = vspc + (maxy - y)*12*96/currentZoomFactor - 40;
		glowvisible = true;
	} else {
		glowvisible = false;
	}
	if(glowvisible){
		moveLayer("Glow", glowPixelX, glowPixelY);
		showLayer("Glow");
	} else {
		hideLayer("Glow");
	}	
}

//row highlight
function rowHighlight(thisRow,rowOff) {
  if (rowOff == 0) {
    thisRow.style.background = "#d8d8d8"
  } else {
    thisRow.style.background = "#e9ac56"
  }
}

/*
function showDetails(url){
	detailsWin = window.open(url, "Details");	
	detailsWin.focus();	
}
*/
function TrimString(sInString) {
	sInString = sInString.replace( /^\s+/g, "" );// strip leading
	return sInString.replace( /\s+$/g, "" );// strip trailing
} 


//XMlHttp for Owner
 var FindOwnerLookup = new XMLHTTPSuggest(); 
 onLoadFindOwnerAJAX();
 function onLoadFindOwnerAJAX(){
	FindOwnerLookup.setLookupURL("XMLHttp_Response_AJAX.aspx?tagid=FindOwnerLookup&owner=");
	onSuggestFieldFocus(FindOwnerLookup);
	FindOwnerLookup.InitQueryCode('FindOwnerLookup','txtOwner');
}

//XMlHttp for Owner
 var FindPropertyNameLookup = new XMLHTTPSuggest(); 
 onLoadFindPropertyNameAJAX();
 function onLoadFindPropertyNameAJAX(){
	FindPropertyNameLookup.setLookupURL("XMLHttp_Response_AJAX.aspx?tagid=FindPropertyNameLookup&PropertyName=");
	onSuggestFieldFocus(FindPropertyNameLookup);
	FindPropertyNameLookup.InitQueryCode('FindPropertyNameLookup','txtPropertyName');
}

//XMlHttp for Address
 var FindFullStreetLookup = new XMLHTTPSuggest(); 
 onLoadFindStreetAJAX();
 function onLoadFindStreetAJAX(){
	FindFullStreetLookup.setLookupURL("XMLHttp_Response_AJAX.aspx?tagid=FindFullStreetLookup&stfullname=");
	onSuggestFieldFocus(FindFullStreetLookup);
	FindFullStreetLookup.InitQueryCode('FindFullStreetLookup','txtStName');
}

//XMlHttp for intersection 1
 var FindIntersectionStrOneLookup = new XMLHTTPSuggest(); 
 onLoadFindIntersectionAJAX();
 function onLoadFindIntersectionAJAX(){
	FindIntersectionStrOneLookup.setLookupURL("XMLHttp_Response_AJAX.aspx?tagid=FindIntersectionStrOneLookup&intersectname1=");
	onSuggestFieldFocus(FindIntersectionStrOneLookup);
	FindIntersectionStrOneLookup.InitQueryCode('FindIntersectionStrOneLookup','intersectname1');
}


// XMlHttp for intersection 2
var xmlHttp2;
function listInterStr(){
	var intersectname1 = document.getElementById("intersectname1").value; 
 	if (intersectname1 == ""){
 		alert("Street One could not be empty.");
 		return;
 	}
	
	xmlHttp2=getXMLHTTP();
	if (xmlHttp2==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 
 	
	xmlHttp2.onreadystatechange=PopStrList; 
	xmlHttp2.open("GET", "XMLHttp_Response_AJAX.aspx?intersectname2=" + intersectname1, true);
	xmlHttp2.send(null);
}

function PopStrList() 
{ 
	if (xmlHttp2.readyState==4 || xmlHttp2.readyState=="complete")
	{ 
		//alert(xmlHttp2.responseText);
		eval(xmlHttp2.responseText);
	} 
} 
function showQueryDropList(queryString, resultArray1){
	var selObject = document.getElementById("intersectname2");
	clear(selObject);
//	appendOptionList(selObject, "", "--- Select street two ---");
	for (var i = 0; i < resultArray1.length -1; i++){
		appendOptionList(selObject, resultArray1[i], resultArray1[i]);
	}
}
	
function appendOptionList(elSel, strVal, strText)
{
  var elOptNew = document.createElement('option');
  elOptNew.text = strText;
  elOptNew.value = strVal;

  try {
    elSel.add(elOptNew, null); // standards compliant; doesn't work in IE
  }
  catch(ex) {
    elSel.add(elOptNew); // IE only
  }
}

function clear(elSel){
     for (var i = (elSel.options.length-1); i >= 0; i--){
         elSel.options[i]=null;
     }
}

//Zoom map to x y coordinates
function ZoomToPoint(x, y){
    var message = "MapZoomToPoint" + ":" + x + ":" + y;
    var context = "MapZoomToPoint";
    WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true);       
}


// mailing label
 var curType;
 var MailLabelLookup = new XMLHTTPSuggest(); 
 initOption()
 function initOption(){
	document.getElementById('RadioBuffer').checked = true;
	setLableType('Buffer');
 }
 function setLableType(theType){
 
	var content;
	if (curType != theType){
		if(theType == "Buffer"){
			content = '<table  cellSpacing="0" cellPadding="3" border="0">';
			content = content + '<tr><td colspan="3" class="tdLabel"><b>Create Labels from Buffer</b></td>';
			content = content + '<tr><td colspan="3" class="tdLabel"><li>Use the select parcel tool to select a parcel.</td>';
			content = content + '<tr><td colspan="3" class="tdLabel"><li>Input Buffer Distance (feet):</td>';
			content = content + '<tr><td colspan="1"><input type="text" id="radius" class="inPutString" onFocus="this.style.backgroundColor=\'EBF5F5\'" onBlur="this.style.backgroundColor=\'FFFFFF\'" name="radius" size="6" maxlength="4"></td>';
			content = content + '<td class="tdLabel" colspan="2"><font size="1">(Maximum: 1320 feet \/ 0.25 mile)</font></td></tr>';
			content = content + '</table>';
			document.getElementById('lableOption').innerHTML=content;
			
			content = '<B><I>Tip:</I></B><br><img alt="" src="images/Dot_Orange.gif"/> The maximum buffer radius is 1320 feet (0.25 miles).<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Using large radius will extend generation time.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Please contact us if you need large buffer radius.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Input buffer radius and click "Buffer" button or hit the "Enter" key to generate buffer.<br />';
			document.getElementById('DivMailingTip').innerHTML=content;
						
		}else if(theType == "Subdivision"){
			content = '<table  cellSpacing="0" cellPadding="3" border="0">';
			content = content + '<tr><td colspan="3" class="tdLabel"><b>Create Labels from Subdivision</b></td></tr>';
			content = content + '<tr><td colspan="3" class="tdLabel">Input Subdivision Name:</td></tr>';
			content = content + '<tr><td colspan="3"><input type="text" class="inPutString" onFocus="onSuggestFieldFocus(MailLabelLookup);this.style.backgroundColor=\'EBF5F5\'" onBlur="this.style.backgroundColor=\'FFFFFF\'" id="Subdivision" name="Subdivision" size="45" maxlength="45" autocomplete="off"></td></tr>';
			content = content + '</table>';
			document.getElementById('lableOption').innerHTML=content;
			
			MailLabelLookup.setLookupURL("XMLHttp_Response_AJAX.aspx?tagid=MailLabelLookup&Subdivision=");
			onSuggestFieldFocus(MailLabelLookup);
			MailLabelLookup.InitQueryCode('MailLabelLookup','Subdivision');
				
			//InitQueryCode('Subdivision', 'XMLHttp_Response_AJAX.aspx?Subdivision=');
			
			content = '<B><I>Tip:</I></B><br><img alt="" src="images/Dot_Orange.gif"/> Type the subdivision name.';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> The system will dynamically list a set of suggested subdivision names.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Select the subdivision name by using mouse or "Up/Down" keys.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Click "Search" button or hit the "Enter" key to start search.<br />';
			document.getElementById('DivMailingTip').innerHTML=content;
				
		}else if(theType == "Street"){
			content = '<table  cellSpacing="0" cellPadding="3" border="0">';
			content = content + '<tr><td colspan="3" class="tdLabel"><b>Create Labels from Street Name</b></td>';
			content = content + '<tr><td colspan="3" class="tdLabel">Input Street Name:</td></tr>';
			content = content + '<tr><td colspan="3"><input type="text" class="inPutString" onFocus="onSuggestFieldFocus(MailLabelLookup);this.style.backgroundColor=\'EBF5F5\'" onBlur="this.style.backgroundColor=\'FFFFFF\'" id="mailStrfullname" name="mailStrfullname" size="30" maxlength="30" autocomplete="off"></td></tr>';
			content = content + '<tr><td colspan="3" class="tdLabel"><FONT color= #ff9933 size="1">(Street Name only, no direction & Type)</FONT></td></tr>';
			content = content + '</table>';
			document.getElementById('lableOption').innerHTML=content;
			
			MailLabelLookup.setLookupURL("XMLHttp_Response_AJAX.aspx?tagid=MailLabelLookup&stfullname=");
			onSuggestFieldFocus(MailLabelLookup);
			MailLabelLookup.InitQueryCode('MailLabelLookup','mailStrfullname');
			
			//InitQueryCode('stfullname', 'XMLHttp_Response_AJAX.aspx?stfullname=');	
			
			content = '<B><I>Tip:</I></B><br><img alt="" src="images/Dot_Orange.gif"/> Type the street name.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> The system will dynamically list a set of suggested street names, which might include the street direction and street type.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> You can either select the name from the list (by mouse or "Up/Down" keys), or input the name as you desired.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Click "Search" button or hit the "Enter" key to start search.<br />';
			document.getElementById('DivMailingTip').innerHTML=content;
		}else if(theType == "Area"){
			content = '<table  cellSpacing="0" cellPadding="3" border="0">';
			content = content + '<tr><td colspan="3" class="tdLabel"><b>Create Labels from Customized Area</b></td>';
			content = content + '<tr><td colspan="1"><img style="background-color:#FF9900" alt="Polygon" id="imgSelectDrawArea" onmousedown="javascript:startDrawPolygon(\'polygon\')"  src="images/polygonU.gif" /></td>';
			content = content + '<td colspan="2" class="tdLabel">Zoom map into the level that parcel boundary is displayed. <br> Select the button on the left. <br> Draw the polygon on the map to define area. <br> Double click to finish drawing.</td></tr>';
			content = content + '</table>';
			document.getElementById('lableOption').innerHTML=content;
			
			content = '<B><I>Tip:</I></B><br><img alt="" src="images/Dot_Orange.gif"/> The maximum area is 1/4 square miles.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Maximum return records is 500.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Zoom map under certain scale (1 inch <= 800 ft) when parcel bounday is displayed.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Draw the polygon on the map to define area, double click to finish drawing.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Click "Search" button to start search.<br />';
			document.getElementById('DivMailingTip').innerHTML=content;
		}	
		curType = theType;
	}

 } 
 
 function doSearcLabel(){
    var hasPID = document.getElementById("ckboxMialLabelPID").checked; 
    var message = "";
    var context = "";
//    if (document.getElementById("ckboxMialLabelPID").checked==true){
//        hasPID = 1;
//    }
 //   alert(hasPID);  
    showLayer("Panel_ajax_Status");
  //  WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true); 
 	switch(curType) {
		case "Buffer":
  			var theRadius = parseInt(document.getElementById("radius").value); 
			var thePIN = document.getElementById("pin").value;
  			if(thePIN == ""){
 				alert("Please select a parcel before using the buffer tool.");
 			} else {
				if((theRadius > 0) && (theRadius <= 1320)){
				    //window.open( "http://paraster.ocpafl.org/webmap/search_Label_Ajax.asp?pin=" + thePIN + "&radius=" + theRadius, "_blank","height=500, width=300, resizable=yes, scrollbars=yes");
                    
                    message = "SearchLabelBuffer" + ":" + thePIN + ":" + theRadius + ":" + hasPID;
                    context = "SearchLabelBuffer";
                    WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true); 
                    
				} else {
					alert("Invalid buffer distance specified. Please select a distance between 1 and 1320 feet [1/4 mile].");
				}
  			}
		break;
		case "Subdivision":
 			var subname = document.getElementById("Subdivision").value;
 			if(subname == ""){
 				alert("Please input Subdivision Name.");
 			} else {
 				//window.open( "http://paraster.ocpafl.org/webmap/search_Label_Ajax.asp?subname=" + subname, "_blank","height=500, width=300, resizable=yes, scrollbars=yes");
                message = "SearchLabelSub" + ":" + subname + ":" + hasPID;
                context = "SearchLabelSub";
                WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true); 
                
  			}	
			break;
		case "Street":
			var stfullname = document.getElementById("mailStrfullname").value;
			//var cityname = theForm.cityname.options[theForm.cityname.options.selectedIndex].value;
  			if(stfullname == ""){
 				alert("Please input Street Name.");
 			} else {
  				//window.open( "http://paraster.ocpafl.org/webmap/search_Label_Ajax.asp?stfullname=" + stfullname, "_blank","height=500, width=300, resizable=yes, scrollbars=yes");
                
                message = "SearchLabelStreet" + ":" + stfullname + ":" + hasPID;
                context = "SearchLabelStreet";
                WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true); 
                
  			}
			break;
  		case "Area":
  		    map = Maps[map.controlName];
	        if (map!=null) {
	            if(map.level < 6){
	                alert("Please zoom map into the level that parcel boundary is displayed, then try again.");
	            }else{
	                var coords = map.coords.replace(/:/g, "-");
                    message = "SearchLabelArea" + ":" + coords + ":" + hasPID;  
                    context = "SearchLabelArea";
                    WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true); 	
                }        
  		    }
			break;
		default:
	}
	 hideLayer("Panel_ajax_Status");
 }

function CreateLabels(theFile) {
  	window.open( "http://paraster.ocpafl.org/webmap/create_labels_remote.asp?fid=" + theFile, "_blank","resizable=yes, scrollbars=yes");
//	theForm = document.forms[0];
//	theLbl = theForm.mlList.options[theForm.mlList.options.selectedIndex].value;
//	theURL = "MailLabel.aspx?LBL="+theLbl+"&FID="+theFile;
//	window.open(theURL, "Labels", "width=790, toolbar=0, scrollbars=1, menubar=1, status=1, resizable=1, left=20, top=0");
} 

//set loc box
var	fminX = 421871;
var	fminY = 1413520;
var	fmaxX = 721940;
var	fmaxY = 1665764;
var	pX1 = 0;
var	pX2 = 0;
var	pY1 = 0;
var	pY2 = 0;
function setLocBox(){
	pX1 = (minx - fminX) / (fmaxX - fminX) * 120;
	pX2 = (maxx - fminX) / (fmaxX - fminX) * 120;
	pY1 = (fmaxY - maxy) / (fmaxY - fminY) * 100;
	pY2 = (fmaxY - miny) / (fmaxY - fminY) * 100;
	var SwitchColor = false;
	var pX1Int = parseInt(pX1);
	var pX2Int = parseInt(pX2);
	var pY1Int = parseInt(pY1);
	var pY2Int = parseInt(pY2);
	
	if(pX2Int - pX1Int < 10 ||pY2Int - pY1Int < 10){
		SwitchColor = true;
		if(pX2Int - pX1Int < 6){
			pX2Int = pX1Int + 6;
		}
		if(pY2Int - pY1Int < 6){
			pY2Int = pY1Int + 6;
		}
	}
	clipLocLayer("LocBox", pX1Int, pY1Int, pX2Int, pY2Int);
	if(pX2Int - pX1Int < 100){
		showLayer("LocBox");
	}
	else{
	    hideLayer("LocBox");
	}
	if(SwitchColor){
		setLayerBackgroundColor("LocBox", "red"); 
	}
	else{
	    setLayerBackgroundColor("LocBox", ""); 
	}
	
}
function clipLocLayer(name, clipleft, cliptop, clipright, clipbottom) {	
	var layer = getLayer(name);
	if (layer!=null) {
	    var isIE = (window.navigator.appName.toLowerCase().indexOf("microsoft")>=0);
	    if(isIE){
		    layer.clip = 'rect(' + cliptop + ' ' +  clipright + ' ' + clipbottom + ' ' + clipleft +')'; 
		}else{
		    layer.clip = 'rect(' + cliptop + 'px ' +  clipright + 'px ' + clipbottom + 'px ' + clipleft +'px)'; 
        }
	} 
	return false;
}

function NavMapbyLocBox(event){//alert(event.clientX);
	var dx = pX2 - pX1;
	var dy = pY2 - pY1;

	pX2 = parseFloat(event.clientX + dx/2);
	pX1 = parseFloat(event.clientX - dx/2); 
	pY2 = parseFloat(event.clientY + dy/2 -30);
	pY1 = parseFloat(event.clientY - dy/2 -30); 

	minx = parseFloat(pX1 * (fmaxX - fminX) / 120 + fminX);
	maxx = parseFloat(pX2 * (fmaxX - fminX) / 120 + fminX);
	miny = parseFloat(fmaxY - pY2 * (fmaxY - fminY) / 100);		
	maxy = parseFloat(fmaxY - pY1 * (fmaxY - fminY) / 100);		
	
    var message = "OVMapZoomToBox" + ":" + minx+ ":" + miny + ":" + maxx+ ":" + maxy;
    var context = "OVMapZoomToBox";
    WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true);  	
}

function AddMapTipContent(result){
    if(result != ""){
     //   alert(result); 
        var pos = result.indexOf('MaptipSales'); 
        if (pos >= 0){
            moveLayer("SalesLegend", 150, 70);       
            showLayer("SalesLegend");
       }else{
        hideLayer("SalesLegend")
        }
        document.getElementById('maptiplayer').innerHTML = result;
    }
    else{
        document.getElementById('maptiplayer').innerHTML = "";
        hideLayer("SalesLegend");
    }
}

function OpenHouseImage(sPID, sAdd){
	if (sPID != ""){
		window.open( "ShowMobileImage.aspx?pin=" + sPID + "&addr=" + sAdd, "_houseimage","height=800, width=700, resizable=yes, scrollbars=yes");
	} 
}

//show sales report
function showSalesReportbyPin(pin){
	theURL = "http://Paarcgis2.ocpafl.org/salesreport/default.aspx";
	if(pin != ""){
		var xFactor = (maxx - minx) / 2;
		var yFactor = (maxy - miny) / 2;
		var selX = minx + xFactor;
		var selY = miny + yFactor;
		theURL = theURL + "?cmd=SELECTSALES&selX="+selX+"&selY="+selY;
		//alert(theURL);
	}
	salesWin = window.open(theURL, "Sales", "width=600,height=600,toolbar=0,menubar=0,scrollbars=1,resizable=1,left=10,top=10");	
}

function showImgLinkDiv(link, event){
    if(link!=""){
        var imageString = "<img id='theMobileVideoImgLink' onmouseover='javascript:hideLayer(\"ImegLinkDiv\")' src='http://paarcgis.ocpafl.org/webmap/MobileImage.aspx?img=";
        imageString += link + "&w=280&h=210' style='border: 1px solid rgb(150, 150, 150); cursor: pointer;' width='280' height='210'>";
        document.getElementById('ImegLinkDiv').innerHTML = imageString;
        var x; 
        var y;
        x =  event.clientX - 300;
        if (event.clientY > screen.height - 400){
            y = screen.height - 400;
        }else{
            y = event.clientY;
        }
        // alert(x + "--" + y);
        moveLayer("ImegLinkDiv", x , y);  
        showLayer("ImegLinkDiv");
    }else{
        document.getElementById('ImegLinkDiv').innerHTML = "";
        hideLayer("ImegLinkDiv");
    }
}

function showHelp() {
	var helpWin;
	helpWin = window.open("Help/Default.htm", "help", "width=560,height=700,toolbar=0,menubar=0,scrollbars=1,resizable=1,left=340,top=0");
	helpWin.focus();
}
  
function startDrawPolygon(opt){
    map = Maps[map.controlName];
	if (map!=null) {
	    if(map.level < 6){
	         alert("Please zoom map into the level that parcel boundary is displayed, then try again.");
	    }else{
	        var img = document.getElementById("imgSelectDrawArea");
	        img.src="images/polygonD.gif"; 
	        var vo = map.vectorObject;
	        vo.clear();
    //	    var drawPolygonVectorCallbackFunctionString = "WebForm_DoCallback('__Page',argument,processCallbackResult,context,null,true)";
	        var drawPolygonVectorCallbackFunctionString = "";
            map.vectorCallbackFunctionString = drawPolygonVectorCallbackFunctionString;
            vectortoolbar = "MeasureToolbar";
		    map.setTool("DrawPolygon", false, "ClickShape", "crosshair", 2, "visible", 
		    "DrawPolygon - Click to start line. Click again to add vectors. Double-click to add last vector and complete polygon.", false, drawPolygonVectorCallbackFunctionString);
	    }
	}
}

var CoordinatesType="";
setCoordinatesType("StateXY");
function setCoordinatesType(theType){
    var content;
    if (CoordinatesType != theType){
	    if(theType == "StateXY"){
		    content = '<table  cellSpacing="0" cellPadding="3" border="0">';
		    content = content + '<tr><td colspan="3" class="tdLabel"><b>Search by State Plane X and Y coordinates:</b></td>';
		    content = content + '<tr><td colspan="2" class="tdLabel">X:</td><td colspan="1" class="tdLabel"><input type="text" id="txtCorX" class="inPutString" onFocus="this.style.backgroundColor=\'EBF5F5\'" onBlur="this.style.backgroundColor=\'FFFFFF\'" size="15">(e.g., 534197.86)</td></tr>';
		    content = content + '<tr><td colspan="2" class="tdLabel">Y:</td><td colspan="1" class="tdLabel"><input type="text" id="txtCorY" class="inPutString" onFocus="this.style.backgroundColor=\'EBF5F5\'" onBlur="this.style.backgroundColor=\'FFFFFF\'" size="15">(e.g., 1529089.33)</td></tr>';
		    content = content + '</table>';
		    document.getElementById('DivCoordinatesOption').innerHTML=content;
		    
		    content = '<B><I>Tip:</I></B><br><img alt="" src="images/Dot_Orange.gif"/> NAD_1983_StatePlane_Florida_East_FIPS_0901_Feet.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Geographic extent for Orange County: <br> minx=445161; maxy=1459096; <br> maxx=697783; maxy=1618853.<br />';
			document.getElementById('DivCoordinatesTip').innerHTML=content;
    					
	    }else if(theType == "LatLong"){
		    content = '<table  cellSpacing="0" cellPadding="3" border="0">';
		    content = content + '<tr><td colspan="3" class="tdLabel"><b>Search by Lat-Long (Decimal Degree):</b></td>';
		    content = content + '<tr><td colspan="2" class="tdLabel">Lat: (North)</td><td colspan="1" class="tdLabel"><input type="text" id="txtlat" class="inPutString" onFocus="this.style.backgroundColor=\'EBF5F5\'" onBlur="this.style.backgroundColor=\'FFFFFF\'" size="15">(e.g., 28.5395)</td></tr>';
		    content = content + '<tr><td colspan="2" class="tdLabel">Long: (West)</td><td colspan="1" class="tdLabel"><input type="text" id="txtlong" class="inPutString" onFocus="this.style.backgroundColor=\'EBF5F5\'" onBlur="this.style.backgroundColor=\'FFFFFF\'" size="15">(e.g., 81.3795)</td></tr>';
		    content = content + '</table>';
		    document.getElementById('DivCoordinatesOption').innerHTML=content;
		    
		    content = '<B><I>Tip:</I></B><br><img alt="" src="images/Dot_Orange.gif"/> GCS_North_American_1983.<br />';
			content = content + '<img alt="" src="images/Dot_Orange.gif"/> Geograpic extent for Orange County: <br> Latitude (N28.348 - N28.786) <br> Longitude (W80.871 - W81.477)<br />';
			document.getElementById('DivCoordinatesTip').innerHTML=content;

	    }	
	    CoordinatesType = theType;
    }
} 

function HoverOnShowPopUp(event){
    moveLayer("WorkingValuePopUpDiv", event.clientX - 300 , event.clientY - 85);
    showLayer("WorkingValuePopUpDiv");  
}

function HoverOffHidePopUp(){
    hideLayer("WorkingValuePopUpDiv");  
}

function HoverOnShowDorCode(event, code){ 
    var x = event.clientX - 300;
    var y = event.clientY - 65;
    var message = "SearchDorCode" + ":" + code + ":" + x + ":" + y;
    var context = "SearchDorCode";
    WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true); 
}

function DisplayDorCode(str, x, y){
        var len = str.length;
        if(len > 100){
            document.getElementById("DorCodeDiv").style.height = 60 + "px";
        }else{
            document.getElementById("DorCodeDiv").style.height = 40 + "px";
        }
        document.getElementById("DorCodeDiv").innerHTML=str;
        moveLayer("DorCodeDiv", x, y);
        showLayer("DorCodeDiv");    
}

function HoverOffHideDorCode(){
    hideLayer("DorCodeDiv");  
}