var tFunc = null;

if (XMLHttpRequest == null)
{
	var XMLHttpRequest = function()
	{
		try {http_request = new ActiveXObject("Msxml2.XMLHTTP");} 
		catch (e) 
		{
			try {http_request = new ActiveXObject("Microsoft.XMLHTTP");} 
			catch (e) {}
		}
		return http_request;
	}
}
	
function FuncAdapter(pCaller, pFunc)
{
	return function(pEvent)
	{
		pFunc.call(pCaller, pEvent);
	};
}

function AttachEvent(targetObj, actEvent, actFunc, useCapture)
{
	if (targetObj.addEventListener)
		targetObj.addEventListener(actEvent, actFunc, useCapture);
	else
	{
		targetObj.attachEvent("on" + actEvent, actFunc);
		if (useCapture)
			targetObj.setCapture();
	}
}

function DetachEvent(targetObj, actEvent, actFunc, useCapture)
{
	if (targetObj.removeEventListener)
		targetObj.removeEventListener(actEvent, actFunc, useCapture);
	else
	{
		targetObj.detachEvent("on" + actEvent, actFunc);
		if (useCapture)
			targetObj.releaseCapture();
	}
}
//eye
//function MapBase(pNode, locX, locY, locWidth, locHeight, imgWidth, imgHeight)

function MapBase(pNode, locX, locY, locWidth, locHeight, imgWidth, imgHeight,eye) //eye
{
//private
	//eye
	var m_eye=eye;

	var m_hPackage;
	var m_hObj;
	var m_hImages;
	
	var m_imgWidth;
	var m_imgHeight;
	var m_imgRatio;
	var m_mapLevel;
	var m_mapFixLevel;
	var m_mapMaxLevel;
	var m_RepeatX;
	var m_RepeatY;
	var m_centerX;
	var m_centerY;
	var m_MapImages;
	var m_MapElements;
	var m_pMapEvent;
//constructor
	m_imgWidth = imgWidth;
	m_imgHeight = imgHeight;
	m_mapLevel = 1;
	m_mapFixLevel = true;
	m_mapMaxLevel = 6;
	m_imgRatio = 1;
	var s = Math.pow(2, m_mapLevel);
	var cw = s * m_imgWidth;
	var ch = s * m_imgHeight;
	
	m_RepeatX = false;
	m_RepeatY = false;
	m_centerX = 0.4;
	m_centerY = 0.4;
	m_MapImages = new Array();
	m_MapElements = new Array();
	m_pMapEvent = null;
	
	m_hPackage = pNode.ownerDocument.createElement("div");
	pNode.appendChild(m_hPackage);
	m_hPackage.style.position = "relative";
	m_hPackage.style.overflow = "hidden";
	m_hPackage.style.left = locX;
	m_hPackage.style.top = locY;
	m_hPackage.style.width = locWidth;
	m_hPackage.style.height = locHeight;
	
	m_hObj = pNode.ownerDocument.createElement("div");
	m_hPackage.appendChild(m_hObj);
	m_hObj.style.position = "relative";
	m_hObj.style.overflow = "hidden";
	m_hObj.style.left = 0;
	m_hObj.style.top = 0;
	m_hObj.style.width = "100%";
	m_hObj.style.height = "100%";
	
	m_hImages = pNode.ownerDocument.createElement("div");
	m_hObj.appendChild(m_hImages);
	m_hImages.style.position = "relative";
	m_hImages.style.overflow = "hidden";
	m_hImages.style.left = 0;
	m_hImages.style.top = 0;
	m_hImages.style.width = "100%";
	m_hImages.style.height = "100%";	
	//m_hImages.style.border = "solid 0px red";
	m_hImages.style.background = "lightblue";
	
	var cltWidth = parseInt(m_hImages.clientWidth);
	var cltHeight = parseInt(m_hImages.clientHeight);
	
	this.SelectMapTool = function(pMapEvent)
	{
		if (pMapEvent)
		{
			if (pMapEvent.InitMapEvent)
			{
				if (m_pMapEvent && m_pMapEvent.ExitMapEvent)
					m_pMapEvent.ExitMapEvent();	
				pMapEvent.InitMapEvent(this);
				m_pMapEvent = pMapEvent;
				return true;
			}
		}
		else if (m_pMapEvent && m_pMapEvent.ExitMapEvent)
		{
			m_pMapEvent.ExitMapEvent();	
			m_pMapEvent = null;
		}
		return false;
	}
	
//public

	//eye
	this.getEye=function(){return m_eye};
	
	this.getHObject = function() {return m_hObj;};
	this.getHPackage = function() {return m_hPackage;};
	this.getClientWidth = function() {return cltWidth;};
	this.getClientHeight = function() {return cltHeight;};
	this.getImageWidth = function() {return m_imgWidth;};
	this.getImageHeight = function() {return m_imgHeight;};
	this.getRepeatX = function() {return m_RepeatX;};
	this.putRepeatX = function(repeatX) {m_RepeatX = repeatX;};
	this.getRepeatY = function() {return m_RepeatY;};
	this.putRepeatY = function(repeatY) {m_RepeatY = repeatY;};
	this.getCenterX = function() {return m_centerX;};
	this.getCenterY = function() {return m_centerY;};
	this.getMapMaxLevel = function() {return m_mapMaxLevel;};
	this.putMapMaxLevel = function(mapLevel) {m_mapMaxLevel = mapLevel;}
	this.getMapFixLevel = function() {return m_mapFixLevel;};
	this.putMapFixLevel = function(mapFixLevel) {m_mapFixLevel = mapFixLevel;}
	this.getMapLevel = function() {return m_mapLevel + Math.log(m_imgRatio) / Math.log(2);};
	this.putMapLevel = function(mapLevel)
	{
		if (mapLevel > m_mapMaxLevel)
			mapLevel = m_mapMaxLevel;
		else if (mapLevel < 1)
			mapLevel = 1;
			
		m_mapLevel = Math.round(mapLevel);
		this.putMapLevel2(m_mapFixLevel?m_mapLevel:mapLevel);
		
		//eye
		try
		{
			if(this.getEye()==0)
			{
				gEye.EyeScale(gMapBase.getMapLevel());
				gEye.SetCuboidSize(gMapBase.ToMapPoint(0,0),gMapBase.ToMapPoint(gMapBase.getClientWidth(),gMapBase.getClientHeight()),true);
			}
			if(myMapLevel) myMapLevel.ShowLevel();
		}
		catch(ex){}
		//eye
		//layer
		
	};
	this.putMapLevel2 = function(mapLevel)
	{
		if (mapLevel > m_mapMaxLevel)
			mapLevel = m_mapMaxLevel;
		else if (mapLevel < 1)
			mapLevel = 1;
			
		m_imgRatio = Math.pow(2, mapLevel - m_mapLevel);
		s = Math.pow(2, m_mapLevel);
		cw = s * m_imgWidth * m_imgRatio;
		ch = s * m_imgHeight * m_imgRatio;
	};
	
	this.AddElement = function(pElem)
	{
		m_MapElements.push(pElem);
	}
	this.RemoveElement = function(pElem)
	{
		var i;
		var cnt = m_MapElements.length;
		for (i=0;i<cnt;i++)
		{
			if (m_MapElements[i] == pElem)
			{
				m_MapElements.splice(i, 1);
				break;
			}
		}
		if (pElem.RemoveSelf)
			pElem.RemoveSelf();
	}
	this.EmptyElements = function() 
	{
		var i;
		var cnt = m_MapElements.length;
		for (i=0;i<cnt;i++)
			if (m_MapElements[i].RemoveSelf)
				m_MapElements[i].RemoveSelf();
		m_MapElements = new Array;
	}
	
	this.getOffset = function()
	{
		var pObj = m_hImages;
		var dX = 0;
		var dY = 0;
		//var st = "";
		while (pObj)
		{
			if (pObj && pObj.style)
				pos = pObj.style.position;
			if (pos == "relative" || pos == "absolute")
			{
				dX += pObj.offsetLeft;
				dY += pObj.offsetTop;
				//st += pObj.tagName + "/" + dY + ","
			}
			
			pObj = pObj.parentNode;
		}
		//window.status = st;
		return new MapPoint(dX, dY);
	}
	
	this.MapFromClient = function(dX, dY)
	{
		pt = this.getOffset();
		pt = new MapPoint(dX - pt.X, dY - pt.Y);
		//window.status = os.X + "/" + os.Y + "/" + dX + "/" + dY;
		return this.ToMapPoint(pt.X, pt.Y);
	}
	this.ClientFromMap = function(dX, dY)
	{
		pt = this.FromMapPoint(dX, dY);
		os = this.getOffset();
		return new MapPoint(os.X + pt.X, os.Y + pt.Y);
	}
	this.ToMapPoint = function(dX, dY)
	{
		return new MapPoint((dX - cltWidth/2) / cw + m_centerX, (dY - cltHeight/2) / ch + m_centerY);
	}
	this.FromMapPoint = function(dX, dY)
	{
		return new MapPoint((dX - m_centerX) * cw + cltWidth / 2, (dY - m_centerY) * ch + cltHeight / 2);
	}
	this.ToMapDistX = function(dX) {return dX / cw;}
	this.ToMapDistY = function(dY) {return dY / ch;}
	this.FromMapDistX = function(dX) {return dX * cw;}
	this.FromMapDistY = function(dY) {return dY * ch;}
	
	this.AddMapImage = function(doc, dX, dY, isLoadNew)
	{
		
		var b = new XYPoint(m_RepeatX, m_RepeatY);
		b.X = dX;
		b.Y = dY;
		srl = b.toSerial(m_mapLevel);
		if (srl=="")
		{
			return;
		}
		
		var pt = this.FromMapPoint(dX, dY);
		var imgobj = null;
		var cnt = m_MapImages.length;
		var i;
		for (i=0;i<cnt;i++)
		{
			imgobj = m_MapImages[i];
			if (imgobj.isEqual(srl, dX, dY))
			{
				imgobj.ReloadStatus(pt.X, pt.Y, m_imgWidth * m_imgRatio, m_imgHeight * m_imgRatio);
				break;
			}
		}
		if (isLoadNew && i==cnt)
		{
			imgobj = new MapImage(m_hImages, srl, dX, dY);
			imgobj.ReloadStatus(pt.X, pt.Y, m_imgWidth * m_imgRatio, m_imgHeight * m_imgRatio);
			m_MapImages.push(imgobj);
		}
	}
	
	this.MoveMapTo = function(centerX, centerY)
	{
		m_centerX = centerX;// - Math.floor(centerX);
		m_centerY = centerY;// - Math.floor(centerY);
	};
	
	this.RefreshMap = function(isLoadNew, isDeleteNoused)
	{
		var cnt = m_MapImages.length;
		var i;
		for (i=0;i<cnt;i++) m_MapImages[i].putReloaded(false);
			
		srl = "";
		cltWidth = parseInt(m_hImages.clientWidth);
		cltHeight = parseInt(m_hImages.clientHeight);
		var pt = this.ToMapPoint(0, 0);
		//window.status = pt.X + "/" + pt.Y;
		var bX = Math.floor(pt.X * s) / s;
		var bY = Math.floor(pt.Y * s) / s;
		pt = this.FromMapPoint(bX, bY);
		var i;
		var j;
		dy = bY;
		
		if (isDeleteNoused || isLoadNew)
		{
			for (j = pt.Y; j < cltHeight ; j+= imgHeight * m_imgRatio)
			{
				dx = bX;
				for (i = pt.X; i < cltWidth ; i+= imgWidth * m_imgRatio)
				{
					this.AddMapImage(document, dx, dy, isLoadNew);
					dx += 1/s;
				}
				dy += 1/s;
			}
			if (isDeleteNoused)
			{
				cnt = m_MapImages.length;
				var pArray = new Array;
				for (i=0;i<cnt;i++)
				{
					if (m_MapImages[i].getReloaded())
						pArray.push(m_MapImages[i]);
					else if (m_MapImages[i].RemoveSelf)
						m_MapImages[i].RemoveSelf();
				}
				m_MapImages = pArray;
			}
		}
		if (!isDeleteNoused)
		{
			cnt = m_MapImages.length;
			for (i=0;i<cnt;i++)
			{
				if (!m_MapImages[i].getReloaded())
				{
					var pt = this.FromMapPoint(m_MapImages[i].getDX(), m_MapImages[i].getDY());
					m_MapImages[i].ReloadStatus(pt.X, pt.Y, m_imgWidth * m_imgRatio, m_imgHeight * m_imgRatio);
				}
			}
		}
		
		if (m_MapElements && m_MapElements.length>0)
		{
			var i;
			var cnt = m_MapElements.length;
			if (isLoadNew && isDeleteNoused)
			{
				for (i=0;i<cnt;i++)
				{
					if (m_MapElements[i].RebuildElement)
						m_MapElements[i].RebuildElement();
					if (m_MapElements[i].UpdateElement)
						m_MapElements[i].UpdateElement(1);
				}
			}
			else
				for (i=0;i<cnt;i++)
					if (m_MapElements[i].UpdateElement)
						m_MapElements[i].UpdateElement(m_imgRatio);
		}
		//window.status = "Map image count:" + m_MapImages.length;
  //Traffic~~~~~
  try{
	//CreateTrafficPoi();
//CreateSEPoi();
}catch(e){}
	//Traffic~~~~~
	}

}

