////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////

//These navigation tools are copyrighted by Vertices, LLC 

//and users agree to be subject to all United States copyright laws.  

//The initial page of any application using these tools 

//must contain the following notice 

//in a prominent location:  "Navigation tools provided by Vertices, LLC."   

//For more information contact gis@vertices.com

////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////



 



  var VertIcon;			

  var FirstPt ;

  var polyStart = false;		

  var lockPl = true;

  var realPts = new Array();

  var polyVertex = new Array();	

  var oldPoly = new GPolyline();		

  var oldRubber = new GPolyline();		

  //var oldPoly;		

  //var oldRubber;		

  var pIdentify = 0;  //112107sj



  var PlyLength=0.0;			

  var oldpt;			

  var clickLast;  

  var ptCat = 0; 

    var drawedRect = false;

    var isClickZoom = false;

    var iniPoint;

    var x_init=0; 

    var y_init=0; 

    var rectWidth=0; 

    var rectHeight=0; 

    var rectStatus = false; 

  

    var HoldZm = false;

    var OldZm = "";

    var areashow = 0;   

    var tsv ="";  

    var areapolygon = new GPolygon();

    //var areapolygon;

    var areapolyVertex = new Array();

    var fntype = -1;







 



function wheelZoom(a) { (a.detail || -a.wheelDelta) < 0 ? map.zoomIn(null,null,true) : map.zoomOut(null,true); }



function MkeCtlLyr()

 {

 

    document.getElementById("map").onmousemove = rectMouseMove;



   document.getElementById("map").onclick = rectClick;  

  

       var rect = document.getElementById("rectangle");     

      document.getElementById("map").appendChild(rect);









 }









function iniImgSet()

{

 lockPl = true;

 



}







function resultLyr(get1,get2,get3,get4)



{

if (get1 == 1)   {      

                       document.getElementById("distBox").style.visibility = "visible" 

                  }

else if (get1 == 0)            {  

                    document.getElementById("distBox").style.visibility = "hidden"  

                  } 



if (get2 == 1)   {      

                       document.getElementById("AreaResult").style.visibility = "visible"  

                  }

else if (get2 == 0)            {  

                    document.getElementById("AreaResult").style.visibility = "hidden"  

                  } 





if (get3 == 1)   {      

                       document.getElementById("TotSegment").style.visibility = "visible" 

                  }

else if (get3 == 0)    { 

                    document.getElementById("TotSegment").style.visibility = "hidden"  

                  } 





if (get4 == 1)   {      

                       document.getElementById("rectangle").style.visibility = "visible" 

                  }

else if (get4 == 0)    { 

                    document.getElementById("rectangle").style.visibility = "hidden"  

                  } 





}







function DelOnlyPl()

{

 

 //if(oldRubber) map.removeOverlay(oldRubber);

 map.removeOverlay(oldRubber);

 //if(oldPoly) map.removeOverlay(oldPoly);

 map.removeOverlay(oldPoly);

 

	for (var n = 0 ; n < realPts.length ; n++ ) {

		var marker = realPts[n];		

		 map.removeOverlay(marker);		

	}

 //end del point

   polyVertex = new Array();

   realPts = new Array();

 lockPl = false;

 polyStart = true;

PlyLength = 0.0; //sj

       //  distBox,area,segment

        resultLyr(0,0,0,0)

     //if(areapolygon) map.removeOverlay(areapolygon);  

     map.removeOverlay(areapolygon);    

}





function HoldPl()

{ panMap()

  lockPl = true;

  polyStart = false;

}



function chimg(getId)

{

var i;

eventfnon =0;

if (getId == 0) { startMeasure();  fntype=0;PlyLength = 0.0; }

else if (getId ==1 ) {if (fntype==1){stopDraw();fntype=-1;} 

                   else   {startDraw(); fntype=1;PlyLength = 0.0; }  }

else if (getId ==2) {DelPt(); }

else if (getId ==3) {stopDraw();fntype=-1;DelOnlyPl();panMap();eventfnon=1;  }

//else if (getId ==3) {stopDraw();fntype=-1;DelOnlyPl(); } //sj071107 added startDraw(); fntype=1;PlyLength = 0.0;

else if (getId ==4) {go_default(); }

else if (getId ==5) {do_center(); }

else if (getId ==6) {clickZmIn(); }

else if (getId ==7) {clickZmOut(); }

else if (getId ==8) {panMap();eventfnon=1;iniImgSet();//090508 for identify
 }







for (i=0;i < 9;i++)  

  {   

    if (i == getId )

   {document.getElementById(i).src="webimage/img" +i+"_1.gif";}

    else

   {document.getElementById(i).src="webimage/img" +i+"_0.gif";}

  }











}





