/*********************************************************************************
  NEW CODE map tools: mapclick buttons zoom box code
**********************************************************************************/
var startx=0;
var starty=0;
var endx;
var endy;
var scrollY;
var	curx; 
var	cury;
var offsetX=0;
var offsetY=0;
var minX = 0;
var maxX = 2000;	
var minY = 0;
var maxY = 2000;
var r;
var browserName = "";
var x1=0;
var x2=0;
var y1=0;
var y2=0;
var t;
browserName = navigator.appName;

document.onmousemove = getMouseXY;
var scrollX = 0;
var scrollY = 0;

function getMouseXY(e)
{
  if (browserName=="Microsoft Internet Explorer")
  {
    scrollX = event.clientX + Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
    scrollY = event.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop);
    if (scrollX < 0){scrollX = 0;}
    if (scrollY < 0){scrollY = 0;}
  }
  return true
}


function getElemId(elemId)
{
    //var prefix = <%=ConfigurationManager.AppSettings["IdPrefix"]%>;
    return("ctl00_ContentPlaceHolder1_" + elemId);
}

function md(event)
{
    if (browserName=="Microsoft Internet Explorer")
    {
        mdIE(event);
    }
    else
    {
        mdFF(event);
    } 
}
function mm(event)
{
    if (browserName=="Microsoft Internet Explorer")
    {
        mmIE(event);
    }
    else
    {
        mmFF(event);
    } 
}
function mu(event)
{
    if (browserName=="Microsoft Internet Explorer")
    {
        muIE(event);
    }
    else
    {
        muFF(event);
    }
}
function mdIE(event)
{
	document.getElementById(getElemId("mapClicked")).value = "YES";	
	startx = scrollX;
	starty = scrollY;

     if ((startx >= minX) && (startx <= maxX) && (starty >= minY) && (starty <= maxY))
     {
		r = document.getElementById("rubberBand"); 
		r.style.visibility = 'visible';
		r.style.width = 1;
		r.style.height = 1;
		r.style.pixelLeft = startx;
		r.style.pixelTop = starty;

		//get offsets
		t = document.getElementById(getElemId("imgMainMap"));
		var myString = findPos(t);
		offsetX = myString[0];
		offsetY = myString[1];
	
		window.status = "Start(" + startx + ";" + starty + ")";
        //alert("left " + r.style.left + " top" + r.style.top);
	 }
}

function mmIE(event)
{
	curx = scrollX;
	cury = scrollY;

	 r = document.getElementById("rubberBand");
 
     if (curx < startx) 
     {
      r.style.pixelLeft = curx;
	  r.style.width = startx - r.style.pixelLeft;
     }
		 
     if (curx > startx) 
     {
          r.style.width = curx - startx;
     }
		 
     if (cury < starty) 
     {
      r.style.pixelTop = cury;
 	  r.style.height = starty - r.style.pixelTop;
     }
		 
     if (cury > starty) 
     {
          r.style.height = cury - starty;
     }
	window.status = "Start(" + (startx - offsetX) + ";" + (starty - offsetY) + ") " + "End(" + (curx - offsetX) + ";" + (cury - offsetY) + ")";	 
	
	//alert(r.style.height + " " + r.style.width + " " + r.style.pixelTop + " " + r.style.pixelLeft);

}

function muIE(event) 
{
     endx = scrollX;
     endy = scrollY;

     r = document.getElementById("rubberBand");
     r.style.visibility = "hidden";
		 
     // Set xMin, xMax, yMin, yMax according to how the zoombox was drawn.
     // write the x,y's to a cookie for back-end to process.
     if (endx == startx)
     {
      	x1 = startx - offsetX;
		x2 = endx - offsetX;
     }
		 
     if (endx < startx) 
     {
          x2 = startx - offsetX;
          x1 = endx - offsetX;
     }
		 
     if (endx > startx) 
     {
          x1 = startx - offsetX;
		  x2 = endx - offsetX;
     }
		 
     if (endy == starty)
     {
          y1 = starty - offsetY;
          y2 = endy - offsetY;
     }
	
     if (endy < starty) 
     {
          y2 = starty - offsetY;
	      y1 = endy - offsetY;
     }
		 
     if (endy > starty) 
     {
         y1 = starty - offsetY;
         y2 = endy - offsetY;
     }
	
	document.getElementById(getElemId("mapStartX")).value = x1;
	document.getElementById(getElemId("mapStartY")).value = y1;
	document.getElementById(getElemId("mapEndX")).value = x2;
	document.getElementById(getElemId("mapEndY")).value = y2;
	document.aspnetForm.submit();
	//alert(x1 + " " + y1 + " " + x2 + " " + y2);
}
//FIREFOX********************************
function mdFF(event)
{
	document.getElementById(getElemId("mapClicked")).value = "YES";
	//scrollY = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	scrollY = window.pageYOffset;
	scrollX = window.pageXOffset;
	
	startx = event.clientX + parseInt(scrollX);
	starty = event.clientY + parseInt(scrollY);
	
	//startx = event.clientX;
	//starty = event.clientY;
		   		
     if ((startx >= minX) && (startx <= maxX) && (starty >= minY) && (starty <= maxY))
     {
     
     r = document.getElementById("rubberBand"); 
     r.style.visibility = 'visible';
     r.style.width='1px';
	 r.style.height='1px';
	 r.style.left = startx + 'px';
	 r.style.top = starty + 'px';
	 
	 //get offsets
	 t = document.getElementById(getElemId("imgMainMap"));
	 var myString = findPos(t);
	 offsetX = myString[0];
	 offsetY = myString[1];
	
	window.status = "Start(" + startx + ";" + starty + ")";
	//alert("left " + r.style.left + " top" + r.style.top);
	//alert("startx " + startx + " starty" + starty);
	 }	
	 
}
function mmFF(event) 
{   
	//scrollY = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	scrollY = window.pageYOffset;
	scrollX = window.pageXOffset;
	curx = event.clientX + scrollX;
	cury = event.clientY + scrollY;
	
	//curx = event.clientX;
	//cury = event.clientY;
	
	 r = document.getElementById("rubberBand");
		
     if (curx < startx) 
     {
      r.style.left = curx + 'px';
	  //r.style.width = startx - r.style.left;
	  r.style.width = (startx - curx) + 'px';
     }
		 
     if (curx > startx) 
     {
          //r.style.width = curx - startx;
          r.style.width = (curx - startx) + 'px';
     }
	 
     if (cury < starty) 
     {
      r.style.top = cury + 'px';
 	  //r.style.height = starty - r.style.top;
 	  r.style.height = (starty - cury) + 'px';
     }
		 
     if (cury > starty) 
     {
          //r.style.height = cury - starty;
          r.style.height = (cury - starty) + 'px';
     }
     
	window.status = "Start(" + (startx - offsetX) + ";" + (starty - offsetY) + ") " + "End(" + (curx - offsetX) + ";" + (cury - offsetY) + ")";	 
	//alert(r.style.height + " " + r.style.width + " " + r.style.left + " " + r.style.top);
	
}