function MapPoint(dX, dY)
{
	this.X = dX;
	this.Y = dY;
	this.Diff = function(pt)
	{
		return new MapPoint(this.X - pt.X, this.Y - pt.Y);
	}
}

function FourToTen(sn)
{
	var ar = new Array();
	for(i = 0; i < sn.length; i++)
	{
		ar[i] = sn.substring(i,i + 1);	
		
	}
	ar.reverse();
	var result = 0;
	for(i = ar.length -1; i >= 0; i--)
	{
		result += parseInt(ar[i]) * Math.pow(4,i);
	}
	ar = null;
	return result;
}

function MapImage(pNode, serialNum, dX, dY)
{
//private
	var m_hObj;
	var m_Reloaded;
	var m_SerialNum;
	var m_dX;
	var m_dY;

//constructor
	m_Reloaded = true;
	m_SerialNum = serialNum;
	m_dX = dX;
	m_dY = dY;
	
	str = ("00" + m_SerialNum.length);
	//mapurl = "MapCache\\C" + str.substr(str.length-2) + m_SerialNum + ".bin";
	//mapurl = "SuperVision.asp?serial=" + m_SerialNum;
	
	//60.248.17.63\\cygis
	/*
	mapurl = lg+"MapCache\\"+ m_SerialNum.length + "\\" + 
			 parseInt((FourToTen(m_SerialNum)) / 1024 + 1 )+ 	
			 "\\C" + str.substr(str.length-2) + m_SerialNum + ".bin";
			 */
	if(lg=='eng')
    {
	   mapurl =  "http://61.57.40.122/maps/engmapcache1/"+m_SerialNum.length + "\\" + 
			 parseInt((FourToTen(m_SerialNum)) / 1024 + 1 )+ 	
			 "\\C" + str.substr(str.length-2) + m_SerialNum + ".png";
	}
	else
	{
			 mapurl =  "http://61.57.40.122/maps/chtmapcache1/"+m_SerialNum.length + "\\" + 
			 parseInt((FourToTen(m_SerialNum)) / 1024 + 1 )+ 	
			 "\\C" + str.substr(str.length-2) + m_SerialNum + ".png";
	}
	
	
	var agent=navigator.userAgent.toLowerCase();
	if(agent.indexOf("msie")!=-1&&document.all)
	{
		m_hObj = pNode.ownerDocument.createElement("img");
		m_hObj.src = mapurl;
		//cursor~~~~~~~~~~~~
		pNode.style.cursor='./images/hand.cur';
		
		//m_hObj = pNode.ownerDocument.createElement("div");
		//m_hObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + mapurl + "', sizingMethod='scale')";
		
		m_hObj.unselectable = "on";
		m_hObj.galleryImg = false;
		
	}
	else if(agent.indexOf("mozilla")!=-1)
	{
		m_hObj = pNode.ownerDocument.createElement("img");
		m_hObj.src = mapurl;
		m_hObj.style.MozUserSelect="none";
		
		//m_hObj = pNode.ownerDocument.createElement("div");
		//m_hObj.style.backgroundImage = "url(" + mapurl + ")";
	}
	
	m_hObj.hideFocus = true;
	pNode.appendChild(m_hObj);
	m_hObj.style.width = 0;
	m_hObj.style.height = 0;
	m_hObj.style.position = "absolute";
	//m_hObj.alt = serialNum;
	//m_hObj.style.border = "solid 1px blue";

//public
	this.getReloaded = function() {return m_Reloaded;};
	this.putReloaded = function(reloaded) {m_Reloaded = reloaded;};
	this.getHObject = function() {return m_hObj};
	this.getSerialNumber = function() {return m_SerialNum};
	this.getDX = function() {return m_dX;};
	this.getDY = function() {return m_dY;};

	this.RemoveSelf = function() {pNode.removeChild(m_hObj);};
	this.ReloadStatus = function(cx, cy, imgWidth, imgHeight)
	{
		m_hObj.style.left = cx;
		m_hObj.style.top = cy;
		m_hObj.style.width = imgWidth + 1;
		m_hObj.style.height = imgHeight + 1;
		m_Reloaded = true;
	}
	this.isEqual = function(srl, dX, dY)
	{
		return (m_SerialNum == srl && m_dX == dX && m_dY == dY);
	}
}

function XYPoint(isRepeatX, isRepeatY)
{
	this.X = 0;
	this.Y = 0;
	this.toSerial = function(level)
	{
		if (!isRepeatX && (this.X < 0 || this.X >= 1))
			return "";
		if (!isRepeatY && (this.Y < 0 || this.Y >= 1))
			return "";
		var a = 0;
		var x = (this.X - Math.floor(this.X)) * 2;
		var y = (this.Y - Math.floor(this.Y)) * 2;
		//var x = (this.X % 1) * 2;
		//var y = (this.Y % 1) * 2;
		var l = level;
		while (l > 0)
		{
			a = a * 4 + (Math.floor(x) + Math.floor(y) * 2);
			l -= 1;
			x = (x % 1) * 2;
			y = (y % 1) * 2;
		}
		var strTemp = "";
		var c = (a<0);
		strTemp = Math.abs(a).toString(4);
		var i ;
		for (i=strTemp.length;i<level;i++)
			strTemp = "0" + strTemp;
//		if (c)
//			strTemp = "-" + strTemp;
		return strTemp;
	}
}

String.prototype.toXY = function(level)
{
	pos = new XYPoint;
	var a = parseInt(this,4);
	var e = 1;
	var x = 0;
	var y = 0;
	while (level > 0)
	{
		x += e * (a % 2);
		y += e * parseInt((a % 4) / 2);
		e *= 2;
		a = Math.floor(a/4);
		level -= 1;
	}
	pos.X = x / e;
	pos.Y = y / e;
	return pos;
}

function MapSlider(pMapBase, locX, locY, locWidth, locHeight)
{
	var pNode = pMapBase.getHPackage();
	maxLevel = pMapBase.getMapMaxLevel();
//public
	this.Visible = function(Visib) {if (Visib) this.Show(); else this.Hide();}
	this.IsVisible = function() {return m_hObj.style.visibility != "hidden";}
	this.Hide = function() {m_hObj.style.visibility = "hidden";}
	this.Show = function() {m_hObj.style.visibility = "visible";}
	
	this.RebuildElement = function()
	{
	}
	
	this.UpdateElement = function(imgRatio)
	{
		this.LevelMapTo(pMapBase.getMapLevel());
	}
	
	this.LevelMapTo = function(mapLevel)
	{
		if (mapLevel > maxLevel) mapLevel = maxLevel;
		if (mapLevel < 1) mapLevel = 1;
		m_pTicker.style.top = (m_hObj.clientHeight-m_pTicker.offsetHeight)/(maxLevel-1) * (maxLevel - mapLevel);
	}
	this.RemoveSelf = function()
	{
		pNode.removeChild(m_hObj);
		m_MapBase = null;
	}

//private
	var m_hObj;
	var m_pTicker;
	var m_MapBase;
	var MouseCurY;

//constructor
	m_hObj = pNode.ownerDocument.createElement("div");
	pNode.appendChild(m_hObj);
	m_hObj.style.position = "absolute";
	m_hObj.style.left = locX;
	m_hObj.style.top = locY;
	m_hObj.style.width = locWidth;
	m_hObj.style.height = locHeight;
	m_hObj.style.border = "inset 0px";
	m_hObj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	
	m_MapBase = pMapBase;
	
	pSliderBar = document.createElement("div");
	m_hObj.appendChild(pSliderBar);
	pSliderBarSeps = document.createElement("div");
	m_hObj.appendChild(pSliderBarSeps);
	
	m_pTicker = document.createElement("input");
	m_pTicker.type = "button";
	m_hObj.appendChild(m_pTicker);
	m_pTicker.style.position = "absolute";
	m_pTicker.style.width = "100%";
	m_pTicker.style.overflow="hidden";
	//m_pTicker.style.border = "outset 1px";
	m_pTicker.style.backgroundColor = "#80C054";
	m_pTicker.style.height = 15;
	
	pSliderBar.style.position = "absolute";
	pSliderBar.style.width = 2;
	pSliderBar.style.height = "100%";
	pSliderBar.style.border = "inset 1px gray";
	pSliderBar.style.height= m_hObj.clientHeight - m_pTicker.offsetHeight;
	pSliderBar.style.left = (m_hObj.clientWidth - pSliderBar.offsetWidth)/2;
	pSliderBar.style.top = (m_hObj.clientHeight - pSliderBar.offsetHeight)/2;
	
	pSliderBarSeps.style.position = "absolute";
	pSliderBarSeps.style.width = "100%";
	pSliderBarSeps.style.height = "100%";
	pSliderBarSeps.style.border = "inset 1px gray";
	pSliderBarSeps.style.height= m_hObj.clientHeight - m_pTicker.offsetHeight;
	pSliderBarSeps.style.top = (m_hObj.clientHeight - pSliderBar.offsetHeight)/2;
	pSliderBarSeps.style.border = 0;
	var i=0;
	for (i=0;i<maxLevel;i++)
	{
		var obj = document.createElement("div");
		pSliderBarSeps.appendChild(obj);
		obj.style.overflow="hidden";
		obj.style.width = "60%";
		obj.style.height = 2;
		obj.style.left = (pSliderBarSeps.clientWidth - obj.offsetWidth)/2;
		obj.style.top = (m_hObj.clientHeight - m_pTicker.offsetHeight)/(maxLevel-1) * (maxLevel-i-1);
		obj.style.position = "absolute";
		obj.style.border = "inset 1px #80C054";
		obj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
	}
	this.LevelMapTo(pMapBase.getMapLevel());
		
	var pMouseMove = FuncAdapter(this, 
		function(tEvent)
		{
			var oy = tEvent.screenY - MouseCurY;
			
			var tY = parseInt(m_pTicker.style.top) + oy;
			if (tY>=0 && tY<=(m_hObj.clientHeight - m_pTicker.offsetHeight))
			{
				MouseCurY = tEvent.screenY;
				//m_pTicker.style.top = tY;
			
			
				var S = maxLevel - ( tY / (m_hObj.clientHeight - m_pTicker.offsetHeight) * (maxLevel-1));
				//imgWidth = imgOriWidth * Math.pow(2, S);
				//ImageObject.RefreshMap(false, true);
				m_MapBase.putMapLevel2(S);
				m_MapBase.RefreshMap(false, true);
			}
		}
	);
	
	var pMouseUp = FuncAdapter(this, 
		function(tEvent)
		{
			DetachEvent(m_hObj, "mousemove", pMouseMove, true);
			DetachEvent(m_hObj, "mouseup", pMouseUp, false);
			
			var oy = tEvent.screenY - MouseCurY;
			var tY = parseInt(m_pTicker.style.top) + oy;
			
			this.MouseBeginX = 0;
			this.MouseBeginY = 0;
			
			if (tY<0) tY=0;
			if (tY>(m_hObj.clientHeight-m_pTicker.offsetHeight))
				tY = (m_hObj.clientHeight-m_pTicker.offsetHeight);
			
			mapScale = maxLevel - ( tY / (m_hObj.clientHeight-m_pTicker.offsetHeight) * (maxLevel-1));
			m_MapBase.putMapLevel(mapScale);
			m_MapBase.RefreshMap(true, true);
		}
	);
		
	AttachEvent(m_pTicker, "mousedown", 
		FuncAdapter(this, 
			function(tEvent)
			{
				MouseCurY = tEvent.screenY;
				AttachEvent(m_hObj, "mouseup", pMouseUp, false);
				AttachEvent(m_hObj, "mousemove", pMouseMove, true);
			}
		),
	false);
}