function startMeasure()

{

 startDraw();

 PlyLength=0.0;

 areashow=0;

}





 function startDraw()

 {



panMap();     

resultLyr(0,3,3,3);



//if(oldRubber) map.removeOverlay(oldRubber);	

map.removeOverlay(oldRubber);  

    

     resultLyr(0,0,0,0);

        

  polyStart = true;



  //if(oldPoly) map.removeOverlay(oldPoly);	

map.removeOverlay(oldPoly);

	for (var n = 0 ; n < realPts.length ; n++ ) {

		var marker = realPts[n];		

		 map.removeOverlay(marker);		

	}



   polyVertex = new Array();

   realPts = new Array();

   lockPl = false; 

    document.getElementById("distBox").style.left = "0px";  

    document.getElementById("distBox").style.top = "0px";

//if(areapolygon) map.removeOverlay(areapolygon);	

 map.removeOverlay(areapolygon);

 areashow=1;



 }





  function stopDraw() {

    polyStart = true;    

      resultLyr(0,3,3,3); 

       //if(oldPoly) map.removeOverlay(oldPoly);

      map.removeOverlay(oldPoly);

    polyVertex[polyVertex.length] = polyVertex[0];

    polyline = new GPolyline(polyVertex, "#000080", 4, 0.50,{ clickable:false });

    map.addOverlay(polyline);		

    oldPoly = polyline;    

    PlyLength = 0.0;  

     //if(oldRubber) map.removeOverlay(oldRubber); 

     map.removeOverlay(oldRubber); 

     areashow=0;

    MapArea();         

    

  }//fn plstop



 function panMap()

 

 {

 ptCat=0;



  isClickZoom = false;

  polyStart = false;

  lockPl == true;

  map.enableDragging();

  document.body.style.cursor = ""; 

      resultLyr(3,3,3,0);  

 }









function DelPt()

