﻿//QueryString.keys = new Array(); 
//QueryString.values = new Array(); 
//QueryString_Parse(); 

////// parse pin
////var cmd = QueryString("CMD");
var Base_On = true;
var BaseTrans_On = false;
var Foreclosure_On = false;
var Aerial_On = false;
QueryString.keys = new Array();
QueryString.values = new Array();
QueryString_Parse();

////// parse pin
////var cmd = QueryString("CMD"); 
////if (cmd !=null && cmd =="SELECTSALES" ){
//////    setDrawToolbarTool("point"); 
////    var pointImg = $get("imgSelectDrawPoint");
////    alert(pointImg);
////    pointImg.src="images/gpPointD.bmp";
//////    startDraw('point');
////}
var foreclosure = QueryString("FORECLOSURE");
if (foreclosure != null) {
    Foreclosure_On = true;
    //    var isForeclosureChecked = $get("CkboxForeclosure"); 
    //    var ForeclosureCkbox = $get("CkboxForeclosure");
    //    ForeclosureCkbox.checked = true;
    //    alert(isForeclosureChecked.checked);
    //    toggleMapResource("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 isNav = (window.navigator.appName.toLowerCase().indexOf("netscape")>=0);
var isIE = (window.navigator.appName.toLowerCase().indexOf("microsoft")>=0);
var userAgent = navigator.userAgent;
var navType = "IE";
var nav70 = false;
var nav8 = false;
var isNav4 = false;

// get flavor of mozilla/netscape
if (isNav) {
	// test for Netscape 7.0 because of a CSS rendering quirk
	if (parseFloat(navigator.appVersion)<5) {
		isNav4=true;
	}
	nav70 = (userAgent.indexOf("Netscape/7.0")!=-1);
	if (userAgent.indexOf("FireFox")!=-1) {
		navType = "FireFox";
	} else if (userAgent.indexOf("Opera")!=-1) {
		navType = "Opera";
	} else if (userAgent.indexOf("Safari")!=-1) {
		navType = "Safari";
	} else if (userAgent.indexOf("Netscape")!=-1) {
		navType = "Netscape";
		nav8 = (userAgent.indexOf("Netscape/8")!=-1);
	} else {
		navType = "Mozilla";
	}
}
// if IE, check for major versions
if (isIE) {
    var verPos = userAgent.indexOf("MSIE ");
    verPos +=5;
    var ieVersion = parseInt(userAgent.substring(verPos));
    if (isNaN(ieVersion)) ieVersion = 6; // default to 6; 
}


function showPanel(sPanel){
    oldPanel = document.frmMain.panel.value;
    hidePanel(oldPanel); 
    thePanel = document.getElementById(sPanel);
    if(thePanel != null){
        thePanel.style.visibility = "visible";
   }
    document.frmMain.panel.value = sPanel;
}


//hide panel
function hidePanel(sPanel){
    thePanel = document.getElementById(sPanel);
    if(thePanel != null){
        thePanel.style.visibility = "hidden";
    }
}

function SearchMenu(searchOption){
    if(searchOption=="Parcel ID"){
        showPanel("Panel_Search_PIN");
    }

}


var minx;
var miny;
var maxx;
var maxy;
var mapscale;
var glowvisible = true;
var glowPixelX = 0;
var glowPixelY = 0;
var hspc = 15;
var vspc = 45;

function handleMapExtent(xmin,ymin,xmax,ymax, scale){
    try {
        if( minx != xmin || miny != ymin || maxx != xmax || maxy != ymax){
            minx = xmin;
            miny = ymin;
            maxx = xmax;
            maxy = ymax;
            mapscale = scale;
        }
    } catch (e) {
    }
}


//glow function
function showGlow(x, y){
    var glowvisible = true;
    var glowPixelX = 0;
    var glowPixelY = 0;	
    if((x >= minx) && (x <= maxx) && (y >= miny) && (y <=maxy)){
		glowPixelX = hspc + (x - minx)*12*96/mapscale - 40;
		glowPixelY = vspc + (maxy - y)*12*96/mapscale - 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 ExportExcel(){
	var win = window.open("ExportExcel.aspx", 'WinExport','width=800,scrollbars,menubar,resizable');
	win.focus();
}

function OpenPrint(){
//	var imageUrl;
//	if (document.getElementById("ckbPrint").checked){
//		imageUrl = document.getElementById("imgMap").src;
//		var win = window.open("SalesInfoPrint.aspx?imageUrl=" + imageUrl, 'WinPrint','width=800,scrollbars,menubar,resizable');

//	}
//	else{
		var win = window.open("SalesInfoPrint.aspx", 'WinPrint','width=800,scrollbars,menubar,resizable');
//	}
//	win.focus();
}
var SaleTypeIndex;
function GetPrintableMap() {
    var selectBox = $get("ddlSaleType");
    SaleTypeIndex = selectBox.selectedIndex;
    var isPrintMap = $get("cboxPrintMap");
    if(isPrintMap.checked != true){
        ShowPrintableMap(0);
    }else{
        var message = "GetPrintableMap";
        var context = "GetPrintableMap";
        WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true); 
    }
}

//show printable map
function ShowPrintableMap(opt){
    var theURL = "SalesInfoPrint.aspx?printmap=" + opt + "&saletype=" + SaleTypeIndex;
    var printWin = window.open(theURL, "_blank", "width=800,height=700,toolbar=0,menubar=1,scrollbars=1,resizable=1,left=0,top=0");
    if (window.focus){
        printWin.focus();
    }
	return false;

}

function zmParcels(x,y){
    var message = "ZoomToCoorXY" + ":" + x + ":" + y;
    var context = "ZoomToCoorXY";
    WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true);   
}

function OpenHouseImage(sPID, sAdd){
	if (sPID != ""){
//	    window.open("http://" + "paarcgis.ocpafl.org" + "/Webmap1/ShowMobileImage.aspx?pin=" + sPID + "&addr=" + sAdd, "_houseimage", "height=680, width=650, resizable=yes, scrollbars=yes");
	    window.open("ShowMobileImage.aspx?pin=" + sPID + "&addr=" + sAdd, "_houseimage", "height=680, width=650, resizable=yes, scrollbars=yes");
	} 
}

function toggleMapResource(opt){
    var sMap = "";
//    var Aerial2008_On = false;
//    var Base_On = true;
//    var BaseTrans_On = false;
    if(opt=="Map"){
        Aerial_On = false;
        Base_On = true;
        BaseTrans_On = false;
    }else if(opt=="Aerials"){
        Aerial_On = true;
        Base_On = false;
        BaseTrans_On = false;
    }
    else if (opt == "Hybrid") {
        Aerial_On = true;
        Base_On = false;
        BaseTrans_On = true;
    }
    else if (opt == "Foreclosure") {
        var isForeclosureChecked = $get("CkboxForeclosure");
        if (isForeclosureChecked.checked == true) {
            Foreclosure_On = true;
//            var txt = "<B><U>How to identify foreclosed property?</u></b><br />";
//            txt += " Click the <img src='images/Identify_trans.gif' style='vertical-align: bottom' /> tool located at the top of the map. ";
//            txt += " Then, click on the <img src='images/Home_Orange.gif' style='vertical-align: bottom' /> icon.";
//            txt += " Next, click on the Parcel number link from the results to view detailed information.";
//            showResultsContent(txt);
        } else {
            Foreclosure_On = false;
//            showResultsContent("");
        }     
    }
    sMap = Aerial_On + ":" + Base_On + ":" + BaseTrans_On + ":" + Foreclosure_On;
    var message = "ToggleMapResource" + ":" + sMap;
    var context = "ToggleMapResource";
    WebForm_DoCallback('__Page',message,processCallbackResult,context,postBackError,true);   
}

function onCalendarShown(sender,args){
    //sender._switchMode("years", true);                 
    sender._switchMode("months", true);
}

function showImgLinkDiv(pin, event) {
    if (pin != "") {
        var imageString = "<img id='theMobileVideoImgLink' onmouseover='javascript:hideLayer(\"ImegLinkDiv\")' src='GetMVImageFile.aspx?pin=";
        imageString += pin + "&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 + 20;
        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 HoverOnShowSchoolsInfo(event, pid) {
    if (pid != "") {
        var x = event.clientX - 300;
        var y = event.clientY - 65;
        var message = "FindSchoolsInfo" + ":" + pid + ":" + x + ":" + y;
        var context = "FindSchoolsInfo";
        WebForm_DoCallback('__Page', message, processCallbackResult, context, postBackError, true);
    }    
}

function DisplaySchoolsInfo(str, x, y) {
    document.getElementById("SchoolInfoDiv").innerHTML = str;
    var content = '<table class="maptiptable" ><tr><td width="100%" align="center" ><B>School Information</B></td><td width="15" valign="top"><img onclick="HoverOffHideSchoolsInfo();" style="float: right; CURSOR: pointer" onmouseover="this.src =\'images/close_o.gif\'" onmouseout="this.src = \'images/close.gif\'" height="13" alt="Close" src="images/close.gif" /></td><tr>';
    content += '<tr><td width="100%" colspn="2" >' + str + '</td><tr></table>';
    document.getElementById("SchoolInfoDiv").innerHTML = content;
    moveLayer("SchoolInfoDiv", x, y);
    showLayer("SchoolInfoDiv");
}

function HoverOffHideSchoolsInfo() {
    hideLayer("SchoolInfoDiv");
}


function showResultsContent(rStr) {
    if (rStr != "") {
        var str = rStr.split(":");
        DisplayInfoWin(str[0], str[1], str[2], str[3],str[4]);
    }
}
var selectedForeclosureIndex = 0;
var selectedForeclosureLength = 1;

function showResultsContent2(rStr) {
//    alert(rStr);
    if (rStr != "") {
        var str = rStr.split(":-:-:");

        var x = parseInt(str[0]) + 20;
        var y = parseInt(str[1]) + 55;
        selectedForeclosureLength = parseInt(str[2])
        var content = str[3];
        var contentlist = str[4];
        document.getElementById('Foreclosurelayer').innerHTML = contentlist;
        document.getElementById('InfoWinDiv').innerHTML = content;
        SelectForeclosure(0);
        moveLayer("InfoWinDiv", x, y);
        showLayer("InfoWinDiv");
    }
}

function DisplayInfoWin(x, y, pid, address, owner) {
    var content = '';
    content += '<div id="InfoWinTitle" class="InfoWinTitleDiv"><table><tr><td width="100%" align="center" ><b>Parcel Info</B></td><td width="15" valign="top"><img onclick="hideInfoWinDiv();" style="float: right; CURSOR: pointer" onmouseover="this.src =\'images/close_o.gif\'" onmouseout="this.src = \'images/close.gif\'" height="13" alt="Close" src="images/close.gif" /></td><tr></table></div>';
    content += '<div id="InfoWinBodyDiv" class="InfoWinBodyDiv"><table border="0" cellpadding="0" cellspacing="2" >';
    content += '<tr><td><b><font color="black">PID: </font></b></td><td><a href="http://www.ocpafl.org/pls/webappI/get_parcel_master?pid=' + pid + '&query_data=1111111P&tax_year=0000" target="_detail">' + pid + '</a></td></tr>';
    content += '<tr><td><b><font color="black">ADDRESS: </font></b></td><td>' + address + '</td></tr>';
    content += '<tr><td><b><font color="black">OWNER: </font></b></td><td>' + owner + '</td></tr>';
    content += '<tr><td><b><font color="black">Picture: </font></b></td><td><a href="http://paarcgis.ocpafl.org/Webmap/Remote_getMVImage2.aspx?pid=' + pid + '&address=' + address + '" target="_blank"><img src="images/house_icon2.gif" style="vertical-align: bottom;" alt="Street Images" border="0" /></a>';
    content += '</table></div>';
    document.getElementById('InfoWinDiv').innerHTML = content;
    var x = parseInt(x) + 20;
    var y = parseInt(y) + 55;
    moveLayer("InfoWinDiv", x, y);
    showLayer("InfoWinDiv");
}

function hideInfoWinDiv() {
    var InfoWinDiv = getLayer("InfoWinDiv");
    InfoWinDiv.visibility = "hidden";
}

function ChangeIndex(index) {
    if (selectedForeclosureIndex != index) {
        selectedForeclosureIndex = index
        SelectForeclosure(index);
    }

}


function MoveNext(step) {
    if (step == 1 && selectedForeclosureIndex < selectedForeclosureLength - 1) {
        selectedForeclosureIndex = selectedForeclosureIndex + 1;
    } else if (step == -1 && selectedForeclosureIndex > 0) {
        selectedForeclosureIndex = selectedForeclosureIndex - 1;
    }
    SelectForeclosure(selectedForeclosureIndex);


}
function SelectForeclosure(index) {
    var selObj = document.getElementById('optForeclosure');
    selObj.selectedIndex = index;
    var content = '';
    content = document.getElementById('InfoWinBodyDiv-' + index).innerHTML;
    document.getElementById('InfoWinBodyDiv').innerHTML = content;
}