function MagnifierBase(pMapBase, diffLevel)
{
	var pNode = pMapBase.getHPackage();
//public
	this.Visible = function(Visib) {if (Visib) this.Show(); else this.Hide();}
	this.IsVisible = function() {return m_MainTable.style.visibility != "hidden";}
	this.Hide = function() {m_MainTable.style.visibility = "hidden";}
	this.Show = function() {m_MainTable.style.visibility = "visible";}
	this.getMapBase = function() {return m_MapBase;}
	
	this.ViewAt = function(dX, dY, isDeleteNoused)
	{
		var pt = m_TargetMapBase.FromMapPoint(dX, dY);
		var tX = pt.X - m_CenterOffsetX;
		var tY = pt.Y - m_CenterOffsetY;
		m_MapBase.MoveMapTo(dX, dY);
		m_MapBase.RefreshMap(true, isDeleteNoused);
		m_MainTable.style.left = tX;
		m_MainTable.style.top = tY;
	}
	
	this.RebuildElement = function()
	{
		var tX = parseInt(m_MainTable.style.left);
		var tY = parseInt(m_MainTable.style.top);
		var nX = m_CenterOffsetX + tX;
		var nY = m_CenterOffsetY + tY;
		var pt = m_TargetMapBase.ToMapPoint(nX, nY);
		this.ViewAt(pt.X, pt.Y);
		m_MapBase.MoveMapTo(pt.X, pt.Y);
		m_MapBase.RefreshMap(true, false);
		//window.status = pt.X + "/" + pt.Y;
	}
	
	this.UpdateElement = function(imgRatio)
	{
		if (m_MapMagnifierAsync && this.IsVisible)
		{
			this.RebuildElement();
		}
	}

//private
	var m_MapBase;
	var m_MainTable;
	var m_MapMagnifier;
	var MouseCurX;
	var MouseCurY;
	var m_TargetMapBase;
	var m_CenterOffsetX = 0;
	var m_CenterOffsetY = 0;
	var m_MapMagnifierAsync = false;
	
//constructor
	m_TargetMapBase = pMapBase;
	
	pDoc = pNode.ownerDocument;
	m_MainTable = pDoc.createElement("table");
	pTbl = m_MainTable;
	pTbl.style.position = "absolute";
	pTbl.style.left = 0;
	pTbl.style.top = 0;
	pNode.appendChild(pTbl);
	pTbl.border = 0;
	pTbl.cellPadding = 0;
	pTbl.cellSpacing = 0;
	pTbl.unselectable = "on";
	
	var pCenterCell = null;
	pRow = pTbl.insertRow(pTbl.rows.length);
	if (pRow)
	{
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.innerHTML = "<img src='Images/Side_1.gif' width=10 height=10 border=0>";
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.backgroundImage = "url(Images/Side_2.gif)";
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.innerHTML = "<img src='Images/Side_3.gif' width=10 height=10 border=0>";
	}
	
	pRow = pTbl.insertRow(pTbl.rows.length);
	if (pRow)
	{
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.backgroundImage = "url(Images/Side_4.gif)";
		pCenterCell = pRow.insertCell(pRow.cells.length);
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.backgroundImage = "url(Images/Side_6.gif)";
	}
	
	pRow = pTbl.insertRow(pTbl.rows.length);
	if (pRow)
	{
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.vAlign="bottom";
		pCell.innerHTML = "<img src='Images/Side_7.gif' width=10 height=10 border=0>";
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.backgroundImage = "url(Images/Side_8.gif)";
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.vAlign="bottom";
		pCell.innerHTML = "<img src='Images/Side_9.gif' width=10 height=10 border=0>";
	}

	pTbl = pDoc.createElement("table");
	pCenterCell.appendChild(pTbl);
	pTbl.border = 0;
	pTbl.cellPadding = 0;
	pTbl.cellSpacing = 0;
	pTbl.unselectable = "on";
	
	pImg = pDoc.createElement("img");
	pImg.src = "Images/Magnifier.gif";
	pImg.border=0;
	pImg.width=25;
	pImg.height=25;
		
	pRow = pTbl.insertRow(pTbl.rows.length);
	if (pRow)
	{
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.border = "inset 1px gray"
		pCell.colSpan=2;
		
		var s = Math.pow(2, diffLevel);
		m_MapBase = new MapBase(pCell, 0, 0, pImg.width * s, pImg.height * s, 256, 256);
		m_MapBase.putRepeatX(false);
	}
	
	pRow = pTbl.insertRow(pTbl.rows.length);
	if (pRow)
	{
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.border = "inset 1px gray"
		pCell.align="center";
		pCell.appendChild(pImg);

		var pCell2 = pRow.insertCell(pRow.cells.length);
		pCell2.style.backgroundImage = "url(Images/Side_5.gif)";
		pCell2.width = pCenterCell.clientWidth - pImg.width - 2;
		m_CenterOffsetX = pCenterCell.offsetLeft + pCell.offsetLeft + (pImg.width+1) /2 + 1;
		m_CenterOffsetY = pCenterCell.offsetTop + pCell.offsetTop + (pImg.height+1) / 2 + 1;
	}
	m_MapBase.putMapLevel(m_TargetMapBase.getMapLevel() + diffLevel);
	this.ViewAt(m_TargetMapBase.getCenterX(), m_TargetMapBase.getCenterY(), true);
	
	var pMouseMove = FuncAdapter(this, 
		function(tEvent)
		{
			var ox = tEvent.screenX - MouseCurX;
			var oy = tEvent.screenY - MouseCurY;
			
			MouseCurX = tEvent.screenX;
			MouseCurY = tEvent.screenY;
			
			var tX = parseInt(m_MainTable.style.left) + ox;
			var tY = parseInt(m_MainTable.style.top) + oy;
			m_MainTable.style.left = tX;
			m_MainTable.style.top = tY;
			this.RebuildElement();
		}
	);
		
	AttachEvent(m_MainTable, "mousedown", 
		FuncAdapter(this, 
			function(tEvent)
			{
				MouseCurX = tEvent.screenX;
				MouseCurY = tEvent.screenY;
				AttachEvent(m_MainTable, "mousemove", pMouseMove, true);
			}
		),
	false);
	AttachEvent(m_MainTable, "mouseup", 
		FuncAdapter(this, 
			function(tEvent)
			{
				m_MapBase.RefreshMap(true, true);
				DetachEvent(m_MainTable, "mousemove", pMouseMove, true);
			}
		),
	false);
}

function MapTools(pNode, locX, locY, padding)
{
//public
	this.AddTool = function(pMapBase, pTool, imgPath, altString)
	{
		//m_Tools.push(new MapTool(m_hObj, pMapBase, pTool, imgPath));
		
		var hObj = pNode.ownerDocument.createElement("img");
		m_hObj.appendChild(hObj);
		hObj.src = imgPath;
		hObj.style.border = "outset 2px";
		hObj.style.margin = padding + "px " + padding + "px " + padding + "px 0px";
		hObj.style.background = "lightgreen";
		hObj.alt = altString;
		if (pTool && pTool.InitialMapBase)
			pTool.InitialMapBase(pMapBase);
		
		var pClick = function(tEvent) 
		{
			var i;
			var cnt = m_Tools.length;
			for (i=0;i<cnt;i++)
			{
				m_Tools[i].style.border = "outset 2px";
				m_Tools[i].style.background = "lightgreen";
			}

			if (m_CurrentTool == hObj)
			{
				pMapBase.SelectMapTool(null);
				m_CurrentTool = null;
			}
			else
			{
				if (pTool)
				{
					if (pMapBase.SelectMapTool(pTool))
						m_CurrentTool = hObj;
					else if (pTool.MapCommand)
						pTool.MapCommand(tEvent, pMapBase, hObj);
				}	
				if (m_CurrentTool)
				{
					m_CurrentTool.style.border = "inset 2px";
					m_CurrentTool.style.background = "green";
				}
			}
		}
		AttachEvent(hObj, "click", pClick, false);
		
		AttachEvent(hObj, "mousedown", function() {hObj.style.border = "inset 2px";hObj.style.background = "green";}, false);
		AttachEvent(hObj, "mouseup", function() {hObj.style.border = "outset 2px";hObj.style.background = "lightgreen";}, false);

		m_Tools.push(hObj);
	}
//private
	var m_hObj;
	var m_Tools = new Array;
	var m_CurrentTool = null;

	m_hObj = pNode.ownerDocument.createElement("span");
	pNode.appendChild(m_hObj);
	m_hObj.style.position = "relative";
	m_hObj.style.left = locX;
	m_hObj.style.top = locY;
	//m_hObj.style.border = "inset 1px";
	//m_hObj.style.padding = "0px 0px 0px " + padding + "px";
	//m_hObj.style.background = "lightgreen";
}