{





var marker = realPts[realPts.length-1];

		 map.removeOverlay(marker);   

   realPts.pop(); 

 

    PlyLength -= polyVertex[polyVertex.length-1].distanceFrom(polyVertex[polyVertex.length-2]); //sj

   polyVertex.pop();

   

   

}







  function mapPtChkfn(mapGeoXY) {

    var polyline;  

    

    

	       

      	if (ptCat == 0)

   	{   

     

  		if (lockPl == false)

  		{ 

 

	  		if (polyVertex.length > 0){

	        		document.getElementById("TotSegment").style.visibility = "visible";

				PlyLength += mapGeoXY.distanceFrom(polyVertex[polyVertex.length-1]);  // Total Segment as Meter

          

			        var shwLength;

			        var conVertLength;

			        conVertLength = PlyLength*3.2808;//feet converted

			        

			        if (PlyLength > 5280) { 

			        	conVertLength = conVertLength / 5280;

			                shwLength = conVertLength.toFixed(3) + " mile";

			        }

			        else{

			        

			               shwLength = conVertLength.toFixed(3) + " feet";

			        }

			        

   				document.getElementById("TotSegment").innerHTML = "Total Distance <br>" + shwLength;

           

           

        		}

  

        		polyVertex.push(mapGeoXY);

      



        		if (polyStart){	

          			polyStart = false;

        		}

        		else{

		          	//if(oldPoly) map.removeOverlay(oldPoly);		

		  	  	map.removeOverlay(oldPoly);		

  	    			polyline = new GPolyline(polyVertex, "#000080", 4, 0.50,{ clickable:false });

          			map.addOverlay(polyline);		

          			oldPoly = polyline;

        		}

      			var newCrMarker = new GMarker(mapGeoXY, {icon: VertIcon, draggable: true});

        

         		(realPts.length = 0 ? realPts[0]=newCrMarker : realPts.push(newCrMarker)); 

        		map.addOverlay(newCrMarker); 

        		GEvent.addListener(newCrMarker, "dragstart", function() {

          		oldpt = newCrMarker.getLatLng();	

        		});

              

        		GEvent.addListener(newCrMarker, "dragend", function() {

          		chkRedrawPl(oldpt,newCrMarker.getLatLng());

        		});

        

    		}

    		else

          	{

		

			x_coor=mapGeoXY.x;

			y_coor=mapGeoXY.y;

    if ( pIdentify ==1) //112107sj		             
					  { 
					      if (document.getElementById("iframe_identify") )
					         { clkIdentify(x_coor,y_coor) }
							}

		}		   

		if(areashow==1 && shwLength != undefined ) { MapArea(); }

    

	} 

     	else if (ptCat == 1 || ptCat ==2)

     	{  

     		point = mapGeoXY;

         	if ( drawedRect == false ){ 

          		iniPoint = point;   

          		drawedRect = true;

        	}

        	else{   

          		drawedRect = false;    

     

          		if (iniPoint.lat()>point.lat()){

            			if (iniPoint.lng()<point.lng()){

            

              				var geoSW = new GLatLng(point.lat(),iniPoint.lng(),false);

              				var geoNE = new GLatLng(iniPoint.lat(),point.lng(),false);

            			}

           	 		else{

             	 			var geoSW = new GLatLng(point.lat(),point.lng(),false);

              				var geoNE = new GLatLng(iniPoint.lat(),iniPoint.lng(),false);

            			}   

          		}

          		else{

            			if (iniPoint.lng()<point.lng()){

			              	var geoSW = new GLatLng(iniPoint.lat(),iniPoint.lng(),false);

			              	var geoNE = new GLatLng(point.lat(),point.lng(),false);

            			}

            			else{

              				var geoSW = new GLatLng(iniPoint.lat(),point.lng(),false);

              				var geoNE = new GLatLng(point.lat(),iniPoint.lng(),false);

            			}    

          		}

    

                    

          		var geoRectBounds = new GLatLngBounds(geoSW,geoNE);         

          		var newCenter = new GLatLng(((geoRectBounds.getSouthWest()).lat()+(geoRectBounds.getNorthEast()).lat())/2,

                	((geoRectBounds.getSouthWest()).lng()+(geoRectBounds.getNorthEast()).lng())/2 ,false );            

           

              

                 	if (ptCat ==1)

                        {

                        

                        	if(bdetect ==1)  //lets fox            

                              	{

                               		var rectSqzSize = rectWidth + rectHeight;

                                	var ZmFact = parseInt(rectSqzSize/17); 

                                        if (ZmFact < 2 ) { ZmFact = 6; }  

                                        else if (ZmFact < 3 ) { ZmFact = 5; }   

                                        else if (ZmFact < 6 ) { ZmFact = 4; }

                                        else if (ZmFact < 10 ) { ZmFact = 3; }

                                        else if (ZmFact < 14 ) { ZmFact = 2; } 

                                        else    { ZmFact = 1; }         

                                        var newZoom = map.getZoom() + ZmFact;                        

                               	}          

                        	else{ 

                        		var newZoom = map.getBoundsZoomLevel(geoRectBounds); 

                        	}

                        	map.setCenter(newCenter,newZoom);

               		} 

   			else{



        			var rectSqzSize = rectWidth + rectHeight;

        			var ZmFact = parseInt(rectSqzSize/17);      

   

			        if (ZmFact < 2 ) { ZmFact = 6; }  

			        else if (ZmFact < 3 ) { ZmFact = 5; }   

			        else if (ZmFact < 6 ) { ZmFact = 4; }

			        else if (ZmFact < 10 ) { ZmFact = 3; }

			        else if (ZmFact < 14 ) { ZmFact = 2; } 

			        else    { ZmFact = 1; }         

      				var newZoom = map.getZoom() - ZmFact;

          			map.setCenter(newCenter,newZoom);   

                       }

            	} 

     } 

  }





  function chkRedrawPl(old, Numb) {

    

   for (i=0; i<polyVertex.length; i++) {

      if (polyVertex[i]==old) {

       

        polyVertex.splice(i, 1, Numb);

        break;

      }

    }

    //if(oldPoly) map.removeOverlay(oldPoly);		

    map.removeOverlay(oldPoly);		

    polyline = new GPolyline(polyVertex, "#000080", 4, 0.50,{ clickable:false });

    map.addOverlay(polyline);		

    oldPoly = polyline;

  }



 

  function RubberLine(latlong) {

   if (polyVertex.length==0){return;}

 

    var polyline;

    

   if (lockPl == false ) 

    {

 

   if (!polyStart) {

 

      //if(oldRubber) map.removeOverlay(oldRubber);

      map.removeOverlay(oldRubber);

      polyline = new GPolyline([polyVertex[polyVertex.length-1], latlong], "#888888", 2, 1.00,{ clickable:false });

      map.addOverlay(polyline);

      oldRubber = polyline; 

      

        var curDist =   polyVertex[polyVertex.length-1].distanceFrom(latlong)   

       

  	curDist = curDist*3.2808;

	var distBoxElm = document.getElementById("distBox");

        var p = map.fromLatLngToDivPixel(latlong);



 

       if (curDist > 5280)

        {

           curDist = curDist / 5280;

         	document.getElementById("distBox").innerHTML = "Distance: "+ curDist.toFixed(3) + " mile" ;

        }

        else

        {

 	      document.getElementById("distBox").innerHTML = "Distance: "+ curDist.toFixed(3) + " feet" ;

 	      } 	      

	     

              var detectX = parseInt(p.x +20); 

 	      var detectY = parseInt(p.y +10); 	     



	    

 	      

         if (detectX > 900 || detectX < 350){ detectX = 330;} 

 	       if (detectY > 500 || detectY < 90){ detectY = 250;} 

        distBoxElm.style.left = detectX + "px";  

  		   distBoxElm.style.top = detectY + "px";

   

  

      document.getElementById("distBox").style.visibility = "visible";

  

   }     

   }   

  

  }