function muFF(event)
{
	 //scrollY = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	 scrollY = window.pageYOffset;
	 scrollX = window.pageXOffset;
     endx = event.clientX + scrollX;
     endy = event.clientY + scrollY;
   	
	 //endx = event.clientX; 
     //endy = event.clientY;
	
 	//alert(endx + " " + endy); 
     r = document.getElementById("rubberBand");
     r.style.visibility = "hidden";	
			 
     // Set xMin, xMax, yMin, yMax according to how the zoombox was drawn.
     if (endx == startx)
     {
       	x1 = startx - offsetX;
		x2 = endx - offsetX;
     }
		 
     if (endx < startx) 
     {
        x2 = startx - offsetX;
        x1 = endx - offsetX;
     }
		 
     if (endx > startx) 
     {
        x1 = startx - offsetX;
		x2 = endx - offsetX;
     }
		 
     if (endy == starty)
     {
        y1 = starty - offsetY;
        y2 = endy - offsetY;
     }
	
     if (endy < starty) 
     {
        y2 = starty - offsetY;
		y1 = endy - offsetY;
     }
		 
     if (endy > starty) 
     {
         y1 = starty - offsetY;
         y2 = endy - offsetY;
     }
	
	document.getElementById(getElemId("mapStartX")).value = x1;
	document.getElementById(getElemId("mapStartY")).value = y1;
	document.getElementById(getElemId("mapEndX")).value = x2;
	document.getElementById(getElemId("mapEndY")).value = y2;
	
	//alert(x1 + " " + y1 + " " + x2 + " " + y2);
	document.aspnetForm.submit();
	
}
function revertToolPic() {
	//reset to original image
	var mapscale = document.getElementById(getElemId("txtScale")).innerHTML;
	document.getElementById("zoomin").style.padding="0px";
	document.getElementById("zoomin").style.border="0px red solid";
    document.getElementById("zoomout").style.padding="0px";
	document.getElementById("zoomout").style.border="0px red solid";
    document.getElementById("imgCenter").style.padding="0px";
	document.getElementById("imgCenter").style.border="0px red solid";
    document.getElementById("imgFault").style.padding="0px";
	document.getElementById("imgFault").style.border="0px red solid";
}
function setToolPic(functName) {

	revertToolPic();
    //alert(functName);
	if (functName=="zoomin") {
	    document.getElementById("zoomin").style.padding="1px";
		document.getElementById("zoomin").style.border="1px red solid";
	}else if (functName=="zoomout") {
	    document.getElementById("zoomout").style.padding="1px";
		document.getElementById("zoomout").style.border="1px red solid";
	}else if (functName=="center") {
	    document.getElementById("imgCenter").style.padding="1px";
		document.getElementById("imgCenter").style.border="1px red solid";
	}else if (functName=="fault") {
	    document.getElementById("imgFault").style.padding="1px";
		document.getElementById("imgFault").style.border="1px red solid";
	}
	document.getElementById(getElemId("mapClickButton")).value = functName;
}
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}
function submitSearch()
{	
	var startSearchString="http://search.kent.gov.uk/kbroker/kent/kentaz/search/search.lsim?qt=";
	var endSearchString="&Submit=Search&sr=0&nh=10&cs=iso-8859-1&sc=kent&sm=0&ha=653";
	var searchValue = document.getElementById(getElemId("srch")).value;
	document.location = startSearchString + searchValue + endSearchString;
}