function MapMove()
{
	var MouseCurX;
	var MouseCurY;
	this.ExitMapEvent = null;
	
	this.InitMapEvent = function(pMapBase)
	{
		var hObj = pMapBase.getHObject();
		
		var pMouseMove = function(tEvent)
		{
			var ox = tEvent.screenX - MouseCurX;
			var oy = tEvent.screenY - MouseCurY;
			
			if( pMapBase.getEye() == 0)
			{
			
			//POI~~~~
			//window.status =(parseInt(event.clientY)-parseInt(ty))+"/"+(parseInt(event.clientX)-parseInt(tx));
			
			document.all.PoiLayer.style.top=parseInt(event.clientY)-parseInt(ty);
			document.all.PoiLayer.style.left=parseInt(event.clientX)-parseInt(tx);
			document.all.RealTimeLayer.style.top=parseInt(event.clientY)-parseInt(ty);
			document.all.RealTimeLayer.style.left=parseInt(event.clientX)-parseInt(tx);
			document.all.SELayer.style.top=parseInt(event.clientY)-parseInt(ty);
			document.all.SELayer.style.left=parseInt(event.clientX)-parseInt(tx);
			document.all.SmallShow.style.top=parseInt(event.clientY)-parseInt(ty);
			document.all.SmallShow.style.left=parseInt(event.clientX)-parseInt(tx);
		   	}
		   	else
		   		{
		   		//alert('d');
		   		}
			//Poi~~~~			
			MouseCurX = tEvent.screenX;
			MouseCurY = tEvent.screenY;
		
			
			pMapBase.MoveMapTo(pMapBase.getCenterX() - pMapBase.ToMapDistX(ox), pMapBase.getCenterY() - pMapBase.ToMapDistY(oy));
			//pMapBase.RefreshMap(true, false);
			pMapBase.RefreshMap(false, false);
			
			if(pMapBase.getEye()==0)
			{	
				gEye.SetCuboidSize(gMapBase.ToMapPoint(0,0),gMapBase.ToMapPoint(gMapBase.getClientWidth(),gMapBase.getClientHeight()),false);
			}
			
		}
		
		var pMouseUp = function(tEvent)
		{
			DetachEvent(hObj, "mousemove", pMouseMove, true);
			DetachEvent(hObj, "mouseup", pMouseUp, false);

			pMapBase.RefreshMap(true, true);
			
			//eye 
			try
			{
			  if(pMapBase.getEye()==0)
			  {
			    	gEye.MoveMapTo(gMapBase.getCenterX(),gMapBase.getCenterY());
			  }
			  else if(pMapBase.getEye()==1)
			  {
			  	 uAutoMove(gEye.CenterXY(),gMapBase);
			  }
		  }
		  catch(ex){}
			//eye
			//city
			try
			{
			  if(myCity != null)
			  {
			  	var rbpt = gMapBase.ToMapPoint(document.body.clientWidth /2, document.body.clientHeight /2);
			  	myCity.GetCityName(MapToRealPosX(rbpt.X) ,MapToRealPosY(rbpt.Y));	
			  	rbpt = null;
			  }
			}
		  catch(ex){}			
			//city
			//Traffic POI
	//		try
	//		{
			PoiLayer.style.top=0;
			PoiLayer.style.left=0;
			RealTimeLayer.style.top=0;
			RealTimeLayer.style.left=0;
			SmallShow.style.top=0;
			SmallShow.style.left=0;
			
			if(document.getElementById('CCTVSmallwindows') != null)
			{
				ScreenClientPt =gMapBase.FromMapPoint(RealToMapPosX(Smallpx),RealToMapPosY(Smallpy));
				document.getElementById('CCTVSmallwindows').style.top = (ScreenClientPt.Y-320);
				document.getElementById('CCTVSmallwindows').style.left = (ScreenClientPt.X-175);
			}
			if(document.getElementById('Smallwindows') != null)
			{
				ScreenClientPt =gMapBase.FromMapPoint(RealToMapPosX(Smallpx),RealToMapPosY(Smallpy));
				document.getElementById('Smallwindows').style.top = (ScreenClientPt.Y-80);
				document.getElementById('Smallwindows').style.left = (ScreenClientPt.X-16);
			}
			if(document.getElementById('CMSSmallwindows') != null)
			{
				ScreenClientPt =gMapBase.FromMapPoint(RealToMapPosX(Smallpx),RealToMapPosY(Smallpy));
				document.getElementById('CMSSmallwindows').style.top = (ScreenClientPt.Y-100);
				document.getElementById('CMSSmallwindows').style.left = (ScreenClientPt.X-115);
			}
			if(document.getElementById('sufferingSmallwindows') != null)
			{
				ScreenClientPt =gMapBase.FromMapPoint(RealToMapPosX(Smallpx),RealToMapPosY(Smallpy));
				document.getElementById('sufferingSmallwindows').style.top = (ScreenClientPt.Y-210);
				document.getElementById('sufferingSmallwindows').style.left = (ScreenClientPt.X-115);
			}
			
			GetDrive();
			CreateDrivePoi();
			CreateTrafficPoi();
			SELayer.style.top = 0;
		SELayer.style.left = 0;
			CreateSEPoi();
			//Traffic POI
			CollectGarbage();
//			}
//		  catch(ex){}	
		}
		
		var pMouseDown = function(tEvent) 
		{
			MouseCurX = tEvent.screenX;
			MouseCurY = tEvent.screenY;
			tx=event.clientX;
			ty=event.clientY;
			AttachEvent(hObj, "mouseup", pMouseUp, false);
			AttachEvent(hObj, "mousemove", pMouseMove, true);		
		}
		
		var pDblClick = function(tEvent)
		{
			if (tFunc != null) return;//修正地震
			var OffsetPt = pMapBase.getOffset();
			var cpt = pMapBase.ToMapPoint(tEvent.clientX - OffsetPt.X, tEvent.clientY - OffsetPt.Y);
			
			var TimeMove = function()
			{
				var centerX = pMapBase.getCenterX();
				var centerY = pMapBase.getCenterY();
				if (pMapBase.FromMapDistX(Math.abs(centerX - cpt.X)) < 5 && 
					pMapBase.FromMapDistY(Math.abs(centerY - cpt.Y)) < 5)
				{
					pMapBase.MoveMapTo(cpt.X , cpt.Y);
					pMapBase.RefreshMap(true, true);
					
					tFunc = null;
									
					if((pMapBase.getMapLevel() + 1) > pMapBase.getMapMaxLevel()) return;
					
					var tmp = pMapBase.getMapLevel();
					var lv = tmp + 1;
					var tmp2 = 1;
					var i = 0;
					
					function ZoonIn()
					{
						i++;
						if(i > 5)
						{
							pMapBase.putMapLevel(lv);
							pMapBase.RefreshMap(true, true);
							
							tFunc = null;
							tmp = null;
							lv = null;
							tmp2 = null;
							i = null;
							  try
							  {
						  	  //Poi~~
								  CreateTrafficPoi();
								  //GetDrive();
								  CreateDrivePoi();
							    //鷹眼移動
						   	  gEye.MapTo(gMapBase.getCenterX(),gMapBase.getCenterY());
						  	  gEye.SetCuboidSize(gMapBase.ToMapPoint(0,0),gMapBase.ToMapPoint(gMapBase.getClientWidth(),gMapBase.getClientHeight()));
                }catch(ex){}						
						}
						else
						{
							tmp2 = tmp2 / 2;
							tmp += tmp2;
							pMapBase.putMapLevel2(tmp);
							pMapBase.RefreshMap(false,true);
							tFunc = setTimeout(ZoonIn, 50);
						}
						
						try
						{
						//Traffic poi~~~~~~~~
			     
			      //GetDrive();
						CreateDrivePoi();
						 CreateTrafficPoi();
			      CreateSEPoi();
			      //Traffic poi~~~~~~~~
			      }catch(ex){}
						
					}
					
					tFunc = setTimeout(ZoonIn, 50);
				
				}
				else
				{
						pMapBase.MoveMapTo((centerX + cpt.X) / 2 , (centerY + cpt.Y) / 2);
						pMapBase.RefreshMap(true, true);
						tFunc = setTimeout(TimeMove, 200);
				}
			}
			TimeMove();
			
		}
		
		var pMouseWheel =function(tEvent)
	  {
	  				if (tFunc != null) return;
				
				var centerFlag = null;
				
				if (event.wheelDelta >= 120) //往前滾
				{
					if((pMapBase.getMapLevel() + 1) > pMapBase.getMapMaxLevel()) return;
					
					var tmp = pMapBase.getMapLevel();
					var lv = tmp + 1;
					var tmp2 = 1;
					var i = 0;
					
					function ZoonIn()
					{
						i++;
						if(i > 5)
						{
							pMapBase.putMapLevel(lv);
							pMapBase.RefreshMap(true, true);
							
							tFunc = null;
							tmp = null;
							lv = null;
							tmp2 = null;
							i = null;
							try
							{
							  //Poi~~
						//	  CreateTrafficPoi();
							  GetDrive();  //090324小o取消註解
							//  CreateDrivePoi();
							  //鷹眼移動
					//		  gEye.MapTo(gMapBase.getCenterX(),gMapBase.getCenterY());
						//	  gEye.SetCuboidSize(gMapBase.ToMapPoint(0,0),gMapBase.ToMapPoint(gMapBase.getClientWidth(),gMapBase.getClientHeight()));
						  }catch(ex){}
							document.body.removeChild(centerFlag); 
							centerFlag = null;
						}
						else
						{
							tmp2 = tmp2 / 2;
							tmp += tmp2;
							pMapBase.putMapLevel2(tmp);
							pMapBase.RefreshMap(false,true);
							tFunc = setTimeout(ZoonIn, 50);
						}
						try
						{
							//Traffic poi~~~~~~~~
			      CreateTrafficPoi();
		//	      GetDrive();
			     CreateSEPoi();
				 if(document.getElementById('sufferingSmallwindows') != null)
			{
				ScreenClientPt =gMapBase.FromMapPoint(RealToMapPosX(Smallpx),RealToMapPosY(Smallpy));
				document.getElementById('sufferingSmallwindows').style.top = (ScreenClientPt.Y-210);
				document.getElementById('sufferingSmallwindows').style.left = (ScreenClientPt.X-115);
			}
			
			      //Traffic poi~~~~~~~~
			      }
			      catch(ex){}
			      //kk();
					}
					
					centerFlag = document.createElement("img");
					centerFlag.style.position = "absolute";
					centerFlag.src = 'images/out.gif';	
					centerFlag.style.left = event.clientX - (80 / 2); 
					centerFlag.style.top = event.clientY - (60 / 2);	
					document.body.appendChild(centerFlag); 
					
					MoveMouseCenter(pMapBase,true); // 放大
					tFunc = setTimeout(ZoonIn, 50);
				}	  
				else if (event.wheelDelta <= -120) //往後滾 
				{	
					if(parseInt(pMapBase.getMapLevel()) != 1)
					{
						if(tFunc != null) return;
						
						var tmp = pMapBase.getMapLevel();
						var lv = tmp - 1;
						var tmp2 = 1;
						var i = 0;
						
						function ZoonOut()
						{
							i++;
							if(i > 5)
							{
								pMapBase.putMapLevel(lv);
								pMapBase.RefreshMap(true, true);
								
								tFunc = null;
								tmp = null;
								lv = null;
								tmp2 = null;
								i = null;
						  		try
						  		{
						     	//Poi~~
							//  	CreateTrafficPoi();
							  	GetDrive();  //090324小o取消註解
							 // 	CreateDrivePoi();	
							  //	 CreateSEPoi();							  	
								//鷹眼移動
						  //		gEye.MapTo(gMapBase.getCenterX(),gMapBase.getCenterY());
						  //		gEye.SetCuboidSize(gMapBase.ToMapPoint(0,0),gMapBase.ToMapPoint(gMapBase.getClientWidth(),gMapBase.getClientHeight()));
						  		}catch(ex){}
								document.body.removeChild(centerFlag); 
								centerFlag = null;
							}
							else
							{
								tmp2 = tmp2 / 2;
								tmp -= tmp2;
								pMapBase.putMapLevel2(tmp);
								pMapBase.RefreshMap(false,true);
								tFunc = setTimeout(ZoonOut, 50);
							}		
							    try
						  		{
						     //Poi~~
							  	CreateTrafficPoi();
							  	//GetDrive();   //090324小o註解掉
							  	 CreateSEPoi();	
if(document.getElementById('sufferingSmallwindows') != null)
			{
				ScreenClientPt =gMapBase.FromMapPoint(RealToMapPosX(Smallpx),RealToMapPosY(Smallpy));
				document.getElementById('sufferingSmallwindows').style.top = (ScreenClientPt.Y-210);
				document.getElementById('sufferingSmallwindows').style.left = (ScreenClientPt.X-115);
			}
											 
									}catch(ex){}
									//kk();					
						}
						
						centerFlag = document.createElement("img");
						centerFlag.style.position = "absolute";
						centerFlag.src = 'images/in.gif';	
						centerFlag.style.left = event.clientX - (80 / 2); 
						centerFlag.style.top = event.clientY - (60 / 2);	
						document.body.appendChild(centerFlag); 
						MoveMouseCenter(pMapBase,false); // 縮小
						tFunc = setTimeout(ZoonOut, 50);
					}
				}	
	  }
		
		this.ExitMapEvent = function()
		{
			DetachEvent(hObj, "mousedown", pMouseDown, false);
			DetachEvent(hObj, "dblclick", pDblClick, false);
			DetachEvent(hObj, "mousewheel",pMouseWheel,false);
		}
	
		AttachEvent(hObj, "mousedown", pMouseDown, false);
		AttachEvent(hObj, "dblclick", pDblClick, false);
		AttachEvent(hObj, "mousewheel",pMouseWheel,false);
	}
}

function MapZoom(ZoomType)
{
	var MouseCurX;
	var MouseCurY;
	var MouseDownX;
	var MouseDownY;
	var m_hObj;
	
	this.ExitMapEvent = null;
	this.InitMapEvent = function(pMapBase)
	{
		var hObj = pMapBase.getHObject();
		var OffsetPt = pMapBase.getOffset();
		
		var pMouseMove = function(tEvent)
		{
			var ox = tEvent.screenX - MouseCurX;
			var oy = tEvent.screenY - MouseCurY;
			
			m_hObj.style.left = MouseDownX + (ox<0?ox:0);
			m_hObj.style.width = Math.max(Math.abs(ox),1);
			
			m_hObj.style.top = MouseDownY + (oy<0?oy:0);
			m_hObj.style.height = Math.max(Math.abs(oy),1);
			
			//window.status = m_hObj.style.left + "/" + m_hObj.style.top;
		}
		
		var pMouseUp = function(tEvent)
		{
			DetachEvent(hObj, "mousemove", pMouseMove, true);
			DetachEvent(hObj, "mouseup", pMouseUp, false);
			
			hObj.removeChild(m_hObj);
			m_hObj = null;

			var ox = Math.abs(tEvent.screenX - MouseCurX);
			var oy = Math.abs(tEvent.screenY - MouseCurY);
			
			var cpt = pMapBase.ToMapPoint(
				(MouseDownX + tEvent.clientX - OffsetPt.X) / 2, 
				(MouseDownY + tEvent.clientY - OffsetPt.Y) / 2);
			
			pMapBase.MoveMapTo(cpt.X, cpt.Y);
			
			var s;
			if (ox<5 && oy<5)
				s = 1;
			else
			{
				var sw = pMapBase.getClientWidth() / ox;
				var sh = pMapBase.getClientHeight() / oy;
				s = Math.log(Math.min(sw,sh))/Math.log(2);
			}
			
			if (ZoomType==0)
				pMapBase.putMapLevel(pMapBase.getMapLevel() + s);
			else
				pMapBase.putMapLevel(pMapBase.getMapLevel() - s);
			
//			var downpt = pMapBase.ToMapPoint(MouseDownX, MouseDownY);
//			var uppt = pMapBase.ToMapPoint(tEvent.clientX - OffsetPt.X, tEvent.clientY - OffsetPt.Y);
//			
//			pMapBase.MoveMapTo((downpt.X + uppt.X)/2, (downpt.Y + uppt.Y)/2);
//			var sw = Math.abs(pMapBase.getClientWidth() / pMapBase.getImageWidth() / (downpt.X - uppt.X));
//			var sh = Math.abs(pMapBase.getClientHeight() / pMapBase.getImageHeight() / (downpt.Y - uppt.Y));
//			pMapBase.putMapLevel(Math.log(Math.min(sw,sh))/Math.log(2));
			pMapBase.RefreshMap(true, true);
			
			//eye
			gEye.MapTo(gMapBase.getCenterX(),gMapBase.getCenterY());
			gEye.SetCuboidSize(gMapBase.ToMapPoint(0,0),gMapBase.ToMapPoint(gMapBase.getClientWidth(),gMapBase.getClientHeight()));
			//eye
		}
		
		var pMouseDown = function(tEvent) 
		{
			MouseCurX = tEvent.screenX;
			MouseCurY = tEvent.screenY;
			
			MouseDownX = tEvent.clientX - OffsetPt.X;
			MouseDownY = tEvent.clientY - OffsetPt.Y;
			
			m_hObj = hObj.ownerDocument.createElement("div");
			hObj.appendChild(m_hObj);
			m_hObj.style.position = "absolute";
			m_hObj.style.overflow = "hidden";
			m_hObj.style.left = MouseDownX;
			m_hObj.style.top = MouseDownY;
			m_hObj.style.width = 0;
			m_hObj.style.height = 0;
			m_hObj.style.border = "inset 2px red";
			
			AttachEvent(hObj, "mouseup", pMouseUp, false);
			AttachEvent(hObj, "mousemove", pMouseMove, true);
		}
		
		this.ExitMapEvent = function() {DetachEvent(hObj, "mousedown", pMouseDown, false);}
	
		AttachEvent(hObj, "mousedown", pMouseDown,false);
		
	}
}