function MapArea()  

{

     

   with (Math) {   

    var i;

    var j; 

   

   var area = 0.0;

   j = polyVertex.length -1 ;

   if (areashow==1 ) {

  if( polyVertex.length < 3 ) {

       return;}

  } 

  

   for (i = 0 ; i < polyVertex.length; i++)

    { 

    var temMarkerI = polyVertex[i];

    var temMarkerJ = polyVertex[j];

    if (temMarkerI == null || temMarkerJ == null) { return;} //js error

   area  = area + ( temMarkerJ.x * temMarkerI.y - temMarkerJ.y * temMarkerI.x );

     j = i ;

      

    }

   var chkMeasure = (abs(area)/2) * pow(10,11);

  // var wrMeasure = "<font size=1><table border=0 bgcolor=#7F172D><tr><td>";  

   

   if (chkMeasure > 27878400)

    { chkMeasure = chkMeasure/27878400;

      chkMeasure = chkMeasure.toFixed(3);

       wrMeasure = chkMeasure + " sq mile";

      wrMeasure = wrMeasure + "<br>" ;  

   //  wrMeasure = wrMeasure + chkMeasure + " sq mile</td></tr><tr><td>" ;

       wrMeasure = wrMeasure + (640 * chkMeasure).toFixed(3);

       wrMeasure = wrMeasure + " acres";

    }

   else

   {

     chkMeasure = chkMeasure.toFixed(3);

    wrMeasure = chkMeasure + " sq feet";

    wrMeasure = wrMeasure + "<br>" ;    

  //   wrMeasure = wrMeasure + chkMeasure + " sq feet</td></tr><tr><td>" ;

    wrMeasure = wrMeasure +  ((0.000022957) * chkMeasure).toFixed(3) ;

    wrMeasure = wrMeasure + " acre";

    }

    

   // wrMeasure = wrMeasure + "</td></tr></table></font>"

    

      var AreaResult = document.getElementById("AreaResult");

	    var p = map.fromLatLngToDivPixel(polyVertex[0]);

      var h = parseInt(AreaResult.clientHeight); 

    

        

      if (p.x >400 || p.x < 20)

         {p.x = 300;  }

       if (p.y > 400 || p.x < 150 )  

          {      

         p.y = 250;         }

      

      AreaResult.style.left = (p.x - 10) + "px";

  		AreaResult.style.top = (p.y  + 30) + "px"; 

       

       if (areashow ==1 )

       {

       // if(areapolygon) map.removeOverlay(areapolygon);

       map.removeOverlay(areapolygon);

       areapolyVertex = polyVertex;

   areapolygon = new GPolygon(areapolyVertex,"gray",0,0.5,"gray",0.5);

      map.addOverlay(areapolygon)



  AreaResult.style.top = "210px";

  AreaResult.style.left = "370px"; 

       AreaResult.style.visibility = "visible";  

      

      AreaResult.innerHTML = wrMeasure ;

        return;

       } 

       else  {    

      AreaResult.style.visibility = "visible";    

      AreaResult.innerHTML = wrMeasure ; 

             }



     

    }

 

              PlyLength=0.0;      

              lockPl = true;

         

}









  function clickZmIn(){ 



       document.getElementById("rectangle").innerHTML =   "<Div id='ZmCenter' >+</div>";      

       isClickZoom = true;

       OldZm = map.getZoom();     

       map.disableDragging();

       document.body.style.cursor = "crosshair";       

       ptCat = 1;

      drawedRect = false;

     }