function MapFullExtent()
{
	this.MapCommand = function(tEvent, pMapBase, hObj)
	{
		pMapBase.MoveMapTo(0.5, 0.5);
		var sw = Math.abs(pMapBase.getClientWidth() / pMapBase.getImageWidth());
		var sh = Math.abs(pMapBase.getClientHeight() / pMapBase.getImageHeight());
		pMapBase.putMapLevel(Math.log(Math.min(sw,sh))/Math.log(2));
		gMapBase.RefreshMap(true, true);
	}
}

function MapLocate(dX, dY, dLevel)
{
	this.X = dX;
	this.Y = dY;
	this.Level = dLevel;
}
function MapZoomLast()
{
	this.RemoveSelf = null;
	this.RebuildElement = null;
	
	var m_MapLocates = new Array;
	this.RebuildElement = null;
	this.MapCommand = null;
	
	this.InitialMapBase = function(pTargetMapBase)
	{
		this.RebuildElement = function()
		{
			m_MapLocates.push(new MapLocate(pTargetMapBase.getCenterX(), pTargetMapBase.getCenterY(), pTargetMapBase.getMapLevel()));
		}
		this.MapCommand = function(tEvent, pMapBase, hObj)
		{
			if (m_MapLocates.length>1)
			{
				pLocate = m_MapLocates.pop();
				if (pLocate)
				{
					pLocate = m_MapLocates.pop();
					if (pLocate)
					{
						pTargetMapBase.MoveMapTo(pLocate.X, pLocate.Y);
						pTargetMapBase.putMapLevel(pLocate.Level);
						pTargetMapBase.RefreshMap(true, true);
					}
				}
			}
		}
		this.RebuildElement();
		pTargetMapBase.AddElement(this);
	}
}

function MapSliderAdmin()
{
	var m_pSlider;
	this.MapCommand = function(tEvent, pMapBase, hObj)
	{
		if (m_pSlider==null)
			pMapBase.AddElement(m_pSlider = new MapSlider(pMapBase, 10, 10, 30, 150, 8));
		else if (m_pSlider.IsVisible())
			m_pSlider.Hide();
		else
			m_pSlider.Show();
	}
}

function MapMagniAdmin(levelDiff)
{
	var m_pMagni;
	this.MapCommand = function(tEvent, pMapBase, hObj)
	{
		if (m_pMagni==null)
			pMapBase.AddElement(m_pMagni = new MagnifierBase(pMapBase, levelDiff));
		else if (m_pMagni.IsVisible())
			m_pMagni.Hide();
		else
			m_pMagni.Show();
	}
}

function MapQuery(thematicLayer, thematicLayerField)
{
	var m_hObj = null;
	var m_inputFilter = null;
	var m_pQuery = null;
	this.MapCommand = function(tEvent, pMapBase, hObj)
	{
		var pNode = document.body;
		
		var pQueryFunc = function(tEvent) 
		{
			if (m_pQuery)
				pMapBase.RemoveElement(m_pQuery);
			m_pQuery = null;
			if (m_inputFilter.value != "")
			{
				m_pQuery = new MapSelectResult(pMapBase, 500, 300);
				m_pQuery.ExecuteFilter(thematicLayer, m_inputFilter.value);
				pMapBase.AddElement(m_pQuery);
			}
			m_hObj.style.visibility = "hidden";
		}
		
		var pClearFunc = function()
		{
			if (m_pQuery)
				pMapBase.RemoveElement(m_pQuery);
			m_pQuery = null;
			
			if (m_hObj)
				pNode.removeChild(m_hObj);
			m_hObj=null;
		}
		
		if (m_hObj)
		{
			m_hObj.style.visibility = "visible";
		}
		else
		{
			m_hObj = pNode.ownerDocument.createElement("div");
			pNode.appendChild(m_hObj);
			m_hObj.style.background = "lightgreen";
			m_hObj.style.position = "absolute";
			m_hObj.style.border = "solid 1px green"
			m_hObj.style.padding = "2px 2px 2px 2px";
			
			var inp;
			
			pTbl = pNode.ownerDocument.createElement("table");
			m_hObj.appendChild(pTbl);
			pTbl.border = 0;
			pTbl.cellPadding = 0;
			pTbl.cellSpacing = 0;
			pTbl.unselectable = "on";
			
			pRow = pTbl.insertRow(pTbl.rows.length);
			if (pRow)
			{
				pCell = pRow.insertCell(pRow.cells.length);
				pCell.align = "center";
				
				var field = pNode.ownerDocument.createElement("select");
				var i;
				for (i=0;i<thematicLayerField.length;i++)
					field.options[i] = new Option(thematicLayerField[i], thematicLayerField[i]);
					
				pCell.appendChild(field);
				
				var oper = pNode.ownerDocument.createElement("select");
				oper.options[0] = new Option("=", " = ");
				oper.options[1] = new Option("<", " < ");
				oper.options[2] = new Option(">", " > ");
				oper.options[3] = new Option("<=", " <= ");
				oper.options[4] = new Option(">=", " >= ");
				oper.options[5] = new Option("!=", " != ");
				oper.options[6] = new Option("Like", " LIKE ");
				pCell.appendChild(oper);
				
				var fieldvalue = pNode.ownerDocument.createElement("input");
				fieldvalue.value = "";
				pCell.appendChild(fieldvalue);
			}
			
			pRow = pTbl.insertRow(pTbl.rows.length);
			if (pRow)
			{
				pCell = pRow.insertCell(pRow.cells.length);
				pCell.align = "center";
				
				var inp = pNode.ownerDocument.createElement("input");
				inp.type = "button";
				inp.value="And";
				AttachEvent(inp, "click", function() {m_inputFilter.value += " AND";}, false);
				pCell.appendChild(inp);
				
				inp = pNode.ownerDocument.createElement("input");
				inp.type = "button";
				inp.value="Or";
				AttachEvent(inp, "click", function() {m_inputFilter.value += " OR ";}, false);
				pCell.appendChild(inp);
				
				inp = pNode.ownerDocument.createElement("input");
				inp.type = "button";
				inp.value="Not";
				AttachEvent(inp, "click", function() {m_inputFilter.value += " NOT ";}, false);
				pCell.appendChild(inp);
				
				inp = pNode.ownerDocument.createElement("input");
				inp.type = "button";
				inp.value="(";
				AttachEvent(inp, "click", function() {m_inputFilter.value += " ( ";}, false);
				pCell.appendChild(inp);
				
				inp = pNode.ownerDocument.createElement("input");
				inp.type = "button";
				inp.value=")";
				AttachEvent(inp, "click", function() {m_inputFilter.value += " ) ";}, false);
				pCell.appendChild(inp);
				
				inp = pNode.ownerDocument.createElement("input");
				inp.type = "button";
				inp.value="Append";
				AttachEvent(inp, "click", 
					function() 
					{
						m_inputFilter.value += field.options[field.selectedIndex].value + 
								oper.options[oper.selectedIndex].value + 
								"'" + fieldvalue.value + "'";
					}, false);
				pCell.appendChild(inp);
			}
			
			pRow = pTbl.insertRow(pTbl.rows.length);
			if (pRow)
			{
				pCell = pRow.insertCell(pRow.cells.length);
				pCell.align = "center";
				
				m_inputFilter = pNode.ownerDocument.createElement("input");
				pCell.appendChild(m_inputFilter);
				m_inputFilter.size = 50;
				
				var inp;
				inp = pNode.ownerDocument.createElement("input")
				inp.type = "button";
				inp.value="Query";
				AttachEvent(inp, "click", pQueryFunc, false);
				pCell.appendChild(inp);
				
				inp = pNode.ownerDocument.createElement("input");
				inp.type = "button";
				inp.value="Clear";
				AttachEvent(inp, "click", pClearFunc, false);
				pCell.appendChild(inp);
				
				inp = pNode.ownerDocument.createElement("input");
				inp.type = "button";
				inp.value="Close";
				AttachEvent(inp, "click", function(tEvent) {m_hObj.style.visibility = "hidden";}, false);
				pCell.appendChild(inp);
			}
		}
		
		m_hObj.style.left = tEvent.clientX;
		m_hObj.style.top = tEvent.clientY;
	}
}

//static
MapSelectResult.Results = new Array();
function MapSelectResult(pMapBase, tblWidth, tblHeight)
{
	var pNode = pMapBase.getHPackage();
	MapSelectResult.Results.push(this);
	
//private
	var m_MainTable;
	var m_MainDiv;
	var m_pGraps = new Array;
	
//public
	this.Visible = function(Visib) {if (Visib) this.Show(); else this.Hide();}
	this.IsVisible = function() {return m_MainTable.style.visibility != "hidden";}
	this.Hide = function() {m_MainTable.style.visibility = "hidden";}
	this.Show = function() {m_MainTable.style.visibility = "visible";}
	this.SetZIndex = function(zIdx) {m_MainTable.style.zIndex = zIdx;}
	this.GetZIndex = function() {return m_MainTable.style.zIndex;}
	this.EnsureZIndex = function(zIdx) 
	{
		var z = parseInt(m_MainTable.style.zIndex);
		if (z > zIdx)
		{
			m_MainTable.style.zIndex = z-1;
			return z;
		}
		return 0;
	}
	this.RemoveSelf = function()
	{
		var i;
		for (i=0;i<m_pGraps.length;i++)
			pMapBase.RemoveElement(m_pGraps[i]);
		m_pGraps = new Array;
		
		for (i=0;i<MapSelectResult.Results.length;i++)
		{
			if (MapSelectResult.Results[i] == this)
			{
				MapSelectResult.Results.splice(i, 1);
				break;
			}
		}
		
		if (m_MainTable)
			pNode.removeChild(m_MainTable);
		m_MainTable = null
	}

	this.RebuildElement = null;
	this.UpdateElement = null;

//constructor
	pDoc = pNode.ownerDocument;
	m_MainTable = pDoc.createElement("table");
	m_MainTable.style.zIndex = MapSelectResult.Results.length;
	pTbl = m_MainTable;
	pNode.appendChild(pTbl);
	pTbl.style.position = "absolute";
	pTbl.style.left = 0;
	pTbl.style.top = 0;
	pTbl.border = 0;
	pTbl.cellPadding = 0;
	pTbl.cellSpacing = 0;
	pTbl.unselectable = "on";
	
	var pCenterCell = null;
	var pTitleCell = null;
	pRow = pTbl.insertRow(pTbl.rows.length);
	if (pRow)
	{
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.innerHTML = "<img src='Images/Side_1.gif' width=10 height=10 border=0>";
		pTitleCell = pRow.insertCell(pRow.cells.length);
		pTitleCell.style.backgroundImage = "url(Images/Side_2.gif)";
		var pImg = pDoc.createElement("img");
		pImg.src = "Images/Close.gif";
		pImg.border = 0;
		pImg.width = 9;
		pImg.height = 9;
		
		AttachEvent(pImg, "click", 
			FuncAdapter(this, function(tEvent){pMapBase.RemoveElement(this);}),
		false);
	
		pTitleCell.appendChild(pImg);
		pTitleCell.align = "right";
		pTitleCell.vAlign = "bottom";
			
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.innerHTML = "<img src='Images/Side_3.gif' width=10 height=10 border=0>";
	}
	
	pRow = pTbl.insertRow(pTbl.rows.length);
	if (pRow)
	{
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.backgroundImage = "url(Images/Side_4.gif)";
		pCenterCell = pRow.insertCell(pRow.cells.length);
		pCenterCell.style.backgroundImage = "url(Images/Side_5.gif)";
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.backgroundImage = "url(Images/Side_6.gif)";
	}
	
	pRow = pTbl.insertRow(pTbl.rows.length);
	if (pRow)
	{
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.vAlign="bottom";
		pCell.innerHTML = "<img src='Images/Side_7.gif' width=10 height=10 border=0>";
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.style.backgroundImage = "url(Images/Side_8.gif)";
		pCell = pRow.insertCell(pRow.cells.length);
		pCell.vAlign="bottom";
		pCell.innerHTML = "<img src='Images/Side_9.gif' width=10 height=10 border=0>";
	}
		
	var InsertFeatures = function(pNodes)
	{
		pCenterCell.innerHTML="";
		pDiv = pDoc.createElement("div");
		pCenterCell.appendChild(pDiv);
		pDiv.style.border = "inset 1px gray"
		
		if (pNodes.length>0)
		{
			var pNodes2 = pNodes.item(0).getElementsByTagName("Values").item(0).childNodes;
			pTbl = pDoc.createElement("table");
			pDiv.appendChild(pTbl);
			pTbl.border = 0;
			pTbl.cellPadding = 0;
			pTbl.cellSpacing = 1;
			pTbl.unselectable = "on";
			pTbl.bgColor = "black";
			pRow = pTbl.insertRow(pTbl.rows.length);
			if (pRow)
			{
				var j;
				pCell = pRow.insertCell(pRow.cells.length);
				pCell.bgColor = "lightblue";
				pCell.innerHTML = "NO";
				for (j=0;j<pNodes2.length;j++)
				{
					pCell = pRow.insertCell(pRow.cells.length);
					pCell.bgColor = "lightgreen";
					pCell.innerHTML = pNodes2.item(j).tagName;
				}
			}
			var cnt = pNodes.length;
			if (cnt>100) cnt = 100;
			var i;
			for (i=0;i<cnt;i++)
			{
				var pNodes2 = pNodes.item(i).getElementsByTagName("Values").item(0).childNodes;
	
				pRow = pTbl.insertRow(pTbl.rows.length);
				if (pRow)
				{
					pCell = pRow.insertCell(pRow.cells.length);
					pCell.bgColor = "lightblue";
					pCell.innerHTML = i;
					var j;
					for (j=0;j<pNodes2.length;j++)
					{
						pCell = pRow.insertCell(pRow.cells.length);
						pCell.bgColor = "lightgreen";
						pCell.innerHTML = pNodes2.item(j).firstChild.nodeValue;
					}
				}
	
				var pGrap = new MapGraphic(pMapBase, true);
				pMapBase.AddElement(pGrap);
				
				var pNodes2 = pNodes.item(i).getElementsByTagName("Geometry")[0].getElementsByTagName("Part");
				var j;
				for (j=0;j<pNodes2.length;j++)
				{
					var pPart = pGrap.AddPart();
					//window.open("").document.write(pNodes2.item(j).firstChild.nodeValue);
					var strPts = pNodes2.item(j).firstChild.nodeValue;
					var ss = strPts.split(",");
					var k;
					for (k=0;k<ss.length;k++)
					{
						var sss = ss[k].split(" ");
						pPart.AddPoint(parseFloat(sss[0]), parseFloat(sss[1]));
					}
				}
				pGrap.UpdateElement(1);
				m_pGraps.push(pGrap);
			}
			
			var a = pTbl.offsetWidth > tblWidth;
			var b = pTbl.offsetHeight > tblHeight;
			if (a || b)
			{
				pDiv.style.height = (b?tblHeight:"");
				pDiv.style.width = (a?tblWidth:"");
				pDiv.style.overflow = "scroll";
			}
		}
	}
	
	this.ExecuteQuery = function(postData)
	{
		pCenterCell.innerHTML = "Querying...";
		var hr = new XMLHttpRequest;
		hr.onreadystatechange = function()
		{
			if (hr.readyState == 4)
			{
				if (hr.status == 200)
				{
					//window.open("").document.write(hr.responseText);
					var pDoc = hr.responseXML;
					var pNodes = pDoc.documentElement.getElementsByTagName("Feature");
					if (pNodes.length > 0)
						InsertFeatures(pNodes);
					else
						pCenterCell.innerHTML = "No data found";
				}
				else
					pCenterCell.innerHTML = "Query failed";
			}
		}
		hr.open('POST', "Select2.asp", true);
		hr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		hr.send(postData);
	}
	
	this.ExecuteFilter = function(thematicLayer, expr)
	{
		this.ExecuteQuery("layer=" + thematicLayer + "&EXPR=" + escape(expr));
	}
	
	this.ExecuteGeom = function(thematicLayer, geom)
	{
		this.ExecuteQuery("layer=" + thematicLayer + "&GEOM=" + escape(geom));
	}
	
	var pMouseMove = FuncAdapter(this, 
		function(tEvent)
		{
			var ox = tEvent.screenX - MouseCurX;
			var oy = tEvent.screenY - MouseCurY;
			
			MouseCurX = tEvent.screenX;
			MouseCurY = tEvent.screenY;
			
			var tX = parseInt(m_MainTable.style.left) + ox;
			var tY = parseInt(m_MainTable.style.top) + oy;
			m_MainTable.style.left = tX;
			m_MainTable.style.top = tY;
		}
	);
	
	var pMouseUp = FuncAdapter(this, 
		function(tEvent)
		{
			DetachEvent(pTitleCell, "mouseup", pMouseUp, false);
			DetachEvent(pTitleCell, "mousemove", pMouseMove, true);
		}
	);
		
	AttachEvent(pTitleCell, "mousedown", 
		FuncAdapter(this, 
			function(tEvent)
			{
				MouseCurX = tEvent.screenX;
				MouseCurY = tEvent.screenY;
				
				var zI = parseInt(m_MainTable.style.zIndex);
				var maxz = zI;
				for (i=0;i<MapSelectResult.Results.length;i++)
				{
					var z = MapSelectResult.Results[i].EnsureZIndex(zI);
					if (z>maxz)
						maxz = z;
				}
				m_MainTable.style.zIndex = maxz;
				window.status = maxz + ",";
				for (i=0;i<MapSelectResult.Results.length;i++)
				{
					window.status += MapSelectResult.Results[i].GetZIndex() + ",";
				}
		
				AttachEvent(pTitleCell, "mouseup", pMouseUp, false);
				AttachEvent(pTitleCell, "mousemove", pMouseMove, true);
			}
		),
	false);
}

function MapSelectPoint(thematicLayer)
{	
	var m_pQuery = null;
	this.ExitMapEvent = null;
	this.InitMapEvent = function(pMapBase)
	{
		var hObj = pMapBase.getHObject();
		
		var pClick = function(tEvent)
		{
			var OffsetPt = pMapBase.getOffset();
			var cpt = pMapBase.ToMapPoint(tEvent.clientX - OffsetPt.X, tEvent.clientY - OffsetPt.Y);
			
			if (m_pQuery)
				pMapBase.RemoveElement(m_pQuery);
			m_pQuery = new MapSelectResult(pMapBase, 500, 300);
			m_pQuery.ExecuteGeom(thematicLayer, "PT( " + cpt.X + " " + cpt.Y + " )");
			pMapBase.AddElement(m_pQuery);
		}
		
		this.ExitMapEvent = function() 
		{
			DetachEvent(hObj, "click", pClick, false);
		}
		AttachEvent(hObj, "click", pClick,false);
	}
}

function MapRectangle(thematicLayer)
{
	var m_pQuery;
	var MouseCurX;
	var MouseCurY;
	var MouseDownX;
	var MouseDownY;
	var m_hObj;
	
	this.ExitMapEvent = null;
	this.InitMapEvent = function(pMapBase)
	{
		var hObj = pMapBase.getHObject();
		var OffsetPt = pMapBase.getOffset();
		
		var pMouseMove = function(tEvent)
		{
			var ox = tEvent.screenX - MouseCurX;
			var oy = tEvent.screenY - MouseCurY;
			
			m_hObj.style.left = MouseDownX + (ox<0?ox:0);
			m_hObj.style.width = Math.max(Math.abs(ox),1);
			
			m_hObj.style.top = MouseDownY + (oy<0?oy:0);
			m_hObj.style.height = Math.max(Math.abs(oy),1);
			
			//window.status = m_hObj.style.left + "/" + m_hObj.style.top;
		}
		
		var pMouseUp = function(tEvent)
		{
			DetachEvent(hObj, "mousemove", pMouseMove, true);
			DetachEvent(hObj, "mouseup", pMouseUp, false);
			
			hObj.removeChild(m_hObj);
			m_hObj = null;
			
			var cpt1 = pMapBase.ToMapPoint(MouseDownX, MouseDownY);
			var cpt2 = pMapBase.ToMapPoint(tEvent.clientX - OffsetPt.X, tEvent.clientY - OffsetPt.Y);
			
			if (m_pQuery)
				pMapBase.RemoveElement(m_pQuery);
			m_pQuery = new MapSelectResult(pMapBase, 500, 300);
			m_pQuery.ExecuteGeom(thematicLayer, "RC( " + cpt1.X + " " + cpt1.Y + "," + cpt2.X + " " + cpt2.Y + " )");
			pMapBase.AddElement(m_pQuery);
		}
		
		var pMouseDown = function(tEvent) 
		{
			MouseCurX = tEvent.screenX;
			MouseCurY = tEvent.screenY;
			
			MouseDownX = tEvent.clientX - OffsetPt.X;
			MouseDownY = tEvent.clientY - OffsetPt.Y;
			
			m_hObj = hObj.ownerDocument.createElement("div");
			hObj.appendChild(m_hObj);
			m_hObj.style.position = "absolute";
			m_hObj.style.overflow = "hidden";
			m_hObj.style.left = MouseDownX;
			m_hObj.style.top = MouseDownY;
			m_hObj.style.width = 0;
			m_hObj.style.height = 0;
			m_hObj.style.border = "inset 2px red";
			
			AttachEvent(hObj, "mouseup", pMouseUp, false);
			AttachEvent(hObj, "mousemove", pMouseMove, true);
		}
		
		this.ExitMapEvent = function() {DetachEvent(hObj, "mousedown", pMouseDown, false);}
	
		AttachEvent(hObj, "mousedown", pMouseDown,false);
	}
}

function MapLineString(thematicLayer, isClose)
{
	var m_pQuery;
	var m_pGrap;
	var m_pPart;
	
	this.ExitMapEvent = null;
	this.InitMapEvent = function(pMapBase)
	{
		var hObj = pMapBase.getHObject();
		var OffsetPt = pMapBase.getOffset();

		var pDblClick = function(tEvent)
		{
			if (tFunc != null) return;//修正地震
			if (pMouseMove)
				DetachEvent(hObj, "mousemove", pMouseMove, false);
			DetachEvent(hObj, "dblclick", pDblClick, false);

			if (m_pQuery)
				pMapBase.RemoveElement(m_pQuery);
			m_pQuery = new MapSelectResult(pMapBase, 500, 300);
			if (isClose)
				m_pQuery.ExecuteGeom(thematicLayer, "PG( " + m_pPart.BuildGeom(0) + " )");
			else
				m_pQuery.ExecuteGeom(thematicLayer, "LS( " + m_pPart.BuildGeom(0) + " )");
			pMapBase.AddElement(m_pQuery);
			
			pMapBase.RemoveElement(m_pGrap);
			m_pGrap = null;
		}

		var pMouseMove = null;

		var agent=navigator.userAgent.toLowerCase();
		if(agent.indexOf("msie")!=-1 && document.all)
		{
			pMouseMove = function(tEvent)
			{
				var MouseDownX = tEvent.clientX - OffsetPt.X;
				var MouseDownY = tEvent.clientY - OffsetPt.Y;
				var pt = pMapBase.ToMapPoint(MouseDownX, MouseDownY);
				m_pPart.ModifyLast(pt.X, pt.Y);
				m_pGrap.UpdateElement(1);
				//window.status = pt.X + "/" + pt.Y;
			}
		}

		var pMouseDown = function(tEvent) 
		{
			var MouseDownX = tEvent.clientX - OffsetPt.X;
			var MouseDownY = tEvent.clientY - OffsetPt.Y;
			
			var pt = pMapBase.ToMapPoint(MouseDownX, MouseDownY);
			if (m_pGrap==null)
			{
				m_pGrap = new MapGraphic(pMapBase, isClose);
				m_pPart = m_pGrap.AddPart();
				m_pPart.AddPoint(pt.X, pt.Y);
				pMapBase.AddElement(m_pGrap);
				
				AttachEvent(hObj, "dblclick", pDblClick, false);
				if (pMouseMove)
					AttachEvent(hObj, "mousemove", pMouseMove, false);
			}
			m_pPart.AddPoint(pt.X, pt.Y);
			m_pGrap.UpdateElement(1);
			//pMapBase.RefreshMap(true, true);
		}

		this.ExitMapEvent = function() {DetachEvent(hObj, "mousedown", pMouseDown, false);}
		AttachEvent(hObj, "mousedown", pMouseDown,false);
	}
}