function clickZmOut(){       

      document.getElementById("rectangle").innerHTML =   "<Div id='ZmCenter' >-</div>";      

      isClickZoom = true;

      map.disableDragging();

      document.body.style.cursor = "crosshair"; 

            ptCat = 2; 

     drawedRect = false; 

                    

    }







 function mouseX(evt) 

      {

        if (evt.pageX) return evt.pageX;

      	else if (evt.clientX)

          return evt.clientX + (document.documentElement.scrollLeft ?

         	  document.documentElement.scrollLeft :

         	  document.body.scrollLeft);

      	else return null;

      }

      

      function mouseY(evt) 

      {

      	if (evt.pageY) return evt.pageY;

      	else if (evt.clientY)

         	return evt.clientY + (document.documentElement.scrollTop ?

         		document.documentElement.scrollTop :

         		document.body.scrollTop);

      	else return null;

      }

      

      function rectClick(e) 

      {

   

        if (!e) var e = window.event;	

        if (!isClickZoom) return;

        

        if (!rectStatus)

        {

      



          x_init=mouseX(e)- parseInt(document.getElementById("map").offsetLeft); 

          y_init=mouseY(e)- parseInt(document.getElementById("map").offsetTop); 

           

   

          rectStatus=true;  



          document.getElementById("rectangle").style.visibility="visible";

           rectMouseMove(e);         

 

        }

        else

        {

          if(bdetect ==1){ mapPtChkfn(point); }//ff

          document.getElementById("rectangle").style.visibility="hidden"; 

          rectStatus=false;

          isClickZoom = false;

          map.enableDragging();

          document.body.style.cursor = "default";

         

          if (ptCat == 1) {clickZmIn();

   

           }

           else if (ptCat == 2) {clickZmOut();

    

        }

           

        }



   

      }

      

      function rectMouseMove(e){

        

        if (!isClickZoom) return;

        if (!rectStatus) return;		

      

        if (!e) var e = window.event;	

      

     

        var CurX = mouseX(e)- parseInt(document.getElementById("map").offsetLeft);

        var CurY = mouseY(e)- parseInt(document.getElementById("map").offsetTop);

        (CurX<x_init)? CurX +=3:CurX -=3;

        (CurY<y_init)? CurY +=3:CurY -=3;

                  



        rectWidth=Math.abs(CurX - x_init);

        if (CurX >= x_init) 

        { 

      

       	  document.getElementById("rectangle").style.left = x_init+"px"; 

        } 

        else 

        { 

       	  document.getElementById("rectangle").style.left = CurX+"px"; 

        } 

        document.getElementById("rectangle").style.width = rectWidth+"px";

     





        rectHeight=Math.abs(CurY - y_init); 

        if (CurY >= y_init) 

        { 

        document.getElementById("rectangle").style.top = y_init+"px"; 

        } 

        else 

        { 

          document.getElementById("rectangle").style.top = CurY+"px"; 

        } 

        document.getElementById("rectangle").style.height = rectHeight+"px";

       //==========

       	if (rectHeight<30 || rectWidth<30){

        	document.getElementById("ZmCenter").style.display = "none";

        }

        else{

        	document.getElementById("ZmCenter").style.display = "block";

        }

        //===========

        var chkCenter = rectHeight/2;

        

        if( chkCenter > 1 )

        { document.getElementById("ZmCenter").style.marginTop = chkCenter-20+"px";}

      

      }  







function do_center()

{



map.setCenter(new GLatLng(wrlat,wrlon), wrzm);



}