function MapMeasure()
{
	var m_pGrap = null;
	var m_Active = false;
	var m_pPart = null;
	
	this.ExitMapEvent = null;
	this.InitMapEvent = function(pMapBase)
	{
		var hObj = pMapBase.getHObject();
		var OffsetPt = pMapBase.getOffset();
		
		var m_hObj = hObj.ownerDocument.createElement("div");
		hObj.appendChild(m_hObj);
		//m_hObj.style.background = "pink";
		m_hObj.style.position = "absolute";
		m_hObj.style.border = "outset 1px green"
		m_hObj.style.padding = "2px 2px 2px 2px";
		m_hObj.style.width = 50;
		m_hObj.style.height = 20;
		m_hObj.style.zIndex = 1;

		var pDblClick = function(tEvent)
		{
			if (tFunc != null) return;//修正地震
			DetachEvent(hObj, "mousemove", pMouseMove, false);
			DetachEvent(hObj, "dblclick", pDblClick, false);
			m_Active = false;
		}

		var pUpdateTab = function(tEvent)
		{
			var dX = tEvent.clientX - OffsetPt.X
			var dY = tEvent.clientY - OffsetPt.Y;
			m_hObj.style.left = dX;
			m_hObj.style.top = dY - m_hObj.offsetHeight;
			if (m_pPart)
				m_hObj.innerHTML = m_pPart.ShapeLength() * fullWidth;
				
			var pt = pMapBase.ToMapPoint(dX, dY);
			m_pPart.ModifyLast(pt.X, pt.Y);
		}
		var pMouseMove = null;
		var agent=navigator.userAgent.toLowerCase();
		if(agent.indexOf("msie")!=-1 && document.all)
		{
			pMouseMove = function(tEvent)
			{
				pUpdateTab(tEvent);
				if (m_pGrap) m_pGrap.UpdateElement(1);
			}
		}
		else
		{
			pMouseMove = pUpdateTab;
		}

		var pMouseDown = function(tEvent) 
		{
			var MouseDownX = tEvent.clientX - OffsetPt.X;
			var MouseDownY = tEvent.clientY - OffsetPt.Y;
			
			var pt = pMapBase.ToMapPoint(MouseDownX, MouseDownY);
			if (m_Active == false)
			{
				if (m_pGrap) pMapBase.RemoveElement(m_pGrap);
				m_pGrap = new MapGraphic(pMapBase, false);
				m_pPart = m_pGrap.AddPart();
				m_pPart.AddPoint(pt.X, pt.Y);
				pMapBase.AddElement(m_pGrap);
				AttachEvent(hObj, "dblclick", pDblClick, false);
				AttachEvent(hObj, "mousemove", pMouseMove, false);
				pUpdateTab(tEvent);
				m_Active = true;
			}
			m_pPart.AddPoint(pt.X, pt.Y);
			m_pGrap.UpdateElement(1);
			//pMapBase.RefreshMap(true, true);
		}

		this.ExitMapEvent = function() 
		{
			DetachEvent(hObj, "mousedown", pMouseDown, false);
			
			if (m_pGrap) pMapBase.RemoveElement(m_pGrap);
			hObj.removeChild(m_hObj);
		}
		AttachEvent(hObj, "mousedown", pMouseDown,false);
	}
}

function MapGraphicPart(pMapBase, isClose)
{
	var m_Points = new Array;
	var m_MinX = 0;
	var m_MaxX = 0;
	var m_MinY = 0;
	var m_MaxY = 0;
	var m_Modified = false;
	
	this.IsModify = function() {return m_Modified;}
	this.SetModify = function(modify) {m_Modified = modify;}
	this.PointCount = function() {return m_Points.length;}
	this.AddPoint = function(dX, dY)
	{
		if (m_Points.length == 0)
		{
			m_MinX = dX;
			m_MaxX = dX;
			m_MinY = dY;
			m_MaxY = dY;
		}
		else
		{
			if (m_MinX > dX) m_MinX = dX;
			if (m_MaxX < dX) m_MaxX = dX;
			if (m_MinY > dY) m_MinY = dY;
			if (m_MaxY < dY) m_MaxY = dY;
		}
		m_Points.push(new GPoint(dX, dY));
		m_Modified = true;
	}
	this.ModifyLast = function(dX, dY) 
	{
		if (m_Points.length>0)
		{
			m_Points[m_Points.length-1] = new GPoint(dX, dY);
			m_Modified = true;
		}
	}
	this.Empty = function() {m_Points = new Array;m_Modified = true;}
	this.GetMinCoord = function() {return pMapBase.FromMapPoint(m_MinX, m_MinY);}
	this.GetMaxCoord = function() {return pMapBase.FromMapPoint(m_MaxX, m_MaxY);}
	
	this.ShapeLength = function()
	{
		var len = 0;
		var cnt = m_Points.length;
		if (cnt>0)
		{
			var i;
			var oldpt = m_Points[0];
			for (i=1;i<cnt;i++)
			{
				var pt = m_Points[i];
				len += Math.sqrt((pt.X - oldpt.X) * (pt.X - oldpt.X) + (pt.Y - oldpt.Y) * (pt.Y - oldpt.Y))
				oldpt = pt;
			}
		}
		return len;
	}
	
	this.BuildShape = function(isVML, oX, oY, tol)
	{
		var c = false;
		var strShape = "";
		var cnt = m_Points.length;
		if (cnt>0)
		{
			var firstpt = pMapBase.FromMapPoint(m_Points[0].X, m_Points[0].Y);
			strShape = Math.round(firstpt.X-oX) + " " + Math.round(firstpt.Y-oY);
			if (isVML) strShape = "m" + strShape + "l" + strShape;
			var oldpt = firstpt;
			var i;
			for (i=1;i<cnt;i++)
			{
				var pt = pMapBase.FromMapPoint(m_Points[i].X, m_Points[i].Y);
				if (Math.abs(oldpt.X - pt.X) > tol || Math.abs(oldpt.Y - pt.Y) > tol)
				{
					strShape += "," + Math.round(pt.X-oX) + " " + Math.round(pt.Y-oY);
					oldpt = pt;
					c = true;
				}
			}
			
			if (isClose && c && (oldpt.X != firstpt.X || oldpt.Y != firstpt.Y))
				strShape += "," + Math.round(firstpt.X-oX) + " " + Math.round(firstpt.Y-oY);
				
//			var firstpt = pMapBase.FromMapPoint(m_Points[0].X, m_Points[0].Y);
//			strShape = Math.round(firstpt.X-oX) + " " + Math.round(firstpt.Y-oY);
//			if (isVML) strShape = "m" + strShape + "l" + strShape;
//			var oldpt = firstpt;
//			var oldvec = null;
//			var pt = null;
//			var lastpt = firstpt;
//			var i;
//			for (i=1;i<cnt;i++)
//			{
//				pt = pMapBase.FromMapPoint(m_Points[i].X, m_Points[i].Y);
//				if (Math.abs(oldpt.X - pt.X) > tol || Math.abs(oldpt.Y - pt.Y) > tol)
//				{
//					var vec = pt.Diff(oldpt);
//					if((oldvec!=null) && (vec.X * oldvec.Y != vec.Y * oldvec.X))
//					{
//						strShape += "," + Math.round(oldpt.X-oX) + " " + Math.round(oldpt.Y-oY);
//						c = true;
//						lastpt = oldpt;
//					}
//					oldvec = vec;
//					oldpt = pt;
//				}
//			}
//				
//			if (lastpt.X != oldpt.X || lastpt.Y != oldpt.Y)
//			{
//				strShape += "," + Math.round(oldpt.X-oX) + " " + Math.round(oldpt.Y-oY);
//				lastpt = oldpt;
//				c = true;
//			}
//			
//			if (isClose && c && (lastpt.X != firstpt.X || lastpt.Y != firstpt.Y))
//				strShape += "," + Math.round(firstpt.X-oX) + " " + Math.round(firstpt.Y-oY);
		}
		if (c)
			return strShape;
		return "";
	}
	
	this.BuildGeom = function(tol)
	{
		var c = false;
		var strShape = "";
		var cnt = m_Points.length;
		if (cnt>0)
		{
			strShape = m_Points[0].X + " " + m_Points[0].Y;
			var oldpt = m_Points[0];
			var c = false;
			var i;
			for (i=1;i<cnt;i++)
			{
				var pt = m_Points[i];
				if (Math.abs(oldpt.X - pt.X) > tol || Math.abs(oldpt.Y - pt.Y) > tol)
				{
					strShape += "," + pt.X + " " + pt.Y;
					oldpt = pt;
					c = true;
				}
			}
			
			if (isClose && c && (oldpt.X != m_Points[0].X || oldpt.Y != m_Points[0].Y))
				strShape += "," + m_Points[0].X + " " + m_Points[0].Y;
		}
		if (c)
			return strShape;
		return "";
	}
}

function MapGraphic(pMapBase, isClose)
{
	var pNode = pMapBase.getHObject();
//public
	this.RemoveSelf = function()
	{
		pNode.removeChild(m_hObj);
		m_MapBase = null;
	}
	
	function IsModify()
	{
		var i;
		for (i=0 ; i<m_Parts.length ; i++)
			if (m_Parts[i].IsModify())
				return true;
		return false;
	}
	function SetModify(modify)
	{
		var i;
		for (i=0 ; i<m_Parts.length ; i++)
			m_Parts[i].SetModify(modify);
	}
	
	this.RebuildElement = null;
	this.UpdateElement = function(imgRatio)
	{
		//if (IsModify() && this.RebuildElement) 
		this.RebuildElement();
		
		var minpt = this.GetMinCoord();
		var maxpt = this.GetMaxCoord();
		var rx = 0;
		var ry = 0;
		if (m_CurWidth!=0 && m_CurHeight!=0)
		{
			rx = (maxpt.X - minpt.X) / m_CurWidth;
			ry = (maxpt.Y - minpt.Y) / m_CurHeight;
		}
		
		m_hObj.style.left = Math.round(minpt.X) - 5 * rx;
		m_hObj.style.top = Math.round(minpt.Y) - 5 * ry;
		m_hObj.style.width = maxpt.X - minpt.X + 10 * rx;
		m_hObj.style.height = maxpt.Y - minpt.Y + 10 * ry;
	}

	this.AddPart = function()
	{
		var pPart = new MapGraphicPart(pMapBase, isClose);
		m_Parts.push(pPart);
		return pPart;
	}
	this.GetPart = function(nIndex)
	{
		return m_Parts[nIndex];
	}
	this.GetMinCoord = function()
	{
		var i;
		var minpt;
		if (m_Parts.length>0)
		{
			minpt = m_Parts[0].GetMinCoord();
			for (i=1 ; i<m_Parts.length ; i++)
			{	
				var pt = m_Parts[i].GetMinCoord()
				if (minpt.X > pt.X) minpt.X = pt.X;
				if (minpt.Y > pt.Y) minpt.Y = pt.Y;
			}
		}
		return minpt;
	}
	this.GetMaxCoord = function() 
	{
		var i;
		var maxpt;
		if (m_Parts.length>0)
		{
			maxpt = m_Parts[0].GetMaxCoord();
			for (i=1 ; i<m_Parts.length ; i++)
			{	
				var pt = m_Parts[i].GetMaxCoord()
				if (maxpt.X < pt.X) maxpt.X = pt.X;
				if (maxpt.Y < pt.Y) maxpt.Y = pt.Y;
			}
		}
		return maxpt;
	}
	
//private
	var m_hObj;
	var m_Parts = new Array;
	var m_MapBase;
	var m_CurWidth;
	var m_CurHeight;

//constructor
	m_MapBase = pMapBase;
	var agent=navigator.userAgent.toLowerCase();
	if(agent.indexOf("msie")!=-1&&document.all)
	{
		m_hObj = pNode.ownerDocument.createElement("vml:shape");
		m_hObj.style.position = "absolute";
		m_hObj.style.overflow = "hidden";
		m_hObj.coordorigin = "-5 -5";
		m_hObj.coordsize = "1 1";
		m_hObj.fill = false;
		m_hObj.filled = false;
		m_hObj.StrokeColor = "#FFFF80";
		m_hObj.StrokeWeight = 3;
		/*
		var o=document.createElement("v:stroke");
		o.joinstyle="round";
		o.endcap="round";
		o.opacity=1;
		o.color="#FFFF80";
		o.weight=3;
		m_hObj.appendChild(o);
		*/
		this.RebuildElement = function()
		{
			var minpt = this.GetMinCoord();
			var maxpt = this.GetMaxCoord();
			m_CurWidth = maxpt.X - minpt.X;
			m_CurHeight = maxpt.Y - minpt.Y;
			m_hObj.coordsize = (m_CurWidth + 10) + " " + (m_CurHeight + 10);
			var i;
			var strPath = "";
			for (i=0;i<m_Parts.length;i++)
				strPath += m_Parts[i].BuildShape(true, minpt.X, minpt.Y, 4);
				
			//window.open("").document.write(strPath);
			m_hObj.path = strPath + "e";
			SetModify(false);
		}
	}
	else if(agent.indexOf("mozilla")!=-1)
	{
		m_hObj = pNode.ownerDocument.createElement("img");
		m_hObj.style.position = "absolute";
		m_hObj.style.MozUserSelect="none";
		this.RebuildElement = function() 
		{
			var minpt = this.GetMinCoord();
			var maxpt = this.GetMaxCoord();
			m_CurWidth = maxpt.X - minpt.X;
			m_CurHeight = maxpt.Y - minpt.Y;
			var strPath = "";
			if (m_Parts.length>0)
			{
				var i=0;
				strPath += "(" + m_Parts[i].BuildShape(false, minpt.X, minpt.Y, 4) + ")";
				for (i=1;i<m_Parts.length;i++)
					strPath += ",(" + m_Parts[i].BuildShape(false, minpt.X, minpt.Y, 4) + ")";
			}
			//window.open("").document.write(strPath);	
			var hr = new XMLHttpRequest;
			hr.onreadystatechange = function()
			{
				if (hr.readyState == 4)
				{
					m_hObj.src = "GImg2.asp";
				}
			}
			//window.open("").document.write(strPath);
			hr.open('POST', "GImg2.asp", true);
			hr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			hr.send("Geometry=POLYGON(" + escape(strPath) + ")");
			
			SetModify(false);
		}
	}
	m_hObj.style.left = 0;
	m_hObj.style.top = 0;
	m_hObj.style.width = 100;
	m_hObj.style.height = 100;
//	m_hObj.style.border = "solid 1px green";
	
	pNode.appendChild(m_hObj);
}

function GPoint(dX, dY)
{
	this.X = dX;
	this.Y = dY;
}

function MapQueryGraphic(pMapBase, layerName, layerFilter)
{
	var m_MapPOI = null;
	
	var pNode = pMapBase.getHObject();
	var cltWidth = pMapBase.getClientWidth();
	var cltHeight = pMapBase.getClientHeight();
	this.RemoveSelf = function()
	{
		if (m_MapPOI)
			pNode.removeChild(m_MapPOI);
		m_MapPOI = null;
	}
	
	this.RebuildElement = function()
	{
		var pMapPOI = m_MapPOI;	
		var ltpt = pMapBase.ToMapPoint(0, 0);
		var rbpt = pMapBase.ToMapPoint(cltWidth, cltHeight);
	
		//encodeURI(gInput.value).replace(/=/g,"%3D");
		poisrc = "poi.asp?Width=" + cltWidth + "&Height=" + cltHeight + 
				"&Left=" + ltpt.X + "&Top=" + ltpt.Y + "&Right=" + rbpt.X + "&Bottom=" + rbpt.Y + 
				"&Layer=" + encodeURI(layerName) + "&Filter=" + encodeURI(layerFilter);

		m_MapPOI = pNode.ownerDocument.createElement("img");
		//m_MapPOI = m_hImages.ownerDocument.createElement("div");
		m_MapPOI.src = poisrc;
		var agent=navigator.userAgent.toLowerCase();
		if(agent.indexOf("msie")!=-1&&document.all)
		{
			m_MapPOI.unselectable = "on";
			m_MapPOI.galleryImg = false;
			//m_MapPOI.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + poisrc + "', sizingMethod='crop')";
		}
		else if(agent.indexOf("mozilla")!=-1)
		{
			m_MapPOI.style.MozUserSelect="none";
			//m_MapPOI.style.backgroundImage = "url(" + poisrc + ")";
		}
		pNode.appendChild(m_MapPOI);
	
		m_MapPOI.style.position = "absolute";
		m_MapPOI.style.left = 0;
		m_MapPOI.style.top = 0;
		m_MapPOI.style.width = cltWidth;
		m_MapPOI.style.height = cltHeight;
		m_MapPOI.LeftTop = ltpt;
		m_MapPOI.RightBottom = rbpt;
		m_MapPOI.style.visibility = "hidden";
		
		m_MapPOI.onload = function()
		{
			if (pMapPOI)
			{
				pMapPOI.style.visibility = "hidden";
				pNode.removeChild(pMapPOI);
			}
			this.style.visibility = "visible";
		}
	}
	
	this.UpdateElement = function(imgRatio)
	{
		if (m_MapPOI)
		{
			var pt = pMapBase.FromMapPoint(m_MapPOI.LeftTop.X, m_MapPOI.LeftTop.Y);
			m_MapPOI.style.left = pt.X;
			m_MapPOI.style.top = pt.Y;
			var ept = pMapBase.FromMapPoint(m_MapPOI.RightBottom.X, m_MapPOI.RightBottom.Y);
			m_MapPOI.style.width = ept.X - pt.X;//cltWidth * imgRatio;
			m_MapPOI.style.height = ept.Y - pt.Y;//cltHeight * imgRatio;
			//window.status = cltWidth + "/" + cltHeight + "/" + imgRatio;
		}
	}
}

function MapPointSelectGraphic(pMapBase, layerName, dX, dY)
{
	var m_MapPOI = null;
	
	var pNode = pMapBase.getHObject();
	var cltWidth = pMapBase.getClientWidth();
	var cltHeight = pMapBase.getClientHeight();
	this.RemoveSelf = function()
	{
		if (m_MapPOI)
			pNode.removeChild(m_MapPOI);
		m_MapPOI = null;
	}
	
	this.RebuildElement = function()
	{
		var pMapPOI = m_MapPOI;	
		var ltpt = pMapBase.ToMapPoint(0, 0);
		var rbpt = pMapBase.ToMapPoint(cltWidth, cltHeight);
	
		//encodeURI(gInput.value).replace(/=/g,"%3D");
		poisrc = "Select.asp?Width=" + cltWidth + "&Height=" + cltHeight + 
				"&Left=" + ltpt.X + "&Top=" + ltpt.Y + "&Right=" + rbpt.X + "&Bottom=" + rbpt.Y + 
				"&Layer=" + encodeURI(layerName) + "&PointX=" + dX + "&PointY=" + dY;

		m_MapPOI = pNode.ownerDocument.createElement("img");
		//m_MapPOI = m_hImages.ownerDocument.createElement("div");
		m_MapPOI.src = poisrc;
		var agent=navigator.userAgent.toLowerCase();
		if(agent.indexOf("msie")!=-1&&document.all)
		{
			m_MapPOI.unselectable = "on";
			m_MapPOI.galleryImg = false;
			//m_MapPOI.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + poisrc + "', sizingMethod='crop')";
		}
		else if(agent.indexOf("mozilla")!=-1)
		{
			m_MapPOI.style.MozUserSelect="none";
			//m_MapPOI.style.backgroundImage = "url(" + poisrc + ")";
		}
		pNode.appendChild(m_MapPOI);
	
		m_MapPOI.style.position = "absolute";
		m_MapPOI.style.left = 0;
		m_MapPOI.style.top = 0;
		m_MapPOI.style.width = cltWidth;
		m_MapPOI.style.height = cltHeight;
		m_MapPOI.LeftTop = ltpt;
		m_MapPOI.RightBottom = rbpt;
		m_MapPOI.style.visibility = "hidden";
		
		m_MapPOI.onload = function()
		{
			if (pMapPOI)
			{
				pMapPOI.style.visibility = "hidden";
				pNode.removeChild(pMapPOI);
			}
			this.style.visibility = "visible";
		}
	}
	
	this.UpdateElement = function(imgRatio)
	{
		if (m_MapPOI)
		{
			var pt = pMapBase.FromMapPoint(m_MapPOI.LeftTop.X, m_MapPOI.LeftTop.Y);
			m_MapPOI.style.left = pt.X;
			m_MapPOI.style.top = pt.Y;
			var ept = pMapBase.FromMapPoint(m_MapPOI.RightBottom.X, m_MapPOI.RightBottom.Y);
			m_MapPOI.style.width = ept.X - pt.X;//cltWidth * imgRatio;
			m_MapPOI.style.height = ept.Y - pt.Y;//cltHeight * imgRatio;
			//window.status = cltWidth + "/" + cltHeight + "/" + imgRatio;
		}
	}
}
/*
function MoveMouseCenter(IsAddLv) //移至可動作map區域的中心點
{
		var ltpt = gMapBase.ToMapPoint(event.clientX, event.clientY);
		myPX = MapToRealPosX(ltpt.X);
		myPY = MapToRealPosY(ltpt.Y);
		
		ltpt = gMapBase.ToMapPoint(document.body.clientWidth / 2, document.body.clientHeight / 2 );
		CenterPX = MapToRealPosX(ltpt.X); //中心點
		CenterPY = MapToRealPosY(ltpt.Y);
		
		ltpt = null;
		
		tmpX = CenterPX - myPX;
		tmpY = CenterPY - myPY;
		
		s = Math.pow(2, 1);
		
		var NewX = 0, NewY = 0;
		
		if(IsAddLv)
		{	
			if(CenterPX > myPX)
				NewX = CenterPX - (Math.abs(tmpX) /s);
			else
				NewX = CenterPX + (Math.abs(tmpX) /s);
				
			if(CenterPY > myPY)
				NewY = CenterPY - (Math.abs(tmpY) /s);
			else
				NewY = CenterPY + (Math.abs(tmpY) /s);
		}
		else
		{
			if(CenterPX > myPX)
				NewX = myPX + (Math.abs(tmpX) * s);
			else
				NewX = myPX - (Math.abs(tmpX) * s);
				
			if(CenterPY > myPY)
				NewY = myPY + (Math.abs(tmpY) * s);
			else
				NewY = myPY - (Math.abs(tmpY) * s);
		}
		
		gMapBase.MoveMapTo(RealToMapPosX(NewX),RealToMapPosY(NewY));
		gMapBase.RefreshMap(true, true);
}*/


function MoveMouseCenter(pMapBase,IsAddLv) //移至可動作map區域的中心點
{
		var ltpt = pMapBase.ToMapPoint(event.clientX, event.clientY);
		myPX = MapToRealPosX(ltpt.X);
		myPY = MapToRealPosY(ltpt.Y);
		
	//	ltpt = pMapBase.ToMapPoint(parent.document.body.clientWidth / 2, parent.document.body.clientHeight / 2 );
	ltpt = pMapBase.ToMapPoint(document.body.clientWidth / 2, document.body.clientHeight / 2 );
		CenterPX = MapToRealPosX(ltpt.X); //中心點
		CenterPY = MapToRealPosY(ltpt.Y);
		
		ltpt = null;
		
		tmpX = CenterPX - myPX;
		tmpY = CenterPY - myPY;
		
		s = Math.pow(2, 1);
		
		var NewX = 0, NewY = 0;
		
		if(IsAddLv)
		{	
			if(CenterPX > myPX)
				NewX = CenterPX - (Math.abs(tmpX) /s);
			else
				NewX = CenterPX + (Math.abs(tmpX) /s);
				
			if(CenterPY > myPY)
				NewY = CenterPY - (Math.abs(tmpY) /s);
			else
				NewY = CenterPY + (Math.abs(tmpY) /s);
		}
		else
		{
			if(CenterPX > myPX)
				NewX = myPX + (Math.abs(tmpX) * s);
			else
				NewX = myPX - (Math.abs(tmpX) * s);
				
			if(CenterPY > myPY)
				NewY = myPY + (Math.abs(tmpY) * s);
			else
				NewY = myPY - (Math.abs(tmpY) * s);
		}
		
		pMapBase.MoveMapTo(RealToMapPosX(NewX),RealToMapPosY(NewY));
		pMapBase.RefreshMap(true, true);
}