// display_map.js
/*
COPYRIGHT 1995-2005 ESRI

TRADE SECRETS: ESRI PROPRIETARY AND CONFIDENTIAL
Unpublished material - all rights reserved under the 
Copyright Laws of the United States.

For additional information, contact:
Environmental Systems Research Institute, Inc.
Attn: Contracts Dept
380 New York Street
Redlands, California, USA 92373

email: contracts@esri.com
*/

var mapMoveIncrement = 3;
if (isNav) mapMoveIncrement *=2;
var navDir = "";
var nav_active = false;
var nx = 0;
var ny = 0;
var tempToolMode = "MapZoomIn";
var nav_active = false;
var nav_dir = "";
var xDir = 0;
var yDir = 0;
var mouseDirection = "";
var panStartLeft = 0;
var panStartTop = 0;
var panStartCenterX = 0;
var panStartCenterY = 0;
var reloadTimer;
var m_fadeInterval;
var cacheUpdateDelay = 500;
var dynamicUpdateDelay = 1000;
var vectortoolbar = "VectorToolbar";
var mouseWheelAwayZoomIn = true;
var mapUseZoomAnimation = true;
var mapUseKeyboardNavigation = true;
var mapDefaultResourceId = "webTierBlendingOfAllResources";
var mapDefaultZoomInMode = "esriDefaultMapShiftDrag";
var mapDefaultZoomOutMode = "esriDefaultMapAltDrag";
var mapDefaultZoomInAction = "DragRectangle";
var mapDefaultZoomOutAction = "DragRectangle"
var mapDefaultZoomInCursor= "crosshair";
var mapDefaultZoomOutCursor = "crosshair";

var esriJavaScriptDecimalDelimiter = ((("theChar is" + (10/100)).indexOf("."))==-1) ? "," : "."; // get decimal delimiter used by JavaScript on user machine


var esriDirectToCacheURL = true;

function MapObject(controlName, viewWidth, viewHeight, tileWidth, tileHeight, totalLevels, startColumns, startRows, tileServerUrl) {
	inheritsFrom(new ControlObject(controlName, "Map", 0, 0, viewWidth, viewHeight), this);
	this.index = 0;
	this.mapType = "tile";
	this.name = controlName;
	this.divId = "MapDiv_" + controlName;
	this.divId2 = "MapDiv2_" + controlName;
	this.divScaleId2 = "MapDiv2Table_" + controlName;
	this.imageId = "MapImage_" + controlName;
	this.imageId2 = "MapImage2_" + controlName;
	this.vectorDivId = "LineDiv_" + controlName;
	this.snapCircleId = "SnapCircle_" + controlName;
	this.containerDivId = "MapControlDiv_" + this.controlName;
	this.maptipDivId = "MapTipLayerDiv_" + this.controlName;
	this.overlayDivId = "MapOverlayDiv_" + this.controlName;
	this.mozillaLinkId = "MapMozillaLink_" + this.controlName;
	this.parentId = null;
	this.dragBoxColor = "Black";
	this.dragLineWidth = 3;
	this.imageSizeFactor = 1;	
	this.lastWidth = viewWidth;
	this.lastHeight = viewHeight;

	this.containerLeft = 0;
	this.containerTop = 0;

	this.backColor = "White";

	this.imgUrl = "";
	this.cursor = "pointer";
	this.mapMoveIncrement = mapMoveIncrement;
	this.panBuffer = 0;
	
	this.navigationEnabled = true;
	// action flags
	this.drawBox = false;
	this.dragImage = false;
	this.drawShape = false;
	this.showLoading = false;
	
	this.actionType = "DragImage";
	this.clientAction = "DragImage";
	this.mode = "MapPan";
	// holders for mouse/key combo events
	this.tempMode = "MapPan";
	this.tempCursor = "move";
	this.tempAction = "DragAction";
	// mouse/key combo events
	    // shift.... mousedown/move/up ... default is MapZoomIn ... requires Map control has MapZoomIn/DragRectangle Tool Item
	this.shiftMode = mapDefaultZoomInMode;
	this.shiftAction = mapDefaultZoomInAction;
	this.shiftCursor = mapDefaultZoomInCursor;
	this.defaultShiftMode = mapDefaultZoomInMode;
	this.defaultShiftAction = mapDefaultZoomInAction;
	    // ctrl .... mousedown only... click ... no default
	this.ctrlMode = "";
	this.ctrlAction = "Point";
	this.ctrlCurosr = "pointer";
	this.ctrlFunction = ""; // function to handle after mousedown
	    // alt .... mousedown/move/up ... default is MapZoomOut ... requires Map control has MapZoomOut/DragRectangle Tool Item
	this.altMode = mapDefaultZoomOutMode;
	this.altAction = mapDefaultZoomOutAction;
	this.altCursor = mapDefaultZoomOutCursor;
	this.defaultAltMode = mapDefaultZoomOutMode;
	this.defaultAltAction = mapDefaultZoomOutAction;
	
	this.moveFunction = null;
	this.tempMoveFunction = null;
	this.preModeExecFunction = null;
	this.windowObject = mapWindow;
	
	// .NET ClientPostback properties
	this.pageID = "";
	this.forcePostBackEvent = "";
	
	// associated objects
	this.divObject = null;
	this.divObject2 = null;
	this.divScaleObject2 = null;
	this.imageObject = null;
	this.imageObject2 = null;
	this.vectorObject = null;
	this.snapCircleObject = null;
	this.loadingObject = null;
	this.containerObject = null;
	this.maptipObject = null;
	this.overlayObject = null;
//	this.backObject = null;
	this.mozillaLinkObject = null;
	
    this.callBackFunctionString = "";
    this.tileCallbackFunctionString = "";
    this.identifyCallbackFunctionString = "";
    this.vectorCallbackFunctionString = "";
	
   this.mapType = "tile";
   this.tileRequestType = "single"; // single or multiple
   this.viewWidth = viewWidth;
   this.viewHeight = viewHeight;
   this.viewLeft = 0;
   this.viewTop = 0;
   this.tileWidth = tileWidth;
   this.tileHeight = tileHeight;
   this.lastTileWidth = 0;
   this.lastTileHeight = 0;
   this.totalLevels = totalLevels;
   this.startColumns = startColumns;
   this.startRows = startRows;
   this.level = 0;
   this.columns = startColumns;
   this.rows = startRows
   this.continuousCallback = false;
   this.viewNumbers = new Array();
   
   this.columnsPerView = Math.ceil(viewWidth/tileWidth);
   this.rowsPerView = Math.ceil(viewHeight/tileHeight);
   this.lastColumnsPerView = 0;
   this.lastRowsPerView = 0;
   
   this.startColumn = 0;
   this.startRow = 0;
   this.startLeftOffset = 0;
   this.startTopOffset = 0;
   this.currentLeftColumn = 0;
   this.currentTopRow = 0;
   this.currentRightColumn = 0;
   this.currentBottomRow = 0;
   this.bufferLeftColumn = 0;
   this.bufferTopRow = 0;
   this.bufferRightColumn = 0;
   this.bufferBottomRow = 0;
   this.leftOffset = 0;
   this.topOffset = 0;
   this.gridWidth = 0;
   this.gridHeight = 0;
   
   this.useScrollWheel = true;
   
    this.currentLeftColumnBuffer = -9999999;
    this.currentTopRowBuffer = -9999999;
    this.currentRightColumnBuffer = -9999999;
    this.currentBottomRowBuffer = -9999999;
    this.currentXOffset = 0;
    this.currentYOffset = 0;
    this.lastLeftColumn = -9999999;
    this.lastTopRow = -9999999;   			
    this.lastRightColumn = -9999999;
    this.lastBottomRow = -9999999; 
    this.lastLeftColumnBuffer = -9999999;
    this.lastTopRowBuffer = -9999999;   			
    this.lastRightColumnBuffer = -9999999;
    this.lastBottomRowBuffer = -9999999; 
    
    this.baseTileColumn = 0;
    this.baseTileRow = 0;
    this.baseTileXOffset = 0;
    this.baseTileYOffset = 0;
    this.gridXOffset = 0;
    this.gridYOffset = 0;
   
   this.navDivId = "MapNavDiv_" + this.controlName;
   this.navDivObject = null;
   
   this.displayedTiles = new Array();
   this.requestedMapTipTiles = new Array();
   this.keyFocus = true;
//   this.TilesToGet = new Array();
//   this.TilesToClear = new Array();
//   this.TilesToHold = new Array();
   
   this.enableResizeEvent = false;
   this.widthSizeFactor = 1.0;
   this.heightSizeFactor = 1.0
   
   this.resizeExtent = false;
   this.lastViewBox = null;
   
   this.blankImagePath = esriBlankImagePath;
   this.blankImageObject = new Image();
   this.mapDiv2UpdateDelay = 1000;
   
   this.mapUnits = "Degrees";
   this.measureUnits = "Miles";
   this.clearDrawnVectors = true;
   this.currentVectorToolbarState = "hidden"; 
 	
	this.tileServerUrl = tileServerUrl;
	this.enableTileCaching = true;
	
	this.decimalDelimiter = esriSystemDecimalDelimiter;
	this.useZoomAnimation = true;	
	//this.ie6AlphaDisplayType = "AlphaImageLoader"; // type of alpha display used on IE6... AlphaImageLoader or VML
	this.forcePngAlphaOnBase = false; // force IE6 alpha loader on png images on base animation later? False will speed in transparency is not needed
	
   this.startUp = true;
   this.clearLevelGridCount = 0;
   this.changeLevelGridCount = -1;
    
   this.createDivs = function(mapContainer, startResourceList, returnString) {
        var containerDiv = null;
        var vWidth1 = this.viewWidth + "px";
        var vHeight1 = this.viewHeight + "px";
   	    if (mapContainer!=null && mapContainer!="") 
		        containerDiv = document.getElementById(mapContainer);
        
        if (returnString==null) returnString = false;
        if (startResourceList==null) startResourceList = mapDefaultResourceId + "||true|";
        var tempSize = 1;
        if (String(this.viewHeight).indexOf("%")!=-1) {
            tempSize = parseInt(this.viewHeight);
            vHeight1 = this.viewHeight;
            this.heightSizeFactor = tempSize / 100;
            this.enableResizeEvent = true;
            if (containerDiv!=null)
                this.viewHeight = Math.round(getElementHeight(containerDiv) * this.heightSizeFactor);
            else 
                this.viewHeight = Math.round(getWinHeight() * this.heightSizeFactor);
            this.height = this.viewHeight;
        }
        if (String(this.viewWidth).indexOf("%")!=-1) {
            vWidth1 = this.viewWidth;
            
            tempSize = parseInt(this.viewWidth);
            this.widthSizeFactor = tempSize / 100;
            this.enableResizeEvent = true;
            if (containerDiv!=null)
                this.viewWidth = Math.round(getElementWidth(containerDiv) * this.widthSizeFactor);
            else 
                this.viewWidth = Math.round(getWinWidth() * this.widthSizeFactor);
            this.width = this.viewWidth;
        }
        var vWidth2 = this.viewWidth + "px";
        var vHeight2 = this.viewHeight + "px";
        if (this.tileWidth==0) this.tileWidth = this.viewWidth;
        if (this.tileHeight==0) this.tileHeight = this.viewHeight;
		var d = this.divId;
	    var s = "";
	    s+='<div id="MapControlDiv_' + this.controlName +'" style="position:relative; background-color:' + this.backColor + '; overflow:hidden; width:' + vWidth1 + '; height: ' + vHeight1 + '; -moz-user-focus: normal;" ';
	    s+=' onmouseover="Maps[\'' + this.controlName + '\'].keyFocus=true; ';
	    if (isIE) s+= 'this.setActive();';
	    s+= '" >\n';	
	    s+= '<a id="' + this.mozillaLinkId + '" ' + ((isNav) ? 'onmouseover="this.focus()" style="-moz-user-focus: normal;"' : '') + '>';
	    
        // backdrop for scaleable div.... hides main div when zooming
		s += '<div id="' + this.backDivId + '" style="position:absolute; left: 0px; top: 0px; width: ' + getWinWidth() + '; height: ' + getWinHeight() + '; visibility: hidden; background-color: ' + this.backColor + ';"  ><img src="' + this.blankImagePath + '" width="'+ getWinWidth() + '" height="' + getWinHeight() + '" hspace="0" vspace="0" /></div>\n';		
        // create scaleable div
		s += '<div id="' + this.divId2 + '" style="position:absolute; left:0px; top:0px;  width:' + vWidth1 + '; height:' + vHeight1 + '; visibility: hidden; background-color: ' + this.backColor + '; "  > \n';		
        //s += '<div id="' + this.divScaleId2 + '" style="position:absolute; left:0px; top:0px;  width:' + vWidth1 + '; height:' + vHeight1 + '; background-color: ' + this.backColor + ';" ></div></div>\n';
        s += '<div id="' + this.divScaleId2 + '" style="position:absolute; left:0px; top:0px;  width:' + vWidth1 + '; height:' + vHeight1 + '; background-color: ' + this.backColor + ';" >';
        s +='</div></div>\n';

			// Map div, container for the map images ... position is absolute within container
		s += '<div id="' + d + '" style="position:absolute; left:0px; top:0px;  width:' + vWidth1 + '; height:' + vHeight1 + '; "  >';
		    // Resource divs... multiple 'layers' for client-side blending... defaults to a single layer
		   var rcList = startResourceList.split(",");
		  // rcList.reverse(); // take top-down list and reverse for bottom-up display
		   for (var r=rcList.length-1; r>=0; r--) { 
		        if (rcList[r].indexOf("|")==-1) rcList[r] += "||true|"; 
		        var rid = rcList[r].split("|");
		        if (rid[1]==null) rid[1] = "";
		        if (rid[2]==null) rid[2] = true;
		        if (rid[4]==null) 
		            rid[4] = "";
		        else
		            rid[4] = rid[4].toLowerCase(); 
		        if (rcList.length==1) mapDefaultResourceId = rid[0];
		        if (r==rcList.length-1) this.baseResourceId = rid[0];
		        this.ResourceCollection[r] = new ResourceObject(rid[0], r,  rid[2].toLowerCase(), this.controlName, rid[1], rid[3], rid[4]); 
		        var resource = this.ResourceCollection[r];
		         s += '<div id="' + resource.divId + '" style="position:absolute; left:0px; top:0px;  width:' + vWidth1 + '; height:' + vHeight1 + '; "  ></div>\n';
		   } 
		s += '</div>\n';		
		
		// create MapTip Layer
        s += '<div id="' + this.maptipDivId + '" style="position:absolute; left:0px; top:0px; visibility:hidden; background-color:transparent;" ></div>\n';	
         
		var ldiv = "LineDiv_" + this.controlName;
		//create Map Vector Layer
		s += '<div id="' + ldiv + '" style="position:absolute; left:0px; top:0px; visibility: visible; background-color:transparent;" >\n';
		//if (isNav) s+= '<canvas id="Canvas_' + this.controlName + '" width="100%" height=100%"></canvas>\n';
		s += '</div>\n';	

        // create a snap circle
        if (isIE) {
            s += '<v:oval id="' + this.snapCircleId + '" style="width:2px; height: 2px; position: absolute; left: 100px; top: 100px; visibility: hidden; cursor: crosshair;"><v:stroke weight="2px" color="red"  dashstyle="solid" opacity="0.5" /><v:fill color="red" opacity="0.10" /></v:oval>\n';
        } else {
            // if Netscape 8, don't use canvas tag.... not supported
            if (nav8) 
                s += '<div id="' + this.snapCircleId + '" style="width:auto; height: auto; position: absolute; left: 100px; top: 100px; visibility: hidden; cursor: crosshair;  -moz-opacity: 0.5;"></div>';
            else   
                s += '<canvas id="' + this.snapCircleId + '" style="width:100px; height: 100px; position: absolute; left: 100px; top: 100px; visibility: hidden; cursor: crosshair;" width="100" height="100"></canvas>\n';
        }
		//create an Overlay Layer... place for icons, text, etc. to be positioned and moved with map... cleared on scale change
		s += '<div id="' + this.overlayDivId + '" style="position:absolute; left:0px; top:0px; visibility: visible; background-color:transparent;" ></div>\n';	
        
	    s += '</a>\n'; 
	    
	    s+='</div>';
	    //alert(s);
	    if (returnString) {
	        // just return the string....  map.setObjects() must be called manually
	        return s;
	        
	    } else {
	        if (mapContainer!=null && mapContainer!="") {
		        var div = document.getElementById(mapContainer);
		        div.innerHTML = s;
		        var box = calcElementPosition(mapContainer);
		        this.viewLeft = box.left;
		        this.viewTop = box.top;
		        //alert("View location: " + box.left + ", " + box.top);
	        } else {
		        document.writeln(s);
	        }
    	
		    this.setObjects();
		}
		if (this.blankImagePath!=null && this.blankImagePath.length>0)
		    this.blankImageObject.src = this.blankImagePath;
   } 
   
	this.setObjects = function () {
	    // add vector object to map
		this.vectorObject = new VectorObject(this.vectorDivId);
		var v = this.vectorObject;
		this.vectorObject.vectordiv = document.getElementById(this.vectorDivId);
		this.vectorObject.linewidth = this.dragLineWidth;
		this.vectorObject.divColor = this.dragBoxColor;
		this.vectorObject.pixelObject = new PixelObject(this.controlName, this.left,this.top,this.width,this.height);
		this.vectorObject.xyCoord = new CoordsObject();
        this.snapCircleObject = document.getElementById(this.snapCircleId);
		//if (isNav && !nav8) {
		if (isNav) {
		    if (nav8) {
		        var svo = new  VectorObject(this.snapCircleId);
		        svo.divColor = "Red";
		        svo.circle(1,1,1);
		        svo.draw();
		        this.snapCircleObject.vectorObject = svo;
		    } else {  
    //		    this.vectorObject.canvas = document.getElementById("Canvas_" + this.controlName);
    //		    if (this.vectorObject.canvas) this.vectorObject.context = this. vectorObject.canvas.getContext("2d");
                var ctx = this.snapCircleObject.getContext("2d");
                if (ctx!=null) {
                    var radius = Math.round(parseFloat(this.snapCircleObject.clientWidth) / 2); 
                    ctx.fillStyle = "rgba(255, 0, 0, 0.1)";
                    ctx.arc(radius, radius, radius, 0, Math.PI*2, true);
                    ctx.fill();
                    ctx.strokeStyle = "rgba(255, 0, 0, 0.5)";
                    ctx.lineWidth = 2;
                    ctx.arc(radius, radius, radius, 0, Math.PI*2, true);
                    ctx.stroke();
                }
              }
		}
        this.snapCircleObject.onmousedown = MapMouseDown;
        this.snapCircleObject.onmouseup = MapMouseUp;
        this.snapCircleObject.onmousemove = MapMouseMove;
        
		this.divObject = document.getElementById(this.divId);
		this.divObject2 = document.getElementById(this.divId2);
		this.divScaleObject2 = document.getElementById(this.divScaleId2);
		this.vectorObject.divObject = document.getElementById(this.vectorObject.divId);
		this.navDivObject = document.getElementById(this.navDivId);
		this.containerObject = document.getElementById(this.containerDivId);
		this.maptipObject = document.getElementById(this.maptipDivId);
		this.overlayObject = document.getElementById(this.overlayDivId);
		this.mozillaLinkObject = document.getElementById(this.mozillaLinkId);
		this.index = mapCount;
		this.pageLeft = parseInt(this.divObject.style.left);
		this.pageTop = parseInt(this.divObject.style.top);
		box = calcElementPosition(this.containerDivId);
		this.containerLeft = box.left;
		this.containerTop = box.top;
		if (isIE) {
		    this.containerLeft+=2;
		    this.containerTop+=2;
		}
		this.viewLeft = box.left;
		this.viewTop = box.top;
		//alert("Container location: " + box.left + ", " + box.top);
		var mcount = MapNames.length;
		MapNames[mcount] = this.controlName;
		mapCount = MapNames.length;
		if (mapUseKeyboardNavigation) {
		   if (isIE) { 
		        // if IE, use the map's container object div 
		        this.containerObject.onkeydown = keyDown;
		        this.containerObject.onkeyup = keyUp;
		   } else {
		        //  else use the map's link tag
                this.mozillaLinkObject.onkeydown = keyDown;
                this.mozillaLinkObject.onkeyup = keyUp;
		   }
		    		    
		} 
        if (this.navigationEnabled) MapDragImage(this.controlName, 'Pan', false);
        if (this.enableResizeEvent) // && isNav)
            window.onresize = AutoResizeMap;
        var rc =  this.ResourceCollection;
        for (var i=0;i<rc.length;i++) {
             rc[i].divObject = document.getElementById(rc[i].divId);
             rc[i].mapObject = Maps[rc[i].mapId];
        }
         rc.mapDiv = this.divObject;
				
	}
	
	// sets the tool for user interaction
	this.setTool = function (mode, showLoading, clientAction, cursor, vectorMode, vectorToolbarState, statusMessage, clearDrawnVectors, vectorCallbackString) {
			// set up events for map div
			
			this.show();
			this.divObject.onclick = null;
			this.preModeExecFunction = null;
			this.divObject.onmousedown = this.MapMouseDown;
			
			this.divObject.style.cursor = cursor;
			this.containerObject.style.cursor = cursor;
			this.snapCircleObject.style.cursor = cursor;
			this.cursor = cursor;
			this.actionType = clientAction;
			this.mode = mode;
			this.tempMode = mode;
            this.tempAction = clientAction;
            this.tempCursor = cursor;
            if (vectorToolbarState==null) vectorToolbarState = "hidden";
            this.vectorCallbackFunctionString = (vectorCallbackString!=null) ? vectorCallbackString : ""; 
            this.currentVectorToolbarState = vectorToolbarState; 
            this.clearDrawnVectors = (clearDrawnVectors!=null) ? clearDrawnVectors : true;
			var v = this.vectorObject;
			if (v!=null) {
				v.mode = vectorMode;			
				if (vectorMode > -1) //for vectors
				{
					v.clear();
					v.draw();
					showLayer(v.divId);
					if (clientAction.toLowerCase()=="dragshape") {
						// dragcircle, dragoval, dragbox - drag enabled
						v.divObject.onclick = null;
						v.divObject.onmousedown = MapMouseDown;
					} else {
						// line, polyline, polygon, circle, oval, box - click enabled
						v.divObject.onmousedown = null;
						this.divObject.onmousedown = null;
						v.divObject.onmouseup = MapMouseUp;
						this.divObject.onmouseup = MapMouseUp;
					}
					v.divObject.style.cursor = cursor;
	
					v.vectorCount = 0;
	
				}
				else {
					hideLayer(this.vectorObject.divId);
				}
			}
			//vector Toolbar
			var tb = document.getElementById(vectortoolbar);
			if (tb!=null) tb.style.visibility = this.currentVectorToolbarState;
			//set up mode and show loading
			this.drawBox = false;
			this.dragImage = false;
			var m = this.controlName + "_mode";
			this.mode = mode;
			//status bar message
			window.status = statusMessage;
	
	}
	
	this.hide = function() {
		hideLayer("MapControlDiv_" + this.controlName);
	}
	
	this.show = function() {
		showLayer("MapControlDiv_" + this.controlName);

	}
	
	this.getContainerRectangle = function() {
		// this gets the absolute page position and dimensions as a RectangleObject
		var box = calcElementPosition(this.containerDivId);
		this.containerLeft = box.left;
		this.containerTop = box.top
		if (isIE) {
		    this.containerLeft+=2;
		    this.containerTop+=2;
		}
		return box;
	}
	
	this.MapMouseDown = MapMouseDown;
	this.MapMouseMove = MapMouseMove;
	this.MapMouseUp = MapMouseUp;
	
	// TODO: Add comments
	this.setUpLevelGrid = function(level, columns, rows, startCol, startRow, leftOffset, topOffset, tileWidth, tileHeight, totalLevels, minCol, minRow, resourceLimits, resourceMapping) 
	{
	    if (this.changeLevelGridCount != esriCurrentResponseCount) {
	        this.minColumn = (minCol==null) ? 0 : minCol;
	        this.minRow = (minRow==null) ? 0 : minRow;
	        var doCreateMapDiv2 = false;
	        keepZooming = false;
	        if (totalLevels!=null) {
	            this.totalLevels = totalLevels;
    	        
	        }
	        if (tileWidth!=null) {
	            if (this.tileWidth!=tileWidth) doCreateMapDiv2 = true;
	            this.tileWidth = tileWidth;
	            this.columnsPerView = Math.ceil(this.viewWidth / this.tileWidth);
	        }
	        if (tileHeight!=null) {
	            if (this.tileHeight!=tileHeight) doCreateMapDiv2 = true;
	            this.tileHeight = tileHeight;
	            this.rowsPerView = Math.ceil(this.viewHeight / this.tileHeight);
	        }
	        if (this.totalLevels>1)
	            this.mapDiv2UpdateDelay = cacheUpdateDelay;
	        else
	            this.mapDiv2UpdateDelay = dynamicUpdateDelay;
	        if (this.columnsPerView * this.rowsPerView > 6)
	            this.mapDiv2UpdateDelay *= 2;
            //alert("totalLevels=" + totalLevels + "\ntileWidth=" + tileWidth + "\ntileHeight=" + tileHeight);
		    this.level = level;
			    this.columns = columns;
			    this.rows = rows;
		    //alert("Cols x Rows: " + this.columns + " x " + this.rows + "\nColumn/Row: " + startCol + ", " + startRow + "\nx,y: " + leftOffset + ", " + topOffset);
		    this.startColumn = startCol;
		    this.startRow = startRow;
		    this.currentLeftColumn = startCol;
		    this.currentTopRow = startRow;

            this.baseTileColumn = startCol;
            this.baseTileRow = startRow;
            this.baseTileXOffset = leftOffset;
            this.baseTileYOffset = topOffset;
            this.gridXOffset = this.tileWidth * startCol;
            this.gridYOffset = this.tileHeight * startRow;
    		
		    this.overlayObject.innerHTML = "";
		    this.vectorObject.restart();
            var loff = 0 - leftOffset;
            var toff = 0 - topOffset;
		    moveLayer(this.divId, loff, toff);
		    moveLayer(this.maptipDivId, loff, toff);
		    moveLayer(this.overlayDivId, loff, toff);
    		
		    //showLayer(this.divId);
		    this.hideMapDiv2();
    		
		    lastX = loff;
		    lasyY = toff;
		    this.displayedTiles = new Array();
		    this.requestedMapTipTiles = null;
		    this.requestedMapTipTiles = new Array();
    		this.pendingTiles.length = 0;     ///// Added for returned tiles check
            this.getTopLeftTile();
            if (resourceLimits==null) resourceLimits = "";    ///// Added for resource limit check
            var rcLimits = resourceLimits.split("|");             ///// Added for resource limit check
            var rc = this.ResourceCollection;
            var limits;                                                         ///// Added for resource limit check
            ///// Added for resource mapping check 	
            if (resourceMapping==null) resourceMapping = "";
            var rcMappedLevels = resourceMapping.split("|");
                       
            ///// Added for resource mapping check 
            for (var i=0;i<rc.length;i++) {
                rc[i].displayedTiles = new Array();
                rc[i].pngTiles = new Array();  
                rc[i].divObject.innerHTML = "";
                ///// Added for resource limit check 
                if (rcLimits[i]!=null)
                    limits = rcLimits[i].split(",");  
                else 
                    limits = "";  
                if (rcLimits[i]="-99,-99,-99,-99") limits=""; 
                rc[i].gridLimits = rcLimits[i];                       
                if (limits.length==4) {
                    rc[i].setLimits(parseInt(limits[0]), parseInt(limits[1]), parseInt(limits[2]), parseInt(limits[3]));
                } else {
                   rc[i].setLimits(-99,-99,-99,-99);  
                } 
                ///// Added for resource limit check    
                ///// Added for resource mapping check
                rc[i].mappedLevel = (rcMappedLevels[i]!=null && rcMappedLevels[i].length>0) ? rcMappedLevels[i]  : level;     
                ///// Added for resource mapping check                                                      
            } 
            //this.divObject.innerHTML = "";
	        this.addViewTiles(startCol, startRow, leftOffset, topOffset, true);
    	    
            if (this.totalLevels > 1) {
                if (hasZoomLevel) updateZoomLevelIcons(level, this.controlName);
            }
    		
		    //this.divObject.style.cursor = "progress";
            
            zoomAnimationDelay = false;
            this.changeLevelGridCount != esriCurrentResponseCount;
        }
	}

	this.shiftGrid = function(startCol, startRow, leftOffset, topOffset) {
		showLayer(this.divId);

	    var xTilesOffset = this.startColumn - startCol;
		var yTilesOffset = this.startRow - startRow;
		this.currentLeftColumn = startCol;
		this.currentTopRow = startRow;

        var loff = (xTilesOffset * this.tileWidth) - leftOffset;
        var toff = (yTilesOffset * this.tileHeight) - topOffset;
        //alert(loff + ", " + toff);
        this.moveTiles(loff, toff, "");
		lastX = loff;
		lasyY = toff;
		
        this.updateView(true);
        
	}


	
	this.addViewTiles = function(startCol, startRow, leftOffset, topOffset, update) {
	    if (update==null) update = false;
	    var bottomRow = startRow + this.rowsPerView;
	    var rightCol = startCol + this.columnsPerView;

	    if (topOffset!=0) bottomRow++;
	    if (leftOffset!=0) rightCol++;
		var lastRow = bottomRow	- 1;
		var lastCol =	rightCol - 1;
		for (var r = startRow;r<bottomRow;r++) {
			for (var c = startCol;c<rightCol;c++) {
				if (update && r==lastRow && c==lastCol)
					this.requestTile(c, r, true);
				else
					this.requestTile(c, r);
			}
		}
	
	}
	
	this.updateView = function(update) {
	    this.getTopLeftTile();
	    this.addViewTiles(this.currentLeftColumn, this.currentTopRow, this.currentXOffset, this.currentYOffset, update);
	    
	    this.dragImage = false;
	}
	
	this.updateResource = function(resourceId) {
	    this.getTopLeftTile();
	    var startCol = this.currentLeftColumn;
	    var startRow = this.currentTopRow;
	    var leftOffset = this.currentXOffset;
	    var topOffset = this.currentYOffset;
	    var bottomRow = startRow + this.rowsPerView;
	    var rightCol = startCol + this.columnsPerView;
        var rc = this.ResourceCollection;
        var resourceIndex = rc.getPosition(resourceId);
        if (resourceIndex!=-1) {
            if (rc[resourceIndex].visible) {
	            if (topOffset!=0) bottomRow++;
	            if (leftOffset!=0) rightCol++;
		        var lastRow = bottomRow	- 1;
		        var lastCol =	rightCol - 1;
		        for (var r = startRow;r<bottomRow;r++) {
			        for (var c = startCol;c<rightCol;c++) {
				        if (r==lastRow && c==lastCol)
					        this.requestResourceTile(c, r, resourceId, true);
				        else
					        this.requestResourceTile(c, r, resourceId);
			        }
		        }
		    } else
		        if (this.useZoomAnimation) this.updateMapDiv2(); 
		} else {
		    alert("Unable to find " + resourceId);
		}
	    
	}
	
	this.showMapDiv2 = function() {
		this.divScaleObject2.style.width = m_imageWidth + "px";
        this.divScaleObject2.style.height = m_imageHeight + "px";

		showLayer(this.divId2);
    }
	
	this.hideMapDiv2 = function() {
	    showLayer(this.divId);
	    showLayer(this.vectorDivId);
	    showLayer(this.maptipDivId);
	    showLayer(this.overlayDivId);
    }
    
	this.clearLevelGrid = function(resourceId, resourceLimits) {
		    var rc = this.ResourceCollection; 
            if (resourceLimits==null) resourceLimits = "";    ///// Added for resource limit check
            var rcLimits = resourceLimits.split("|");             ///// Added for resource limit check
            var limits;                                                         ///// Added for resource limit check             
            if (resourceId==null)	{
	            if (this.clearLevelGridCount != esriCurrentResponseCount) {
	                this.showMapDiv2();
                    this.displayedTiles = new Array();
		            this.requestedMapTipTiles = null;
		            this.requestedMapTipTiles = new Array();
                    for (var i=0;i<rc.length;i++) {
                        rc[i].displayedTiles = new Array(); 
                        rc[i].pngTiles = new Array();
                        rc[i].divObject.innerHTML = ""; 
                        ///// Added for resource limit check 
                        if (rcLimits[i]!=null)
                            limits = rcLimits[i].split(",");  
                        else 
                            limits = "";                        
                        if (rcLimits[i]="-99,-99,-99,-99") limits=""; 
                        rc[i].gridLimits = rcLimits[i];                       
                       if (limits.length==4) {
                            rc[i].setLimits(parseInt(limits[0]), parseInt(limits[1]), parseInt(limits[2]), parseInt(limits[3]));
                        } else {
                            rc[i].setLimits(-99,-99,-99,-99);   
                        } 
                        ///// Added for resource limit check                     
                    } 	
                    if (this.useZoomAnimation) this.updateMapDiv2(); 
	                this.updateView(true);
	                this.clearLevelGridCount = esriCurrentResponseCount; 
	            } 
	        } else {
	            var resource = rc.find(resourceId);
	            if (resource!=null && resource.checkCallbackCount != esriCurrentResponseCount) { 
	                resource.divObject.innerHTML = "";
	                resource.displayedTiles = new Array(); 
	                resource.pngTiles = new Array();
                    ///// Added for resource limit check 
                    if (rcLimits[0]!=null)
                        limits = rcLimits[0].split(",");  
                    else 
                        limits = "";                        
                    if (rcLimits[i]="-99,-99,-99,-99") limits=""; 
                    resource.gridLimits = rcLimits[i];                       
                    if (limits.length==4) {
                        resource.setLimits(parseInt(limits[0]), parseInt(limits[1]), parseInt(limits[2]), parseInt(limits[3]));
                    } else {
                        resource.setLimits(-99,-99,-99,-99);
                    } 
                    ///// Added for resource limit check                     
	                if (this.useZoomAnimation) this.updateMapDiv2();
	                this.updateResource(resourceId); 
	                resource.checkCallbackCount = esriCurrentResponseCount 
	            } 
	        }
	        this.pendingTiles.length = 0;      ///// Added for returned tiles check
	}
	
	this.switchPostBackInterval = null;
	
	this.switchToLevel = function(newLevel) {
		if (newLevel<0) newLevel = 0;
		if (newLevel>=this.totalLevels) newLevel = this.totalLevels - 1;
		if (newLevel==this.level) return;

		var argument = "EventArg=ChangeLevel&coords=" + newLevel;
		var context = this.controlName;	
		this.coords = newLevel;
		postBack(this.controlName, "ChangeLevel");
	}
	
	this.redraw = function(resourceIndex) {
	    var rc = this.ResourceCollection;
	    if (resourceIndex == null) {
	        for (var i=0;i<rc.length;i++) {
	            rc[i].redraw();
	        }  
	    } else {
	        rc[resourceIndex].redraw();
	    }
	}
	
    this.zoomToFullExtent = function() {
        var argument = "ZoomToFullExtent";
        postBack(this.controlName, argument);
    }
   
	
   this.updateTileImage = function(c, r, imageUrl, update, resourceId, imageType) {
        var imageHtml =""; 
        if (update==null) update = false; 
        if (imageType==null) imageType = "";
        var supportedPng = false;
        var resouceSupportedPng = false;
        if (imageType.length>0) {
            if (imageType.indexOf("png")>-1 & imageType!="png24") supportedPng = true;
        } 
        if (resourceId==null) resourceId = mapDefaultResourceId;
        var rc = this.ResourceCollection;
        var resourceIndex = rc.getPosition(resourceId);
        var resource = this.ResourceCollection[resourceIndex];
        if (resource==null)return;
        if (resource.imageFormat.length>0) {
             if (resource.imageFormat.indexOf("png")>-1 & resource.imageFormat!="png24") resouceSupportedPng = true;
        }
		var left = (c * this.tileWidth) - this.gridXOffset;
		var top = (r * this.tileHeight) - this.gridYOffset;
		if (imageUrl == "") 
		    imageUrl = this.blankImagePath;

        var imgObj = null;
        var pngUrl = "";
		var imageName = "MapTileImage_" + this.controlName + "_" + c + "_" + r + "_" + resourceId;
		var tileName = "MapTile_" + this.controlName + "_" + c + "_" + r;
		//if (isIE  && ieVersion < 7 && (imageType=="png32" || imageExtent=="png" || resource.imageFormat=="png32")) {
		if (isIE  && ieVersion < 7 && (supportedPng || resouceSupportedPng)) {
                imageHtml = '<img id="' + imageName + '" name="' + imageName + '" src="' + this.blankImagePath + '" style="visibility: hidden; position: absolute; left: ' + left + 'px; top: ' + top + 'px; width: ' + this.tileWidth + 'px; height: ' + this.tileHeight + 'px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + imageUrl + '\');" border=0 vspace=0 hspace=0 ';
                imageHtml += 'onload="this.style.visibility=\'visible\'; Maps[\'' + this.id + '\'].pendingTiles.remove(\'' + resourceId +  '_' + c + '_' + r + '\');" ';         ///// Added for returned tiles check
                imageHtml += 'onerror="this.src=\'' + this.blankImagePath + '\'; Maps[\'' + this.id + '\'].ResourceCollection[\'' + resourceIndex + '\'].displayedTiles[\'' + tileName + '\']=\'' + this.blankImagePath + '\';" ';
                imageHtml += ' />';
                
           pngUrl = imageUrl;            
		} else {
            imageHtml = '<img id="' + imageName + '" name="' + imageName + '" src="' + imageUrl + '" style="visibility: hidden; position: absolute; left: ' + left + 'px; top: ' + top + 'px; width: ' + this.tileWidth + 'px; height: ' + this.tileHeight + 'px;" border=0 vspace=0 hspace=0 ';
            imageHtml += 'onload="this.style.visibility=\'visible\';Maps[\'' + this.id + '\'].pendingTiles.remove(\'' + resourceId +  '_' + c + '_' + r + '\');" ';          ///// Added for returned tiles check
            imageHtml += 'onerror="this.src=\'' + this.blankImagePath + '\'; Maps[\'' + this.id + '\'].ResourceCollection[\'' + resourceIndex + '\'].displayedTiles[\'' + tileName + '\']=\'' + this.blankImagePath + '\';" ';

            imageHtml += ' />';
        } 
        if (update)
            if (this.useZoomAnimation) window.setTimeout('Maps["' + this.controlName + '"].updateMapDiv2();', 250);
		if (resource.displayedTiles[tileName]!=null) {
		    imgObj = document.getElementById(imageName); 
		    if (imgObj!=null) {
		            imgObj.src = imageUrl;
		    }else
		        resource.divObject.insertAdjacentHTML("BeforeEnd", imageHtml);
		} else {
	        //alert(tileName + "\n" + imageHtml);
	        resource.divObject.insertAdjacentHTML("BeforeEnd", imageHtml); 
	    }
		resource.displayedTiles[tileName] = imageUrl;
		resource.pngTiles[tileName] = pngUrl;
		this.divObject.style.visible = "visible";
    	// Debug stuff that will be displayed in form element, if it exists
    	var blurb = c + ", " + r + ", " + imageUrl + ", " + update + ", " +  resourceId + ", " + imageType;
   	if (checkForFormElement(document, 0, "MapDebugBox")) document.forms[0].MapDebugBox.value += ("Tile Response: " + blurb + "\n"); 

   } 
   
   
   this.getTopLeftTile = function() {
    	var box = calcElementPosition(this.divId);
		var xDist = (0 - parseInt(this.divObject.style.left)) + this.gridXOffset;
		var yDist = (0 - parseInt(this.divObject.style.top)) + this.gridYOffset;
        var cols = Math.floor(xDist / this.tileWidth);
        var rows = Math.floor(yDist / this.tileHeight);
        var xDist2 = xDist + this.viewWidth - 2;
        var yDist2 = yDist + this.viewHeight - 2;
        var cols2 = Math.floor(xDist2 / this.tileWidth);
        var rows2 = Math.floor(yDist2 / this.tileHeight);
		
		this.currentLeftColumn = cols;
		this.currentTopRow = rows;
		this.currentRightColumn = cols2;
		this.currentBottomRow = rows2;
		this.currentXOffset = Math.abs(xDist) - (Math.floor(Math.abs(xDist) / this.tileWidth) * this.tileWidth);
		this.currentYOffset = Math.abs(yDist) - (Math.floor(Math.abs(yDist) / this.tileHeight) * this.tileHeight);
		
	}
   
   this.moveTiles = function(newX, newY, direction, jumpToTile) {
            if (jumpToTile==null) jumpToTile = false;
   			moveLayer(this.divId, newX, newY);
   			moveLayer(this.maptipDivId, newX, newY);
   			moveLayer(this.overlayDivId, newX, newY);
			var horizDir = newX - lastX;
			var vertDir = newY - lastY;
			lastX = newX;
			lastY = newY;
			this.getTopLeftTile();
			if (this.continuousCallback || jumpToTile) {
                    this.addViewTiles(this.currentLeftColumn, this.currentTopRow, this.currentXOffset, this.currentYOffset);
			}
            this.lastLeftColumn = this.currentLeftColumn;
            this.lastTopRow = this.currentTopRow;   			
            this.lastRightColumn = this.currentRightColumn;
            this.lastBottomRow = this.currentBottomRow; 
            this.lastLeftColumnBuffer = this.currentLeftColumnBuffer;
            this.lastTopRowBuffer = this.currentTopRowBuffer;   			
            this.lastRightColumnBuffer = this.currentRightColumnBuffer;
            this.lastBottomRowBuffer = this.currentBottomRowBuffer; 
              			
   }
   
   // Requests new tiles when a new tile enters the view.... creates buffer all around view
   this.addTiles = function(startCol, startRow, direction) {
        this.addViewTiles(startCol, startRow, this.currentXOffset, this.currentYOffset);

        if (direction==null) direction = "";
        var endRow = startRow + this.rowsPerView;
        var endCol = startCol + this.columnsPerView
        switch (direction) {
            case "up":
                if (startRow > this.minRow) {
                    for (var c = startCol;c < endCol;c++) {
		                this.requestTile(c, startRow - 1);
		            }
                }
                break;
            case "down":
                if (endRow < this.rows + this.minRow) {
                    for (var c = startCol;c < endCol;c++) {
		                this.requestTile(c, endRow);
		            }
                }
                break;
            case "left":
                if (startCol > this.minColumn) {
                    for (var r = startRow;r < endRow;r++) {
		                this.requestTile(startCol - 1, r);
		            }
                }
                break;
            case "right":
                if (endCol < this.columns + this.minColumn) {
                    for (var r = startRow;r < endRow;r++) {
		                this.requestTile(endCol, r);
		            }
                }
                break;
            case "ul":
                if (startRow > this.minRow) {
                    for (var c = startCol;c < endCol;c++) {
		                this.requestTile(c, startRow - 1);
		            }
                }
                if (startCol > this.minColumn) {
                    for (var r = startRow;r < endRow;r++) {
		                this.requestTile(startCol - 1, r);
		            }
                }
                if (startRow > this.minRow && startCol > 0)
                    this.requestTile(startCol - 1, startRow - 1);
                break;
            case "ll":
                if (endRow < this.rows + this.minRow) {
                    for (var c = startCol;c < endCol;c++) {
		                this.requestTile(c, endRow);
		            }
                }
                if (startCol > this.minColumn) {
                    for (var r = startRow;r < endRow;r++) {
		                this.requestTile(startCol - 1, r);
		            }
                }
                if (endRow < this.rows + this.minRow && startCol > 0)
                    this.requestTile(startCol - 1, endRow);
                break;
            case "ur":
                if (startRow > this.minRow) {
                    for (var c = startCol;c < endCol;c++) {
		                this.requestTile(c, startRow - 1);
		            }
                }
                 if (endCol < this.columns + this.minColumn) {
                    for (var r = startRow;r < endRow;r++) {
		                this.requestTile(endCol, r);
		            }
                }
                if (startRow > 0 && endCol < this.columns + this.minColumn)
                    this.requestTile(endCol, startRow - 1);
               break;
            case "lr":
                if (endRow < this.rows + this.minRow) {
                    for (var c = startCol;c < endCol;c++) {
		                this.requestTile(c, endRow);
		            }
                }
                 if (endCol < this.columns + this.minColumn) {
                    for (var r = startRow;r < endRow;r++) {
		                this.requestTile(endCol, r);
		            }
                }
                if (startRow > 0 && endCol < this.columns + this.minColumn)
                    this.requestTile(endCol, endRow);
                break;
   
        }
   }
   
   this.requestTile = function(c, r, update) {
        if (update==null) update = false; 
        var tileName = "";
        var time = new Date();
        var rc = this.ResourceCollection;
        for (var i=rc.length-1; i>=0;i--) {
		    tileName = 'MapTile_' + this.controlName + "_" + c + '_' + r;
		        if (rc[i].displayedTiles[tileName]==null) {
		            rc[i].displayedTiles[tileName] = tileName;
		            if (rc[i].visible) {
		                if (rc[i].isWithinLimits(c, r) && rc[i].mappedLevel>-2) {     ///// Added for resource limit check
		                    if ((rc[i].tileServerUrl.length>0 || rc[i].tileServerUrlGenerator.length>0) && this.totalLevels>0) { 
		                        if (rc[i].mappedLevel>-1) { ///// Added for resource mapping check
		                            this.pendingTiles.add(rc[i].id + "_" + c + "_" + r);     ///// Added for returned tiles check		                             
                                    var imageUrl = "";
                                    if (c>=0 && r>=0) { // don't request a negative tile from a cached resource
                                        if (rc[i].tileServerUrl.length>0 && rc[i].tileServerUrlGenerator.length==0) {
                                            imageUrl = rc[i].tileServerUrl + "&level=" + rc[i].mappedLevel + "&column=" + c + "&row=" + r + "&time=" + time.getTime();  ///// Added for resource mapping check
                                        } else {
                                            var cacheCall = rc[i].tileServerUrlGenerator + "(" + rc[i].mappedLevel + ", " + c + ", " + r + ", '" + rc[i].tileServerUrl + "');";  ///// Added for resource mapping check
                                            imageUrl = eval(cacheCall);
                                        } 
//                                         if (imageUrl!=null && imageUrl.length>0 && imageUrl.toLowerCase().indexOf("http")==-1) {
//                                            alert(imageUrl);
//                                            imageUrl = "";
//                                        }
                                   } 
                                    this.updateTileImage(c, r, imageUrl, update, rc[i].id, false); 
		                        }  else {
		                            this.dynamicTileRequest(rc[i].id, c, r, update);
		                        }  ///// Added for resource mapping check 
		                    } else {
                                this.dynamicTileRequest(rc[i].id, c, r, update);
	                        } // end if
	                    } else {
	                        this.pendingTiles.add(rc[i].id + "_" + c + "_" + r);     ///// Added for returned tiles check 
	                        this.updateTileImage(c, r, "", update, rc[i].id, false); //end if (rc[i].isWithinLimits(c, r))  ///// Added for resource limit check
	                    }
	                } // end  if (rc[i].visible)
            } else if (update) 
                if (this.useZoomAnimation)  this.updateMapDiv2(); // end if (rc[i].displayedTiles[tileName]==null)
        } // end for
   }
  
    this.dynamicTileRequest = function(resourceId, column, row, update) {
            var argument = "EventArg=DrawTile&coords=" + column + "," + row + "&resource=" +resourceId;
            var context = this.controlName;	
            if (update)
                context += ",UpdateDiv2," +  resourceId;
            else
                context += ",," +  resourceId;  
            this.pendingTiles.add(resourceId + "_" + column + "_" + row);     ///// Added for returned tiles check
            window.setTimeout("var argument='" + argument + "'; var context='" + context + "'; eval(\"" + this.tileCallbackFunctionString + "\");", 0);
    }   
  
    this.requestResourceTile = function(c, r, resourceId, update) {
        if (update==null) update = false; 
        if (resourceId==null) resourceId = mapDefaultResourceId;
        var rc = this.ResourceCollection;
        var i = rc.getPosition(resourceId);
        if (i!=-1) {
		    var tileName = 'MapTile_' + this.controlName + "_" + c + '_' + r;
		    if (rc[i].displayedTiles[tileName]==null) {
		        rc[i].displayedTiles[tileName] = tileName;
		        if (rc[i].visible) {
		            if (rc[i].isWithinLimits(c, r) && rc[i].mappedLevel>-2) {        ///// Added for resource limit check
		                if ((rc[i].tileServerUrl.length>0 || rc[i].tileServerUrlGenerator.length>0) && this.totalLevels>0) { 
		                    if (rc[i].mappedLevel>-1) { ///// Added for resource mapping check
		                        this.pendingTiles.add(rc[i].id + "_" + c + "_" + r);     ///// Added for returned tiles check 
                                var imageUrl = "";
                                if (c>=0 && r>=0) { // don't request a negative tile from a cached resource
                                    if (rc[i].tileServerUrl.length>0 && rc[i].tileServerUrlGenerator.length==0) {
                                        imageUrl = rc[i].tileServerUrl + "&level=" + rc[i].mappedLevel + "&column=" + c + "&row=" + r + "&time=" + time.getTime(); ///// Added for resource mapping check 
                                    } else {
                                        var cacheCall = rc[i].tileServerUrlGenerator + "(" + rc[i].mappedLevel + ", " + c + ", " + r + ", '" + rc[i].tileServerUrl + "');";  ///// Added for resource mapping check 
                                        imageUrl = eval(cacheCall);
                                    } 
                                }
                                this.updateTileImage(c, r, imageUrl, update, rc[i].id, false); 
		                    }  else {
		                        this.dynamicTileRequest(rc[i].id, c, r, update);
		                    }  ///// Added for resource mapping check
		                    
		                } else {
			                this.dynamicTileRequest(rc[i].id, c, r, update);
	                    } // end if
	                } else {
	                    this.pendingTiles.add(rc[i].id + "_" + c + "_" + r);     ///// Added for returned tiles check 
	                    this.updateTileImage(c, r, "", update, resourceId, false);  // end if (rc[i].isWithinLimits(c, r))       ///// Added for resource limit check
	                }
	            } // end  if (rc[i].visible)
            } else if (update) 
                if (this.useZoomAnimation)  this.updateMapDiv2(); // end if (rc[i].displayedTiles[tileName]==null)
        } else {
            alert("Unable to find " + resourceId);
        } 
    }      
   
	// function for resizing the map object
	this.resize = function(width, height, adjustExtent) {
	    if (adjustExtent==null) adjustExtent = false;
	    this.lastViewBox = new RectangleObject("dummy", 0, 0, this.viewWidth, this.viewHeight);
        this.viewWidth = width;
        this.viewHeight = height;
        var enlargeView = false;
		var container = this.containerObject;
		if (container!=null) {
			container.style.width = width + "px";
			container.style.height = height + "px";
		}
        this.width = width;
        this.height = height;
        this.columnsPerView = Math.ceil(width/this.tileWidth);
        this.rowsPerView = Math.ceil(height/this.tileHeight);
		this.getTopLeftTile();
        if (this.lastWidth<width || this.lastHeight<height) enlargeView = true;
	    this.lastWidth = width;
	    this.lastHeight = height;
	    this.resizeExtent = adjustExtent;
	    if (this.boxObject!=null) {
	        this.boxObject.style.width = width + "px";
	        this.boxObject.style.height = height + "px";
	    }
	    this.createMapDiv2();
	    var argument = "Resize&width=" + width + "&height=" + height + "&startup=" + this.startUp;
	    if (enlargeView && !this.startUp) 
	        this.updateView(width, height, true);
	    this.startUp = false;

        postBack(this.controlName, argument);
	}
	
	this.resizeToBrowserWindow = function() {
	    var width = getWinWidth();
	    var height = getWinHeight();
	    this.resize(width, height);
    }
    
    this.resizeToWindow = function() {
	    if (this.enableResizeEvent ) {
	        if (isNav) {
	            // shrink the map temporarily for Moz so there are no scrollbars on smaller window
	            this.containerObject.style.width = "1px";
	            this.containerObject.style.height = "1px";
	        }
	        var width = getMapWidth(this.containerObject);
	        var height = getMapHeight(this.containerObject);
	        if (this.lastWidth!=width || this.lastHeight!=height)
	            this.resize(width, height);
        }
    }
	
	this.resizeToParent = function() {
	    if (this.enableResizeEvent ) {
            var topMapDiv = document.getElementById(this.id);
            var width = topMapDiv.parentElement.clientWidth;
            var height = topMapDiv.parentElement.clientHeight;  
	        if (this.lastWidth!=width || this.lastHeight!=height)
	            this.resize(width, height);
        }
	}
	
	// function to obtain array of positions of the tiles that are visible in view
	this.getViewTiles = function() {
	    var vTiles = new Array();
	    this.getTopLeftTile();
		var startCol = this.currentLeftColumn;
		var startRow = this.currentTopRow;
		var lastCol = this.currentRightColumn;
		var lastRow = this.currentBottomRow;
		//alert(startCol + ", " + startRow + ", " + lastCol + ", " + lastRow);
		var i = 0;
	    for (var r=startRow;r<=lastRow;r++) {
	        for (var c=startCol;c<=lastCol;c++) {
	            vTiles[i] = new TileObject(c, r);
	            i++;
	        }
	    }
	    return vTiles;
	}
	
	this.getViewTilesString = function() {
	    this.getTopLeftTile();
		var startCol = this.currentLeftColumn;
		var startRow = this.currentTopRow;
		var lastCol = this.currentRightColumn;
		var lastRow = this.currentBottomRow;
		//alert(startCol + ", " + startRow + ", " + lastCol + ", " + lastRow);
		var s = "";
	    for (var r=startRow;r<=lastRow;r++) {
	        for (var c=startCol;c<=lastCol;c++) {
	            if (s.length>0) s += "|";
	            //s += c + "," + r;
	            s += "MapTileImage_" + this.controlName + "_" + c + "_" + r;
	        }
	    }
	    return s;
	}
	

	this.createMapDiv2 = function() {
        var tw = this.columnsPerView + 1;
        var th = this.rowsPerView + 1;
        m_imageWidth = this.tileWidth * tw;
        m_imageHeight = this.tileHeight * th;
	    m_centerX = m_imageLeft + Math.round(m_imageWidth / 2);
		m_centerY = m_imageTop + Math.round(m_imageHeight / 2);
		//alert(m_imageWidth + " x " + m_imageHeight);
        var s = '<table width="100%" height="100%" cellspacing="0" cellpadding="0" >\n';

        var rc = this.ResourceCollection;
        var ri = rc.getPosition(this.baseResourceId);
        //for (var ri=rc.length-1;ri>=0;ri++) {
        for (var r=0;r<th;r++) {
            s += '<tr height="' + (1 / th * 100) + '%">\n';
            for (var c=0;c<tw;c++) {
                s += '<td width="' + (1 / tw * 100) + '%" height="' + (1 / th * 100) + '%" >\n<div id="' + this.controlName + '_MapAnimationDiv_' + c + '_' + r + '" style="width:' + this.tileWidth + 'px; height:' + this.tileHeight + 'px; overflow: hidden;" >\n';
                //s += '<td width="' + (1 / tw * 100) + '%" height="' + (1 / th * 100) + '%" >\n<div id="' + this.controlName + '_MapAnimationDiv_' + c + '_' + r + '" style="width: 100%; height: 100%; overflow: hidden;" >\n';
	            var imageName2 = "MapTileImage2_" + this.controlName + "_" + c + "_" + r + "_" + this.baseResourceId;
	                s +='<img id="' + imageName2 + '" name="' + imageName2 + '" style="width:100%; height:100%" border=0 vspace=0 hspace=0 src="' + this.blankImageObject.src + '" />';
	            s += '</div></td>\n';
            }
            s += '</tr>\n';
        }
        //}
	    
        s += '</table>\n';
	    this.lastColumnsPerView = this.columnsPerView;
	    this.lastRowsPerView = this.rowsPerView;
	    this.lastTileWidth = this.tileWidth;
	    this.lastTileHeight = this.tileHeight;
        this.divScaleObject2.style.width = m_imageWidth + "px";
        this.divScaleObject2.style.height = m_imageHeight + "px";
	    
        this.divScaleObject2.innerHTML = s;
	}
	
	this.updateMapDiv2 = function() {
        hideLayer(this.divId2);
        var doCreateMapDiv2 = false;	    
	    if (this.tileWidth!=this.lastTileWidth) doCreateMapDiv2 = true;
	    if (this.columnsPerView!=this.lastColumnsPerView) doCreateMapDiv2 = true;
        if (this.tileHeight!=this.lastTileHeight) doCreateMapDiv2 = true;
        if (this.rowsPerView!=this.lastRowsPerView) doCreateMapDiv2 = true;
        
	    if (doCreateMapDiv2)
	        this.createMapDiv2(); 
        this.divObject2.style.zoom = 1.0;
        this.divScaleObject2.style.zoom = 1.0;
        this.divScaleObject2.style.width = m_imageWidth + "px";
        this.divScaleObject2.style.height = m_imageHeight + "px";
        this.getTopLeftTile();
	    var startCol = this.currentLeftColumn;
	    var startRow = this.currentTopRow;
	    var lastCol = this.currentRightColumn;
	    var lastRow = this.currentBottomRow;
        var tw = this.columnsPerView + 1;
        var th = this.rowsPerView + 1;
        if (!isIE) {
            for (var r=0; r<th; r++) {
                for (var c=0; c< tw; c++) {
                    div = document.getElementById(map.controlName + '_MapAnimationDiv_' + c + '_' + r);
                    if (div!=null) {
                        div.style.width = map.tileWidth + "px";
                        div.style.height = map.tileHeight + "px"; 
                    }  
                } 
            } 
        }
	    //alert(startCol + ", " + startRow + ", " + lastCol + ", " + lastRow);
	    if (startCol<0)
	        m_imageLeft = this.currentXOffset - this.tileWidth;
	    else
	        m_imageLeft = 0  - this.currentXOffset;
	    if (startRow<0)
	        m_imageTop = this.currentYOffset - this.tileHeight;
	    else
	        m_imageTop = 0 - this.currentYOffset;
        this.divObject2.style.left = m_imageLeft + "px";
        this.divObject2.style.top = m_imageTop + "px";
        //this.divObject2.style.top = "0px";
        this.divScaleObject2.style.width = m_imageWidth + "px";
        this.divScaleObject2.style.height = m_imageHeight + "px";
	    var imageName, imageName2, imgObj, imgObj2, tileName; 
        var cc = startCol;
        var rr = startRow;
        var rc = this.ResourceCollection;
        var ri = rc.getPosition(this.baseResourceId);
        if (ri>=0) {                   ///// Added for dynamic resource addition/deletion 
            var rcBaseIndex = ri;
            if (!rc[ri].visible) 
                ri = rc.getBottomVisiblePosition();
            var forcePng = false;
            //for (var ri=rc.length;ri>=0;ri++) {
    //        if (rc[ri].visible) {
               for (var r=0;r<th;r++) {
                    for (var c=0;c<tw;c++) {
                        tileName = "MapTile_" + this.controlName + "_" + cc + "_" + rr;
	                    imageName = "MapTileImage_" + this.controlName + "_" + cc + "_" + rr + "_" + this.baseResourceId;
	                    imageName2 = "MapTileImage2_" + this.controlName + "_" + c + "_" + r + "_" + this.baseResourceId;
	                    imgObj = document.getElementById(imageName);
	                    imgObj2 = document.getElementById(imageName2);
	                    forcePng = (rc[ri].pngTiles[tileName]!=null && rc[ri].pngTiles[tileName].length>0); 
	                    if (imgObj!=null) { 
	                        if (imgObj.src!=rc[ri].displayedTiles[tileName])
	                            imgObj2.src = rc[ri].displayedTiles[tileName];
	                        else  
	                            imgObj2.src = imgObj.src;
	                        if (rcBaseIndex!=ri || this.forcePngAlphaOnBase) 
	                            alphaBlend(imgObj2, forcePng); 
	                    } else 
	                        imgObj2.src = this.blankImageObject.src
	                    cc++;
                    }
                    rr++;
                    cc=startCol;
                }
           //} 
    //        }
	  } 	    ///// Added for dynamic resource addition/deletion
     //alert(this.divObject2.outerHTML);
    // Debug stuff that will be displayed in form element, if it exists
    if (checkForFormElement(document, 0, "MapDebugBox")) document.forms[0].MapDebugBox.value += ("Updated MapDiv2\n"); 
    
   	    //this.divObject.style.cursor = this.cursor;
	}

	
	this.checkMapDiv2 = function() {
        this.getTopLeftTile();
	    var startCol = this.currentLeftColumn;
	    var startRow = this.currentTopRow;
	    var lastCol = this.currentRightColumn;
	    var lastRow = this.currentBottomRow;
	    var imageName, imageName2, imgObj, imgObj2, tileName;
        var cc = startCol;
        var rr = startRow;
        var tw = this.columnsPerView + 1;
        var th = this.rowsPerView + 1;
        if (!isIE) {
            for (var r=0; r<th; r++) {
                for (var c=0; c< tw; c++) {
                    div = document.getElementById(map.controlName + '_MapAnimationDiv_' + c + '_' + r);
                    if (div!=null) {
                        div.style.width = map.tileWidth + "px";
                        div.style.height = map.tileHeight + "px"; 
                    }  
                } 
            } 
        }
        var rc = this.ResourceCollection;
        var ri = rc.getPosition(this.baseResourceId);
        if (ri>=0) {            ///// Added for dynamic resource addition/deletion
            var rcBaseIndex = ri;
            if (!rc[ri].visible) 
                ri = rc.getBottomVisiblePosition();
            var forcePng = false;
            //for (var ri=rc.length-1;ri>=0;ri++) {
            //if (rc[ri].visible) {
                for (var r=0;r<th;r++) {
                    for (var c=0;c<tw;c++) {
                        tileName = "MapTile_" + this.controlName + "_" + cc + "_" + rr;
	                    imageName = "MapTileImage_" + this.controlName + "_" + cc + "_" + rr + "_" + this.baseResourceId;
	                    imageName2 = "MapTileImage2_" + this.controlName + "_" + c + "_" + r + "_" + this.baseResourceId;
	                    imgObj = document.getElementById(imageName);
	                    imgObj2 = document.getElementById(imageName2);
	                    if (imgObj!=null) { 
	                        if (imgObj.src!=rc[ri].displayedTiles[tileName])
	                            imgObj2.src = rc[ri].displayedTiles[tileName];
	                        else  
	                            imgObj2.src = imgObj.src;
	                        if (rcBaseIndex!=ri || this.forcePngAlphaOnBase) 
	                            alphaBlend(imgObj2, forcePng); 
	                    } else 
	                        imgObj2.src = this.blankImageObject.src
	                    cc++;
                    }
                    rr++;
                    cc=startCol;
                }
            //}
            //}
        }              ///// Added for dynamic resource addition/deletion
    // Debug stuff that will be displayed in form element, if it exists
    if (checkForFormElement(document, 0, "MapDebugBox")) document.forms[0].MapDebugBox.value += ("Checked MapDiv2\n"); 
	
	}
	
	this.swapMode = function(e) {
	    if (shiftPressed) {
	        this.mode = this.shiftMode;
	        this.actionType = this.shiftAction;
	        this.cursor = this.shiftCursor;
	        this.divObject.style.cursor = this.cursor;
	        
	    } else if (ctrlPressed) {
	        this.mode = this.ctrlMode;
	        this.actionType = this.ctrlAction;
	        this.cursor = this.ctrlCursor;
	        this.divObject.style.cursor = this.cursor;
	        eval(this.ctrlFunction);
	    
	    } else if (altPressed) {
	        this.mode = this.altMode;
	        this.actionType = this.altAction;
	        this.cursor = this.altCursor;
	        this.divObject.style.cursor = this.cursor;
	    
	    }
	}
	
	this.enableScrollWheel = function(useScrollWheel) {
	    this.useScrollWheel = (useScrollWheel!=null) ? useScrollWheel : false;
	    var eventName = isIE ? "onmousewheel" : "DOMMouseScroll";
	    if (this.useScrollWheel) {	        
	        if (isIE) 
	            this.divObject.detachEvent(eventName, funct);
	        else
	            this.divObject.removeEventListener(eventName,onWheelScroll, false);
	    } else {
	        if (this.useZoomAnimation) this.updateMapDiv2;
	        if (isIE) 
	            this.divObject.attachEvent(eventName, funct);
	        else
	            this.divObject.addEventListener(eventName,onWheelScroll, false);
	    }
	}
	
	// convert decimal delimiter, if necessary
    this.setDecimalDelimiter = function(theNumber, delimiter) {
        if (delimiter==null) delimiter = this.decimalDelimiter;
	    var comma = ",";
	    var dot = ".";
	    var charOut = comma;
	    var charIn = dot;
	    var numberString = new String(theNumber);
	    if (delimiter==",") {
		    charOut = dot;
		    charIn = comma;
	    }
	    var pos = numberString.indexOf(charOut);
	    if (pos!=-1) {
		    var begin = numberString.substring(0,pos);
		    var ending = numberString.substring(pos+1, numberString.length);
		    numberString = begin + charIn + ending;
	    }
	    return numberString;
    }

	this.ResourceCollection = new Array();
	this.ResourceCollection.add = esriResourceCollectionAdd;  // map.ResourceCollection.add(resource);
	this.ResourceCollection.contains = esriResourceCollectionContains;	// hasIt =  map.ResourceCollection.contains(resourceId);
	this.ResourceCollection.find = esriResourceCollectionFind;  // resource = map.ResourceCollection.find(resourceId);
	this.ResourceCollection.insert = esriResourceCollectionInsert;    // map.ResourceCollection.insert(resource, position);
	this.ResourceCollection.remove = esriResourceCollectionRemove;  // map.ResourceCollection.remove(resourceId);
	this.ResourceCollection.removeAt = esriResourceCollectionRemoveAt;  // map.ResourceCollection.removeAt(position);
	this.ResourceCollection.getPosition = esriResourceCollectionPosition; // position = map.ResourceCollection.getPosition(resourceId);
    this.ResourceCollection.replace = esriResourceCollectionReplace;    // map.ResourceCollection.replace(newResource, oldResourceId); 
    this.ResourceCollection.replaceAt = esriResourceCollectionReplaceAt;    // map.ResourceCollection.replace(newResource, position); 
    this.ResourceCollection.setObjects = esriResourceCollectionSetObjects;     // map.ResourceCollection.setObjects(); 
    this.ResourceCollection.redraw = esriResourceCollectionRedraw;   //map.ResourceCollection.redraw(resourceId);
    this.ResourceCollection.getBottomVisiblePosition = esriResourceCollectionBottomVisiblePosition;  // position = map.ResourceCollection.getBottomVisiblePosition();
    this.ResourceCollection.mapObject = this; 
    this.baseResourceId = mapDefaultResourceId; 
   
  ///// Added for returned tiles check 
    this.pendingTiles = new Array();
    this.pendingTiles.add = esriPendingTilesAdd;
    this.pendingTiles.find = esriPendingTilesFind;
    this.pendingTiles.remove = esriPendingTilesRemove;  
    this.pendingTiles.mapObject = this; 
    this.pendingTiles.add_onRequestsPending = esriAddOnRequestsPending;
    this.pendingTiles.add_onRequestsRemove = esriAddOnRequestsRemove;
    this.pendingTiles.add_onRequestsCompleted = esriAddOnRequestsCompleted;   
    this.pendingTiles.onRequestsPending = null;   
    this.pendingTiles.onRequestsRemove  = null;
    this.pendingTiles.onRequestsCompleted = null; 
 ///// Added for returned tiles check
   
    this.setSnapCircleSize = function(radius) {
        this.snapCircleObject.style.width = (radius * 2) + "px";
        this.snapCircleObject.style.height = (radius * 2) + "px"; 
        if (isNav && nav8) {
	        //var svo = this.snapCircleObject.vectorObject;
	        var svo = new VectorObject(this.snapCircleId); 
	        svo.clear();
	        svo.divColor = "Red";  
	        svo.circle(radius, radius, radius);
	        svo.draw();
        }
    }  

    this.snapCircleVisible = function(visible) {
        if (visible)
            this.snapCircleObject.style.visibility = "visible";  
        else
            this.snapCircleObject.style.visibility = "hidden";         
    }	
    
} // Map Object

//function createMapObject(controlName, mapContainerName, mapWidth, mapHeight, pageID, backColor, continuousCallback, enableTileCaching, tileServerUrl, navigationEnabled, callBackFunctionString, tileCallbackFunctionString, startResourceList) // debug to test against older build expecting tileServerUrl
function createMapObject(controlName, mapContainerName, mapWidth, mapHeight, pageID, backColor, continuousCallback, navigationEnabled, callBackFunctionString, tileCallbackFunctionString, startResourceList, enableTileCaching, ToolsSupportingClientPostBack)
{
    var percentageBased=false;
    if ((String(mapWidth).indexOf("%")!=-1)||(String(mapHeight).indexOf("%")!=-1)) percentageBased=true;
	
	var width = null;
	var height = null;
	
	if (!percentageBased)
	{
	    width=String(mapWidth).replace("px","");
	    height=String(mapHeight).replace("px","");
	}
	else
	{
	    width=mapWidth;
	    height=mapHeight;
	}
	Maps[controlName] = new MapObject(controlName, width, height, 0, 0, -1, 1, 1);
    map = Maps[controlName]; 
	if (pageID!=null) map.pageID = pageID;
	if (backColor!=null) map.backColor = backColor;
    if (navigationEnabled!=null) map.navigationEnabled = navigationEnabled;
    if (startResourceList==null)  
        startResourceList = mapDefaultResourceId + "||true|";
    map.startResourceList = startResourceList; 
    map.createDivs(mapContainerName, startResourceList);
	if (continuousCallback!=null) map.continuousCallback = continuousCallback;
	if (enableTileCaching!=null) map.enableTileCaching = enableTileCaching;
	if (ToolsSupportingClientPostBack!=null) map.forcePostBackEvent = ToolsSupportingClientPostBack;
    map.callBackFunctionString = callBackFunctionString;
    map.tileCallbackFunctionString = tileCallbackFunctionString;
    map.identifyCallbackFunctionString = identifyCallbackFunctionString;
    map.vectorCallbackFunctionString = vectorCallbackFunctionString;
    if (percentageBased) map.resize(map.viewWidth, map.viewHeight);
}

function updateTiles(tileString, context) {

//    	// Debug stuff that will be displayed in form element, if it exists
//   	if (checkForFormElement(document, 0, "MapDebugBox")) document.forms[0].MapDebugBox.value += ("Tile Response: " + context + ": " + tileString + "\n"); 

   	var contextArray = context.split(",");
    var update = false;
    var resourceId = mapDefaultResourceId; 
    var imageType = ""; 
    if (contextArray.length>1 && contextArray[1]=="UpdateDiv2")  update = true;
    if (contextArray.length>2) resourceId = contextArray[2]; 
    //alert(tileString);
    if (tileString==null) {
        alert("No response");
    } else {  
	    var tileStrings = tileString.split("^^^");
	    var t;
	    for (var i=0;i<tileStrings.length;i++) {
	        t = tileStrings[i].split(",");
	        if (t.length>3)
	        {
	              if (t[3]=="null")
	                resourceId = null;
	              else
	                resourceId = t[3];
	        }
            if (t.length>4) {
                if (t[4].length>0) 
                    imageType = t[4].toLowerCase(); 
            } 	        
			Maps[contextArray[0]].updateTileImage(t[0],t[1],t[2], update, resourceId, imageType);
	    }
	    lastResponseReceivedTime = new Date();  
   } 
 
}

// function for handling server response for scale change
function changeLevel(levelString, context) {
    commonCallbackFree = true;
    lastResponseReceivedTime = new Date();
    var levelArray = levelString.split(":::");
    var contextArray = context.split(",");
    window.setTimeout("Maps['" + levelArray[1] + "'].setUpLevelGrid(" + levelArray[2] + "," + levelArray[3] + "," + levelArray[4] + "," + levelArray[5] + "," + levelArray[6] + "," + levelArray[7] + "," + levelArray[8] + "," + levelArray[9] + "," + levelArray[10] + ");", 1);
}


function TileObject(column, row) {
    this.column = column;
    this.row = row;
}	


// function for setting map control settings	
function addMapControlSettings(mapObj, pageID, toolsForcingPostBack, useScrollWheel, defaultShiftTool, defaultAltTool, useZoomAnimation) {
	mapObj.pageID = pageID;
	//mapObj.toolsForcingPostBack = toolsForcingPostBack;
	if (useScrollWheel!=null) mapObj.useScrollWheel = useScrollWheel;
	if (useZoomAnimation==null) useZoomAnimation = true;
	mapObj.useZoomAnimation = useZoomAnimation;
	if (mapObj.useScrollWheel) {
	    var eventName = isIE ? "mousewheel" : "DOMMouseScroll";
	    var eventHandler = isIE ? mousewheelhandlepiv : onWheelScroll;
	    addEvent(mapObj.divObject, eventName, eventHandler);
	    if (mapObj.snapCircleObject!=null) addEvent(mapObj.snapCircleObject, eventName, eventHandler);
	}
	if (defaultShiftTool!=null) mapObj.shiftMode = defaultShiftTool;
	if (defaultAltTool!=null) mapObj.altMode = defaultAltTool;
}

// function for getting map object assoicated with div event
function getSelectedMapObject(e) {
	var m = null;

		m = getMapObjectByXY(mouseX, mouseY);
		var box = calcElementPosition(m.divId);
		m.pageLeft = box.left;
		m.pageTop = box.top;
		box = calcElementPosition(m.containerDivId);
		m.containerLeft = box.left;
		m.containerTop = box.top;
		if (isIE) {
		    m.containerLeft+=2;
		    m.containerTop+=2;
		}
		m.width = box.width;
		m.height = box.height;
		divObj = document.getElementById(m.divId);
		lastmap = m;
		box=null;

	return m;
}

// function for getting map object by cursor location
function getMapObjectByXY(x,y) {
	var mm = null;
	for (var i=0;i<MapNames.length;i++) {
		var m = Maps[MapNames[i]];
		var box = calcElementPosition(m.containerDivId);
		var right = box.left + box.width;
		var bottom = box.top + box.height;
		if ((x>=box.left) && (x<=right) && (y>=box.top) && (y<=bottom)) {
			mm = m;
			//break;
		}
		box=null;
	}
	return mm;
}

function getMapObjectByDivId(divid) {
	var lastpos = divid.lastIndexOf("_");
	var pos = divid.indexOf("LineDiv_");
	if (pos!=-1) 
	    divid = "MapDiv_" + divid.substring(8);
	else {
	    pos = divid.indexOf("SnapCircle_");
	    if (pos!=-1) divid = "MapDiv_" + divid.substring(11);
	}
	pos = divid.indexOf("MapDiv_");
//	if (pos==-1) pos = divid.indexOf
	var m = null;
	if (pos!=-1) {
		// add logic for testing if the id has an underscore in the name
		var control = divid.substring(7);
		m = Maps[control];
		var box = calcElementPosition(m.divId);
		m.pageLeft = box.left;
		m.pageTop = box.top;
		box = calcElementPosition(m.containerDivId);
		m.containerLeft = box.left;
		m.containerTop = box.top;
		if (isIE) {
		    m.containerLeft+=2;
		    m.containerTop+=2;
		}

		box=null;
	}
	return m;
}


///////////////////////////////////// Set Tool Functions /////////////////////////////////////
// Drag actions - pan
function MapDragImage(divid, mode, showLoading, cursor) {
	var thisCursor = "move";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "DragImage", thisCursor, -1, "hidden", "");
	}
}
	
// Rectangular actions - zooms, select
function MapDragRectangle(divid, mode, showLoading, cursor) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "DragRectangle", thisCursor, -1, "hidden", "");
	}
}
	
// Point actions - identify, CenterAt, ZoomToPoint, etc.
function MapPoint(divid, mode, showLoading, cursor) {
	var thisCursor = "pointer";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "Point", thisCursor, -1,"hidden", "");
	}
}
	
// Line actions - measure, sketch, select, etc.
function MapLine(divid, mode, showLoading, cursor, vectorToolbarState) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "ClickShape", thisCursor, 0, vectorToolbarState, 
		"Line - Click to start line. Move cursor to change line and angle. Click again to finish line.");
	}
}

// Polyline action - measure, sketch, select, etc.
function MapPolyline(divid, mode, showLoading, cursor, vectorToolbarState) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "ClickShape", thisCursor, 1, vectorToolbarState, 
		"Polyline - Click to start line. Click again to add vectors. Double-click to add last vector and complete polyline.");
	}
}

// Polygon action - sketch, select, etc.
function MapPolygon(divid, mode, showLoading, cursor, vectorToolbarState) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "ClickShape", thisCursor, 2, vectorToolbarState, 
		"Polygon - Click to start line. Click again to add vectors. Double-click to add last vector and complete polygon.");
	}
}

// Circle action - sketch, select, etc.  - click/move/click
//function MapCircleClick(divid, mode, showLoading) {
function MapCircle(divid, mode, showLoading, cursor, vectorToolbarState) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "ClickShape", thisCursor, 3, vectorToolbarState, 
		"Circle - Click for center of circle. Move cursor to resize circle. Click again to complete circle.");
	}
}

// Circle action - sketch, select, etc. - mousedown/drag/mouseup
function MapDragCircle(divid, mode, showLoading, cursor, vectorToolbarState) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "DragShape", thisCursor, 3, vectorToolbarState, "");
	}
}

// Oval action - sketch, select, etc. - click/move/click
function MapOval(divid, mode, showLoading, cursor, vectorToolbarState) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "ClickShape", thisCursor, 4, "hidden", 
			"Oval - Click for start of oval. Move cursor to resize oval. Click again to complete oval.");
	}
}

// Oval action - sketch, select, etc. - mousedown/drag/mouseup
function MapDragOval(divid, mode, showLoading, cursor) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "DragShape", thisCursor, 4, vectorToolbarState, "");
	}
}

// Box vector action - sketch, select, etc. - click/move/click
function MapBox(divid, mode, showLoading, cursor, vectorToolbarState) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "ClickShape", thisCursor, 5, vectorToolbarState, "Box - Click for start of box. Move cursor to resize box. Click again to complete box.");
	}
}

// Box vector action - sketch, select, etc. - mousedown/drag/mouseup
function MapDragBox(divid, mode, showLoading, cursor, vectorToolbarState) {
	var thisCursor = "crosshair";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	if (vectorToolbarState==null) vectorToolbarState = "hidden";
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "DragShape", thisCursor, 5, vectorToolbarState, "");
	}
}

// Point actions - identify, CenterAt, ZoomToPoint, etc.
function MapTips(divid, mode, showLoading, cursor) {
	var thisCursor = "pointer";
	if ((cursor!=null) && (cursor!="")) thisCursor = cursor;
	map = Maps[divid];
	if (map!=null) {
		map.setTool(mode, showLoading, "MapTips", thisCursor, -1,"hidden", "");
	}
}

///////////////////////////////////// Set Tool Functions /////////////////////////////////////


////////////////////////////////////// Event Handlers ///////////////////////////////////////

// function for handling mousedown event for a map object
function MapMouseDown(e, controlName) {
    if (getSessionLapse() < maximumLapseTime) {
	    if (isLeftButton(e)) {
	    
	    getXY(e);
	    map = getMapObjectByDivId(this.id);
	    
	    checkShiftCtrlAltKeys(e);
	    if (shiftPressed || ctrlPressed || altPressed)
	        map.swapMode();
	    //alert(map.controlName);
	    switch (map.actionType) {
		    case "DragImage":
				    map.drawBox = false;
				    map.drawShape = false;
				    if (!map.dragImage) {
					    map.dragImage = true;
					    x1=mouseX;
					    y1=mouseY
					    x2=x1;
					    y2=y1;
				        x3 = x2;
				        y3 = y2;
					    document.onmouseup = map.MapMouseUp;
					        map.tempMoveFunction = document.onmousemove;
					    document.onmousemove = map.MapMouseMove;
				        var box = calcElementPosition(map.divId);
		                var box2 = calcElementPosition(map.containerDivId); 
					    panStartLeft = box.left - box2.left;
					    panStartTop = box.top - box2.top;
				    }
			    break;
		    case "DragRectangle":
				    map.dragImage = false;
				    map.drawShape = false;
				    if (!map.drawBox) {
					    map.drawBox = true;
					    x1=mouseX;
					    y1=mouseY;
					    x2=x1+1;
					    y2=y1+1;
    					
					    if (dragbox!=null) {
						    dragbox.divObject.onmousemove = map.MapMouseMove;
						    dragbox.divObject.onmouseup = map.MapMouseUp;
//						    dragbox.update(x1,y1,x2,y2, map.dragBoxColor);
//						    dragbox.show();
                            dragbox.clip(map.dragLineWidth);
					    }
					    document.onmouseup = map.MapMouseUp;
					        map.tempMoveFunction = document.onmousemove;
					    document.onmousemove = map.MapMouseMove;
				    }
			    break;
		    case "Point":
		        if (!ctrlPressed) {
				    map.divObject.style.cursor = "wait";
				    var box = calcElementPosition(map.containerDivId); 
				    zleft = mouseX - box.left;
				    ztop = mouseY - box.top;

				    map.xMin=zleft;
				    map.yMin=ztop;
    			
    			    if (map.preModeExecFunction != null)
	                    eval(map.preModeExecFunction);
    			
				    postBack(map.controlName, 'Point');
				}
			    break;
		    case "DragShape":
		        iframeHideWorkaroundForVML(); 
			    map.dragImage = false;
			    map.drawShape = true;
			    map.drawBox = false;
			    map.divObject.onclick = null;
			    map.divObject.ondblclick = null;
			    map.divObject.onmouseup = map.MapMouseUp;
			    map.vectorObject.vectordiv.onclick = null;
			    map.vectorObject.vectordiv.ondblclick = null;
			    map.vectorObject.vectordiv.onmousemove = map.MapMouseMove;
			    map.vectorObject.vectordiv.onmouseup = map.MapMouseUp;
    			    map.tempMoveFunction = map.divObject.onmousemove;
			    map.divObject.onmousemove = MapMouseMove;
    		
			    controlType = "map";
                
                var box = calcElementPosition(map.containerDivId);
			    map.vectorObject.pixelObject.x1 = mouseX - box.left;
			    map.vectorObject.pixelObject.y1 = mouseY - box.top;

			    map.vectorObject.vectorCount = 1;
			    map.vectorObject.pixelObject.lastX = map.vectorObject.pixelObject.x1;
			    map.vectorObject.pixelObject.lastY = map.vectorObject.pixelObject.y1;
    			
			    break;
	        }
	    }
	} else
	    showLapseAlert();
	return false;
}

// function for handling mousemove event for a map object
function MapMouseMove(e) {
	getXY(e);
	switch (map.actionType) {
		case "DragImage":
			if (map.dragImage) {
				x2 = mouseX;
				y2 = mouseY;
				var xOffset = x2 - lastX;
				var yOffset = y2 - lastY;
				mouseDirection = getMouseDirection(xOffset, yOffset);
				x3 = x2;
				y3 = y2;
				nx = x2-x1;
				ny = y2-y1;
                lastX = x2;
                lastY = y2;
	            var panMoveX = nx + panStartLeft;
	            var panMoveY = ny + panStartTop;
				
			    var currentX = panStartLeft + nx;
			    var currentY = panStartTop + ny;
				map.moveTiles(currentX, currentY, mouseDirection);
			}
			break;
		case "DragRectangle":
			if (map.drawBox) {
				// stretch ZoomBox
				x2=mouseX;
				y2=mouseY;
				// adjustments to keep box within view... vital for zooms
				var box = calcElementPosition(map.containerDivId);
				var mapLeft = box.left;
				var mapTop = box.top;
				var vWidth = parseInt(map.viewWidth);
				var vHeight = parseInt(map.viewHeight);
				if (x2 < mapLeft) x2 = mapLeft;
				if (y2 < mapTop) y2 = mapTop;
				if (x2 > mapLeft + vWidth) x2 = mapLeft + vWidth;
				if (y2 > mapTop + vHeight) y2 = mapTop + vHeight;
				//window.status = x1 + ", " + y1 + ", " + x2 + ", " + y2;
				if (dragbox!=null) {
				    dragbox.clip(map.dragLineWidth);
				    dragbox.show();
			    }  
			}
			break;
		case "ClickShape":
		case "DragShape":
			if (map.drawShape) {
				var vo = map.vectorObject;
				var pix = vo.pixelObject;
				var xycoord = vo.xyCoord;
                var box = calcElementPosition(map.containerDivId);
				pix.x2 = mouseX - box.left;
				pix.y2 = mouseY - box.top;
				switch (vo.mode) {
					case 0:
						vo.clear();
						vo.line(pix.x1, pix.y1, pix.x2, pix.y2);
						vo.draw();
						break;
					case 1:
						var n = xycoord.x.length - 1;
						vo.clear();	
						if (vo.vectorCount>1) {
							vo.polyline(xycoord.x,xycoord.y);
							vo.line(pix.x2, pix.y2, xycoord.x[n], xycoord.y[n]);
						} else if (vo.vectorCount>0){
							vo.line(pix.x1, pix.y1, pix.x2, pix.y2);
						}
						vo.draw();
						break;
					case 2:
						var n = vo.vectorCount;
						if (vo.vectorCount>0) {
							if (vo.vectorCount==1) {
								vo.clear();
								vo.line(xycoord.x[0],xycoord.y[0],pix.x2,pix.y2);
								vo.draw();
							} else if (vo.vectorCount>0){
								var tempx = new Array();
								var tempy = new Array();
								tempx = xycoord.x;
								tempy = xycoord.y;
								tempx[n] = pix.x2;
								tempy[n] = pix.y2;
								vo.clear();
								vo.polygon(tempx, tempy);
								vo.draw();
							}
						}
						vo.draw();
						break;
					case 3:
						var dwidth = Math.abs(pix.x2 - pix.x1);
						var dheight = Math.abs(pix.y2 - pix.y1);
						var dradius;
						if ((dwidth == 0) || (dheight == 0))  {
							dradius = (dwidth == 0) ? dheight : dwidth;
						} else {
							dradius = Math.sqrt((dwidth * dwidth) + (dheight * dheight));
						}
						
						vo.clear();
						vo.circle(pix.x1, pix.y1, dradius, true);
						vo.draw();
						break;
					case 4:
						var dwidth = Math.abs(pix.x2 - pix.x1);
						var dheight = Math.abs(pix.y2 - pix.y1);
						var dleft = (pix.x1 < pix.x2) ? pix.x1 : pix.x2;
						var dtop = (pix.y1 < pix.y2) ? pix.y1 : pix.y2;
						vo.clear();
						vo.oval(dleft, dtop, dwidth, dheight);
						vo.draw();
						break;
					case 5:
						// box
						var dwidth = Math.abs(pix.x2 - pix.x1);
						var dheight = Math.abs(pix.y2 - pix.y1);
						var dleft = (pix.x1 < pix.x2) ? pix.x1 : pix.x2;
						var dtop = (pix.y2 < pix.y1) ? pix.y2 : pix.y1;
						vo.clear();
						vo.box(dleft, dtop,(dleft + dwidth), (dtop + dheight));
						vo.draw();
						break;
				    
				}
				break;
		}
	    case "Point":
	        //return false;
	        break; 
	}
	if (map.moveFunction!=null) {
	    map.moveFunction(e);
	 }
	return false;
}

// function for handling mouseup event for a map object
function MapMouseUp(e) {
	//alert("MouseUp");
	var mapBox = calcElementPosition(map.containerDivId);
	switch (map.actionType) {
		case "DragImage":
			if (map.dragImage) {
				getXY(e);
				document.onmouseup = null;
				document.onmousemove = map.tempMoveFunction;
                
                finishDragImage(map);
				map.dragImage = false;
			}
			break;
		case "DragRectangle":
			
			if (map.drawBox) {
				map.drawBox = false;
				
				map.divObject.style.cursor = "wait";
				
				getXY(e);
				document.onmouseup = null;
				document.onmousemove = map.tempMoveFunction;
				if (dragbox!=null) {
					dragbox.hide();
					dragbox.clip(map.dragLineWidth);
					dragbox.divObject.onmousemove = null;
					dragbox.divObject.onmouseup = null;
				}
				// adjust for offsets
				zleft -= mapBox.left;
				zright -= mapBox.left;
				zbottom -= mapBox.top;
				ztop -= mapBox.top;
				map.xMin=zleft;
				map.yMin=ztop;
				map.xMax=zright;
				map.yMax=zbottom;
                if (map.preModeExecFunction != null)
	                eval(map.preModeExecFunction);                 			
                map.maptipObject.innerHTML = "";
				postBack(map.controlName, 'DragRectangle');
				map.divObject.style.cursor = map.cursor;
			}
			break;
		case "DragShape": 
		    iframeShowWorkaroundForVML();
			map.divObject.style.cursor = "wait";
			map.drawShape = false;
			var restart = false;
			var clientAction = "Line";
			var pix = map.vectorObject.pixelObject;
			switch (map.vectorObject.mode) {
				case 3:
					var dwidth = Math.abs(pix.x2 - pix.x1);
					var dheight = Math.abs(pix.y2 - pix.y1);
					var dradius;
					if ((dwidth == 0) || (dheight == 0))  {
						dradius = (dwidth == 0) ? dheight : dwidth;
					} else {
						dradius = Math.sqrt((dwidth * dwidth) + (dheight * dheight));
					}
					coordString = pix.x1 + ":" + pix.y1 + ":" + dradius;
					clientAction = "Circle";
					break;
				case 4:
					var dwidth = Math.abs(pix.x2 - pix.x1);
					var dheight = Math.abs(pix.y2 - pix.y1);
					var dleft = (pix.x1 < pix.x2) ? pix.x1 : pix.x2;
					var dtop = (pix.y1 < pix.y2) ? pix.y1 : pix.y2;
					var centerX = dleft + (dwidth / 2);
					var centerY = dtop + (dheight / 2);
					coordString = centerX+ ":" + centerY + ":" + dwidth + ":" + dheight;
					clientAction = "Oval";
					break;
				case 5:
		
					// box
					var dwidth = Math.abs(pix.x2 - pix.x1);
					var dheight = Math.abs(pix.y2 - pix.y1);
					var dleft = (pix.x1 < pix.x2) ? pix.x1 : pix.x2;
					var dtop = (pix.y2 < pix.y1) ? pix.y2 : pix.y1;
					coordString = dleft + ":" + dtop + "|" + (dleft + dwidth) + ":" + (dtop + dheight);
					clientAction = "Rectangle";			
					break;
					
			}
			map.vectorObject.vectorCount = 0;
			map.vectorObject.xyCoord.x = new Array();
			map.vectorObject.xyCoord.y = new Array();
		
			map.divObject.ondblclick = null;
			map.vectorObject.vectordiv.onmousemove = null;
			map.vectorObject.vectordiv.ondblclick = null;
			map.divObject.onmousemove = map.tempMoveFunction;
			map.divObject.onmouseup = null;
			
			pix.lastX = -9999;
			pix.lastY = -9999;
			
			var m = map.controlName + "_mode";
			if (checkForFormElement(map.document, docFormID, "PostBackMode")) map.document.forms[docFormID].PostBackMode.value = map.document.forms[docFormID].elements[m].value;
			map.coords = coordString;
			
			postBack( map.controlName, map.document.forms[docFormID].elements[m].value);
			map.divObject.style.cursor = map.cursor;
			
			break;
		case "ClickShape":
			iframeHideWorkaroundForVML();
			map = getMapObjectByDivId(this.id);
			map.dragImage = false;
			map.drawShape = true;
			map.drawBox = false;
			var vo = map.vectorObject;
			var pix = vo.pixelObject;
			var xycoord = vo.xyCoord;
			getXY(e);
		    var tb = document.getElementById(vectortoolbar);
		    if (tb!=null) tb.style.visibility = map.currentVectorToolbarState;
			if (vo.vectorCount==0) {
			    map.tempMoveFunction = map.divObject.onmousemove;
				map.divObject.onmousemove = MapMouseMove;
				vo.vectordiv.onmousemove = MapMouseMove;
				controlType = "map";
			}

			pix.x2 = mouseX - mapBox.left;
			pix.y2 = mouseY - mapBox.top;
			//alert((map.width) + ", " + (map.height));
			if (pix.lastX==pix.x2 && pix.lastY==pix.y2) {
				//if this is a double click(second click)
				//  then send it on to finish up
				MapDoubleClick(e);
			} else {
				if (vo.vectorCount==0) {
					// starting vector
					pix.x1 = mouseX - mapBox.left;
					pix.y1 = mouseY - mapBox.top;
					xycoord.x = new Array();
					xycoord.y = new Array();
					xycoord.x[0] = pix.x1;
					xycoord.y[0] = pix.y1;	
					switch (vo.mode) {
					    case 0:
					        clientAction = "Line";
					        break;
					    case 1:
					        clientAction = "Polyline";
					        break; 
					    case 2:
					        clientAction = "Polygon";   
					        break;
					    case 3:
					        clientAction = "Circle";
					        break;
					    case 4:
					        clientAction = "Oval";
					        break; 
					    case 5:
					        clientAction = "Rectangle";   
					        break;
					      
					}
				
				} else {
					switch (vo.mode) {
						case 0:
							// line
							clientAction = "Line";
							vo.clear();
							vo.line(pix.x1, pix.y1, pix.x2, pix.y2);
							vo.draw();
							jumpToFinish = true;
							break;
						case 1:
							// polyline
							clientAction = "Polyline";
							var n = xycoord.x.length;
							xycoord.x[n] = pix.x2;
							xycoord.y[n] = pix.y2;	
							vo.clear();	
							vo.polyline(xycoord.x,xycoord.y);
							vo.draw();
							break;
						case 2:
							// polygon
							clientAction = "Polygon";
							var n = xycoord.x.length;
							xycoord.x[n] = pix.x2;
							xycoord.y[n] = pix.y2;	
							var tempx = new Array();
							var tempy = new Array();
							var s="";
							tempx = xycoord.x;
							tempy = xycoord.y;
							vo.clear();	
							if (vo.vectorCount>2) vo.polygon(tempx,tempy)
								else vo.polyline(tempx,tempy);
							vo.draw();
							break;
						case 3:
							// click circle
							clientAction = "Circle";
							var dwidth = Math.abs(pix.x2 - pix.x1);
							var dheight = Math.abs(pix.y2 - pix.y1);
							var dradius;
							if ((dwidth == 0) || (dheight == 0))  {
								dradius = (dwidth == 0) ? dheight : dwidth;
							} else {
								dradius = Math.sqrt((dwidth * dwidth) + (dheight * dheight));
							}
							vo.clear();
							vo.circle(pix.x1, pix.y1, dradius, true);
							vo.draw();
							jumpToFinish = true;
							break;
						case 4:
							// click oval
							clientAction = "Oval";
							var dwidth = Math.abs(pix.x2 - pix.x1);
							var dheight = Math.abs(pix.y2 - pix.y1);
							var dleft = (pix.x1 < pix.x2) ? pix.x1 : pix.x2;
							var dtop = (pix.y2 < pix.y1) ? pix.y2 : pix.y1;
							vo.clear();
							vo.oval(dleft, dtop, dwidth, dheight);
							vo.draw();
							jumpToFinish = true;
							break;
						case 5:
							// click box
							clientAction = "Rectangle";
							var dwidth = Math.abs(pix.x2 - pix.x1);
							var dheight = Math.abs(pix.y2 - pix.y1);
							var dleft = (pix.x1 < pix.x2) ? pix.x1 : pix.x2;
							var dtop = (pix.y2 < pix.y1) ? pix.y2 : pix.y1;
							vo.clear();
							vo.box(dleft, dtop,(dleft + dwidth), (dtop + dheight));
							vo.draw();
							jumpToFinish = true;
							break;
					}
				}
				vo.vectorCount++;
				pix.lastX = pix.x2;
				pix.lastY = pix.y2;
			
				if (jumpToFinish) 
				    MapDoubleClick(e);
				else {
		            if (map.vectorCallbackFunctionString!=null && map.vectorCallbackFunctionString.length>0) {
		                // pass back the coords of the current shape
			            coordString ="";
			            if (xycoord.x.length>0) {
			                var n = xycoord.x.length - 1;
			                var m = n - 1;
			                if ((xycoord.x[m]==xycoord.x[n]) && (xycoord.y[m]==xycoord.y[n])) {
				                xycoord.x.length = n;
				                xycoord.y.length = n;
			                }
			                for (var i=0;i<xycoord.x.length;i++) {
				                if (i > 0) coordString += "|";
				                coordString += xycoord.x[i] + ":" + xycoord.y[i];
			                }
		                }
		                var argument = "ControlID=" + map.controlName + "&EventArg=" + clientAction + "&ControlType=Map&coords=" + coordString + "&VectorMode=" + map.mode + "&VectorAction=AddPoint";
		                if (checkForFormElement(document, 0, "MeasureUnits")) argument += "&MeasureUnits=" + document.forms[0].MeasureUnits.value;
		                if (checkForFormElement(document, 0, "AreaUnits")) argument += "&AreaUnits=" + document.forms[0].AreaUnits.value;
		                if (checkForFormElement(document, 0, "MapUnits")) argument += "&MapUnits=" + document.forms[0].MapUnits.options[document.forms[0].MapUnits.selectedIndex].value;
		                
		                var context = map.controlName + "," + clientAction;

    	// Debug stuff that will be displayed in form element, if it exists
   	if (checkForFormElement(document, 0, "MapDebugBox")) document.forms[0].MapDebugBox.value += ("Vector Request: " + context + ": " + coordString + "\n"); 
		                
		                eval(map.vectorCallbackFunctionString);
		            }
		        }				
			}
			break;
	    case "Point":
	        return false;
	        break; 
	}
	return false;
}

function MapDoubleClick(e) {
    iframeShowWorkaroundForVML();
	var vo = map.vectorObject;
	var pix = vo.pixelObject;
	var xycoord = vo.xyCoord;
	map.divObject.style.cursor = "wait";
	var restart = false;
	var clientAction = "Line";
	switch (vo.mode) {
		case 0:
			coordString = pix.x1 + ":" + pix.y1 + "|" + pix.x2 + ":" + pix.y2;
			restart = true;
			break;
		case 1:
			var blurb = "PolyLine:\n";
			coordString ="";
			for (var i=0;i<xycoord.x.length;i++) {
				blurb += "[" + (i+1) + "] " + xycoord.x[i]+ ", "  + xycoord.y[i] + "\n";
				if (i > 0) coordString += "|";
				coordString += xycoord.x[i] + ":" + xycoord.y[i];
			}
			restart = true;
			clientAction = "Polyline";
			break;
		case 2:
			var n = xycoord.x.length - 1;
			var m = n - 1;
			if ((xycoord.x[m]==xycoord.x[n]) && (xycoord.y[m]==xycoord.y[n])) {
				xycoord.x.length = n;
				xycoord.y.length = n;
			}
				
			if (vo.vectorCount>2) {
				var blurb = "Polygon:\n";
				coordString ="";
				for (var i=0;i<xycoord.x.length;i++) {
					blurb += "[" + (i+1) + "] " + xycoord.x[i] + ", "  + xycoord.y[i] + "\n";
					if (i > 0) coordString += "|";
					coordString += xycoord.x[i] + ":" + xycoord.y[i];
				}
				coordString += "|" + xycoord.x[0] + ":" + xycoord.y[0];
				restart = true;
				clientAction = "Polygon";
			} else {
				alert("A Polygon needs at least three vectors.");
			}
			
			break;
		case 3:
			var dwidth = Math.abs(pix.x2 - pix.x1);
			var dheight = Math.abs(pix.y2 - pix.y1);
			var dradius;
			if ((dwidth == 0) || (dheight == 0))  {
				dradius = (dwidth == 0) ? dheight : dwidth;
			} else {
				dradius = Math.sqrt((dwidth * dwidth) + (dheight * dheight));
			}
			coordString = pix.x1 + ":" + pix.y1 + ":" + dradius;
			restart = true;
			clientAction = "Circle";
			break;
		case 4:
			var dwidth = Math.abs(pix.x2 - pix.x1);
			var dheight = Math.abs(pix.y2 - pix.y1);
			var dleft = (pix.x1 < pix.x2) ? pix.x1 : pix.x2;
			var dtop = (pix.y1 < pix.y2) ? pix.y1 : pix.y2;
			var centerX = dleft + (dwidth / 2);
			var centerY = dtop + (dheight / 2);
			coordString = centerX+ ":" + centerY + ":" + dwidth + ":" + dheight;
			restart = true;
			clientAction = "Oval";
			break;
		case 5:

			// box
			var dwidth = Math.abs(pix.x2 - pix.x1);
			var dheight = Math.abs(pix.y2 - pix.y1);
			var dleft = (pix.x1 < pix.x2) ? pix.x1 : pix.x2;
			var dtop = (pix.y2 < pix.y1) ? pix.y2 : pix.y1;
			coordString = dleft + ":" + dtop + "|" + (dleft + dwidth) + ":" + (dtop + dheight);
			restart = true;
			clientAction = "Rectangle";			
			break;
	}
	if (restart) {
		vo.vectorCount = 0;
		xycoord.x = new Array();
		xycoord.y = new Array();

		map.divObject.ondblclick = null;
		vo.vectordiv.onmousemove = null;
		vo.vectordiv.ondblclick = null;
		pix.lastX = -9999;
		pix.lastY = -9999;
		
		map.coords = coordString;
		
		if (map.vectorCallbackFunctionString!=null && map.vectorCallbackFunctionString.length>0) {
		    //
		    var argument = "ControlID=" + map.controlName + "&EventArg=" + clientAction + "&ControlType=Map&coords=" + coordString + "&VectorMode=" + map.mode + "&VectorAction=Finish";
		    var context = map.controlName + "," + clientAction;
		    eval(map.vectorCallbackFunctionString);
		} else
		{
		    if (map.preModeExecFunction != null)
		        eval(map.preModeExecFunction);
		
		    postBack( map.controlName, clientAction);
		}
		
		//vo.clear();
		vo.restart(map.clearDrawnVectors);
		map.divObject.style.cursor = map.cursor;
	}
	jumpToFinish = false;
	map.drawShape = false;
	return false;
}


function getMouseDirection(xOffset, yOffset) {
    var dir = "";
    if (xOffset>0 && yOffset>0) {
        // nw
        dir = "ul";
        
    } else if (xOffset<0 && yOffset>0) {
        // ne
        dir = "ur"
    } else if (xOffset>0 && yOffset<0) {
        // sw
        dir = "ll";
    } else if (xOffset<0 && yOffset<0) {
        // se
        dir = "lr";
    } else if (yOffset>0) {
        // north
        dir = "up";
    } else if (yOffset<0) {
        // south
        dir = "down";
    } else if (xOffset>0) {
        // west
        dir = "left";
    } else if (yOffset<0) {
        // east
        dir = "right";
    }
    return dir;
        
}

// common function for finishing up a drag image type movement... 
    // used by DragImage, keyboard movement, Nav Control, and overview AOI movement
    // uses global temps nx and ny, calculated by the above actions
function finishDragImage(mapObj) {
	var	centerX = Math.round(mapObj.viewWidth/2);
	var	centerY = Math.round(mapObj.viewHeight/2);
	var newX = centerX - nx;
	var newY = centerY - ny;
	mapObj.xMin=newX;
	mapObj.yMin=newY;
	if (!mapObj.continuousCallback && mapObj.enableTileCaching) {
	    mapObj.getTopLeftTile();
	    mapObj.updateView(true);
	}
    if (nx==0 && ny==0) {
        // no action currently
    } else { 
        mapObj.maptipObject.innerHTML = "";  
	    postBack(mapObj.controlName, 'DragImage');	
    }
    if (mapObj.useZoomAnimation) mapObj.updateMapDiv2();		
	nx = 0;
	ny = 0;

}

function zoomToBox(controlName, left, top, right, bottom) {
    //alert(controlName);
    map = Maps[controlName];
    if (map!=null) {
	    map.xMin=left;
	    map.yMin=ztop;
	    map.xMax=right;
	    map.yMax=bottom;
	    postBack(controlName, 'DragRectangle');
	} else
	    alert(controlName + " not found.");

}
///////////////////////////// IE MouseWheel functions ... zoom ////////////////////////

	// Note: enable by adding these lines after the complete setup of the map object and divs:
		// map.divObject.onmousewheel = mousewheelhandlepiv;
		// setWheelParams(map);
		
		var m_zoomFactor = 1.0;
		// these are hard-coded for testing
		var m_imageWidth = 1800;
		var m_imageHeight = 1200;
		var m_imageLeft = -600;
		var m_imageTop = -400;
		var m_imageXOffset = 0;
		var m_imageYOffset = 0;
		var m_centerX = 300;
		var m_centerY = 200;
		var m_zoomIncre = 0.1;
		var m_zoomEnd = 2.0;
		
		var m_lastZoomFactor = 0;
		var m_moveWheel = false;
		var m_wheelCheckInterval;
		var slideXoffset = 0;
		var slideYoffset = 0;
		var m_canSlide = false;
		var m_sliderId = "";
		var keepZooming = false;
		var zoomAnimationDelay = false;
		var m_mouseWheelForceDelay = 1000; // force delay so multiple zooms will not be triggered on single wheel movement 
		var m_mouseWheelLastUseTime = new Date();
		var m_mouseWheelUseTime = null;
		
		function mousewheelhandlepiv(evt){
		    m_mouseWheelUseTime = new Date();
		    if (m_mouseWheelUseTime - m_mouseWheelLastUseTime > m_mouseWheelForceDelay) {
		        if (getSessionLapse() < maximumLapseTime) {
		            if (!keepZooming) {
		                setWheelParams();
		                if (mouseWheelAwayZoomIn) {
			                if (event.wheelDelta >= 120 && canWheelZoom("in")) 
			                    zoomIn(evt);
			                else if (event.wheelDelta <= -120 && canWheelZoom("out")) 
			                    zoomOut(evt);
			            } else { 
			                if (event.wheelDelta >= 120 && canWheelZoom("out")) 
			                    zoomOut(evt);
			                else if (event.wheelDelta <= -120 && canWheelZoom("in")) 
			                    zoomIn(evt);
			            } 
		            }
		        } else 
		            showLapseAlert();
		        m_mouseWheelLastUseTime = m_mouseWheelUseTime;
		    }
		}
		
		function onWheelScroll(evt) {
		    m_mouseWheelUseTime = new Date();
		    if (m_mouseWheelUseTime - m_mouseWheelLastUseTime > m_mouseWheelForceDelay) {
		        if (getSessionLapse() < maximumLapseTime) {
		            if (!keepZooming) {
		                setWheelParams();
		                if (mouseWheelAwayZoomIn) { 
			                if (evt.detail < 0 && canWheelZoom("in"))
				                zoomIn(evt);
			                else if (evt.detail > 0 && canWheelZoom("out")) 
			                    zoomOut(evt);
			            } else {
			                if (evt.detail < 0 && canWheelZoom("out"))
				                zoomOut(evt);
			                else if (evt.detail > 0 && canWheelZoom("in")) 
			                    zoomIn(evt);
			            }  
		            }		
		        } else 
		                showLapseAlert();
		        m_mouseWheelLastUseTime = m_mouseWheelUseTime;
		    }
		}
		
		function canWheelZoom(dir) {
		    var goAhead = false;
		    if (map.totalLevels<1)
		        goAhead = true;
		    else {
		        if (dir=="in" && map.level<map.totalLevels-1) 
		            goAhead = true;
		        else if (dir=="out" && map.level>0)
		            goAhead = true;
		    }
		    return goAhead;
		}
		
		function setZoom(which) {
		        // update zoom factor
		        m_zoomFactor += m_zoomIncre;
		        // use zoom factor to set params for scale div
			    var iw = m_imageWidth * m_zoomFactor;
			    var ih = m_imageHeight * m_zoomFactor;
			    var ixw = m_imageXOffset * m_zoomFactor;
			    var iyw = m_imageYOffset * m_zoomFactor;
			    var il = m_centerX - ixw;
			    var it = m_centerY - iyw;	
			    // make sure it's visible
    			map.divObject2.style.visibility = "visible";
    			// update size and position of scale div
    			if (isIE) {
			        map.divScaleObject2.style.zoom = m_zoomFactor;
			    } else {
			        var div;
			        var tw = (map.columnsPerView + 1);
                    var th = (map.rowsPerView + 1);
                    for (var r=0; r<th; r++) {
                        for (var c=0; c< tw; c++) {
                            div = document.getElementById(map.controlName + '_MapAnimationDiv_' + c + '_' + r);
                            if (div!=null) {
                                div.style.width = Math.round(map.tileWidth * m_zoomFactor) + "px";
                                div.style.height = Math.round(map.tileHeight * m_zoomFactor) + "px"; 
                            }  
                        } 
                    } 
			        map.divScaleObject2.style.width = Math.floor(iw) + "px";
			        map.divScaleObject2.style.height = Math.floor(ih) + "px";
			    }
			    map.divObject2.style.left = Math.floor(il) + "px";
			    map.divObject2.style.top = Math.floor(it) + "px";
		}


		
		function zoomOut(evt) {
			m_zoomFactor = 1;
			m_zoomIncre = -0.05;
			m_zoomEnd = 0.5;
			keepZooming = true;
			if (map.useZoomAnimation) 
		        map.showMapDiv2();
			window.setTimeout("navZoomOut(null, '" + map.controlName + "'); zoomAnimationDelay = true;", 0);
			map.maptipObject.innerHTML = "";
			if (map.useZoomAnimation) {
			    var speed = 25;
			    var timer = 0;
			    var start = m_zoomFactor
			    for (var i = start; i >= m_zoomEnd; i+=m_zoomIncre) {
			        window.setTimeout("setZoom();", (timer * speed));
			        timer++;
			    }  
			     keepZooming = false;
			}
			else
			    keepZooming = false;
			var rc = map.ResourceCollection;
			for (var i=0;i<rc.length;i++) {
			    rc[i].divObject.innerHTML = "";
			}
		}

		function zoomIn(evt) {
			m_zoomFactor = 1;
			m_zoomIncre = 0.1;
			m_zoomEnd = 2.0;
			keepZooming = true;
			if (map.useZoomAnimation) 
		        map.showMapDiv2();
		    window.setTimeout("navZoomIn(null, '" + map.controlName + "'); zoomAnimationDelay = true;", 0);
		    map.maptipObject.innerHTML = ""; 
		    //alert("zoomIn"); 
			if (map.useZoomAnimation) {
			    var speed = 25;
			    var timer = 0;
			    var start = m_zoomFactor
			    for (var i = start; i <= m_zoomEnd; i+=m_zoomIncre) {
			        window.setTimeout("setZoom();", (timer * speed));
			        timer++;
			    }  
			     keepZooming = false;
			}
			else
			     keepZooming = false;
			var rc = map.ResourceCollection;
			for (var i=0;i<rc.length;i++) {
			    rc[i].divObject.innerHTML = "";
			}
		}
		
		function setWheelParams(map2) {
			if (map2!=null) map = map2;
			if (map.useZoomAnimation) map.checkMapDiv2();
	        m_centerX = Math.floor(map.viewWidth / 2);
	        m_centerY = Math.floor(map.viewHeight / 2);
	        m_imageLeft = parseInt(map.divObject2.style.left);
		    m_imageTop = parseInt(map.divObject2.style.top);
		    m_imageXOffset = m_centerX + (0 - m_imageLeft);
		    m_imageYOffset = m_centerY + (0 - m_imageTop);

		}
		
function checkNavDirection(type) {
	var xDir = 0;
	var yDir = 0;
	if (nav_active) {
		switch (type) {
			case "up":
				ny+=map.mapMoveIncrement;
				yDir = 1;
				break;
			case "ur":
				nx-=map.mapMoveIncrement;
				ny+=map.mapMoveIncrement;
				xDir = -1;
				yDir = 1;
				break;
			case "right":
				nx-=map.mapMoveIncrement;
				xDir = -1;
				break;
			case "lr":
				nx-=map.mapMoveIncrement;
				ny-=map.mapMoveIncrement;
				xDir = -1;
				yDir = -1;
				break;
			case "down":
				ny-=map.mapMoveIncrement;
				yDir = -1;
				break;
			case "ll":
				nx+=map.mapMoveIncrement;
				ny-=map.mapMoveIncrement;
				xDir = 1;
				yDir = -1;
				break;
			case "left":
				nx+=map.mapMoveIncrement;
				xDir = 1;
				break;
			case "ul":
				nx+=map.mapMoveIncrement;
				ny+=map.mapMoveIncrement;
				xDir = 1;
				yDir = 1;
				break;
		}
	} else {
		nx=0;
		ny=0;	
	}
	var panMoveX = nx + panStartLeft;
	var panMoveY = ny + panStartTop;
	navDir = type;
	
	var currentX =0;
	var currentY = 0;
	var tLeft = 0-(map.tileWidth * map.columns);
	var tTop = 0-(map.tileHeight * map.rows);
	currentX = panStartLeft + nx;
	currentY = panStartTop + ny;
	
	map.moveTiles(currentX, currentY, navDir);
	return false;
}

		function keyDown(e) {
		    if (map.keyFocus) {
		        var theKey;
		        var dir = "";
	            if (isIE) 
		            theKey = event.keyCode;
	            else
		            theKey = e.which;
		        checkShiftCtrlAltKeys(e);
		        if (shiftPressed)
		            map.divObject.style.cursor = map.shiftCursor;
		        else if (ctrlPressed)
		            map.divObject.style.cursor = map.ctrlCursor;
		        else if (altPressed)
		            map.divObject.style.cursor = map.altCursor;
	            switch (theKey)
	            {
	            case 37:
		            // left
		            dir = "left";
		            break;
	            case 38:
		            // up
		            dir = "up";
		            break;
	            case 39:
		            // right
		            dir = "right";
		            break;
	            case 40:
		            // down
		            dir = "down";
		            break;
	            case 33:
		            // PgUp... ur
		            dir = "ur";
		            break;
	            case 34:
		            // PgDn... lr
		            dir = "lr";
		            break;
	            case 35:
		            // End... ll
		            dir = "ll";
		            break;
	            case 36:
		            // Home... ul
		            dir = "ul";
		            break;
		        case 107:
		            // shift-plus ... zoom in
		            if (shiftPressed) {
		                dir ="";
    		            if (getSessionLapse() < maximumLapseTime) {
		                    nav_active = false;
    		               setWheelParams(); 
    		               if (canWheelZoom("in"))
    		                zoomIn(e); 
    		            } else
    		                showLapseAlert();
    		        }
    		        break;
		        case 109:
		            // shift-minus ... zoom out
		            if (shiftPressed) {
		                dir ="";
		                if (getSessionLapse() < maximumLapseTime) {
		                    nav_active = false;
    		               setWheelParams(); 
    		               if (canWheelZoom("out"))
    		                zoomOut(e); 
    		            } else
    		                showLapseAlert();
    		        }
    		        break;
		        default:
		            // no direction
		            nav_active = false;
	            }
    	        
		        if (dir!="") {
		            if (getSessionLapse() < maximumLapseTime) {
		                if (!nav_active) {
		                    var box = calcElementPosition(map.divId);
		                    var box2 = calcElementPosition(map.containerDivId); 
					        panStartLeft = box.left - box2.left;
					        panStartTop = box.top - box2.top;
		                    map.dragImage = true;
		                    nav_active = true;
		                }
		                var tempIncre = map.mapMoveIncrement;
		                map.mapMoveIncrement *= 2;
		                checkNavDirection(dir);
		                map.mapMoveIncrement = tempIncre;
		                if (map.vectorObject!=null) map.vectorObject.restart();
		            } else
		                showLapseAlert();
                }
                else if (theKey == 27) { // Escape
                    if (map.vectorObject!=null) map.vectorObject.restart();
		        }
		    }
		}
		
		function keyUp(e) {
	        map.dragImage = false;
	        if (nav_active) {
	            nav_active = false;
            	finishDragImage(map);
	            nx = 0;
	            ny = 0;
		    }
		    dir=""; 
		    map.divObject.style.cursor = map.tempCursor;
		    
		}
		
		function setMapFocus(control) {
		    //alert(control);
		    map = Maps[control];
		    map.keyFocus = true;
		}
		function setMapBlur(control) {
		    //
		    map.keyFocus = false;
		}
		
function navZoomIn(e, controlName)
{
    if (getSessionLapse() < maximumLapseTime) {
        map = Maps[controlName];
        if (map!=null) {
	        if (map.totalLevels<1) {
		        // dynamic tiles
	            map.coords = "2";
	            postBack(map.controlName, "ScrollWheelZoom");
	        } else {
		        // static tiles
	            var level = map.level;
	            if (level<map.totalLevels-1) {
		            level++;
		            map.switchToLevel(level);
	            }
	        }
	    }
	} else
	    showLapseAlert();
	return false;
}

function navZoomOut(e, controlName)
{
    if (getSessionLapse() < maximumLapseTime) {
        map = Maps[controlName];
        if (map!=null) {
	        if (map.totalLevels<1) {
		        // dynamic tiles
	            map.coords = map.setDecimalDelimiter(1 / 2);
	            postBack(map.controlName, "ScrollWheelZoom");
	        } else {
		        var level = map.level;
		        if (level>0) {
			        level--;
			        map.switchToLevel(level);
		        }
		    }
		}
	} else
	    showLapseAlert();
	return false;
}

 function fixedZoomIn(e, controlName) 
{
    if (getSessionLapse() < maximumLapseTime) {
        map = Maps[controlName];
        if (map!=null) { 
            nav_active = false;
           setWheelParams(); 
           if (canWheelZoom("in"))
                zoomIn(e); 
      } 
    } else
        showLapseAlert();
}

function fixedZoomOut(e, controlName)
{
    if (getSessionLapse() < maximumLapseTime) {
        map = Maps[controlName];
        if (map!=null) { 
            nav_active = false;
           setWheelParams();
           if (canWheelZoom("out")) 
                zoomOut(e); 
        }
    } else
        showLapseAlert();

}
  

function AutoResizeMap(event, controlName) {
    window.clearTimeout(reloadTimer);
    if (controlName==null) {
        // call the function that will check the maps
	    reloadTimer = window.setTimeout("AutoResizeMapToParent();",1000);
    } else {    
	    // a map controlname passed in... resize that one
	    reloadTimer = window.setTimeout("if (Maps['" + controlName + "'].enableResizeEvent) Maps['" + controlName + "'].resizeToParent();",1000);
    }
}

function AutoResizeMapToWindow(event, controlName) {
    window.clearTimeout(reloadTimer);
	    // a map controlname passed in... resize that one
	reloadTimer = window.setTimeout("if (Maps['" + controlName + "'].enableResizeEvent) Maps['" + controlName + "'].resizeToWindow();",1000);
}

function AutoResizeMapToParent() {
    var m;
    if (MapNames.length==1 && map!=null) {
        // only one map... resize that one if permitted
        if (map.enableResizeEvent)
            map.resizeToParent();
    } else {
        // loop through all maps and resize those that are permitted
        for (var i=0;i<MapNames.length;i++) {
            m = Maps[MapNames[i]];
            if (m.enableResizeEvent)
                m.resizeToParent();
        }
    }
}

function moveSnapCircle(e) {
        var snap = map.snapCircleObject;
        getXY(e);
		var mx = mouseX;
		var my = mouseY;
		if (isIE) {
		    // undo adjustment for ie... not necessary for snap circle;
		    mx+=3;
		    my+=3;
		}  
        if (snap!=null) {
            var box = calcElementPosition(map.containerObject.id);
		    snap.style.left = (mx - Math.round(parseFloat(snap.clientWidth) / 2) - box.left) + "px";
		    snap.style.top = (my - Math.round(parseFloat(snap.clientHeight) / 2)- box.top) + "px";
	    } 
}
	
/* Resource related properties
*/

function ResourceObject(id, index, visible, mapId, tileServerUrl, tileServerUrlGenerator, tileServerImageFormat, gridLimits, mappedLevel) {
    this.id = id;
    this.index = (index!=null) ? index : 0;
    this.visible = (visible!=null) ? eval(visible) : true;  
    this.mapId = (mapId!=null) ? mapId : "Map1";
    this.tileServerUrl = (tileServerUrl!=null) ? tileServerUrl : ""; 
    this.tileServerUrlGenerator = (tileServerUrlGenerator!=null) ? tileServerUrlGenerator : ""; 
    this.mapObject = null; 
    this.divObject = null;
    this.divId = "MapResourceDiv_" +  this.mapId + "_ " + this.id ;  
    this.displayedTiles = new Array();
    this.pngTiles = new Array();
    this.imageFormat = (tileServerImageFormat!=null) ? tileServerImageFormat : ""; 
    this.checkCallbackCount = 0;
    ///// Added for resource limit check 
    this.minColumn = 0;
    this.maxColumn = 0;  
    this.minRow = 0;
    this.maxRow = 0;      
    this.gridLimits = (gridLimits==null) ? "" : gridLimits;
    var limits = this.gridLimits.split(",");
    if (limits.length==4) {
        this.minColumn = parseInt(limits[0]);
        this.minRow = parseInt(limits[1]);
        this.maxColumn = parseInt(limits[2]);
        this.maxRow = parseInt(limits[3]);
    }   
   ///// Added for resource limit check
    this.mappedLevel = (mappedLevel==null) ? 0 : mappedLevel; ///// Added for resource mapping check
     
    this.redraw = function() {
        // clear resource grid and redraw resource tiles displayed in view  
        this.mapObject.clearLevelGrid(this.id, this.gridLimits);
    }  
   
    this.show = function() {
        this.visible = true;
        this.redraw();
    }     

    this.hide = function() {
        this.visible = false;
        this.redraw();
    }     

    this.toggle = function() {
        this.visible = !this.visible;
        this.redraw();
    }    
   
    ///// Added for resource limit check 
    this.isWithinLimits = function(column, row) {
        // do not set limits if .gridLimits is nothing or all limits equal -99 
        if (this.gridLimits==null || this.gridLimits=="" || (this.minColumn==-99 && this.minRow==-99 && this.maxColumn==-99 && this.maxRow==-99))
            return true;
        else  
            return (column>= this.minColumn && column<=this.maxColumn && row>=this.minRow && row<=this.maxRow);
    }
   
    this.setLimits = function(minColumn, minRow, maxColumn, maxRow) {    
        this.minColumn = minColumn;
        this.minRow = minRow;
        this.maxColumn = maxColumn;
        this.maxRow = maxRow;
        this.gridLimits = minColumn + "," + minRow + "," + maxColumn + "," + maxRow;
        if (this.gridLimits="-99,-99,-99,-99") {
            this.gridLimits = ""; 
        }
    } 
    ///// Added for resource limit check 
}

function esriResourceCollectionAdd(resource, draw) { 
        var position = this.length;
        this[this.length] = resource;  
        this[position].index = position;
        if (draw==null) draw = false;
        var resourceHtml =  '<div id="' + resource.divId + '" style="position:absolute; left:0px; top:0px;  width:' + this.mapObject.viewWidth + '; height:' + this.mapObject.viewHeight + '; "  ></div>\n';
        this.mapObject.divObject.insertAdjacentHTML("AfterBegin", resourceHtml);           ///// Added for dynamic resource addition/deletion
        this.setObjects();
        if (draw) this.redraw(resource.id);
}

function esriResourceCollectionContains(id) {
	for (var i=0; i<this.length; i++ ) {
		if (this[i].id == id)
			return true;
	}
	return false;
}

function esriResourceCollectionFind(id) {
	for (var i=0; i<this.length;i++) {
		if (this[i].id == id)
		    return this[i];
	}
    return null;    
}
		
function esriResourceCollectionInsert(resource, position, draw) {
    //var length = this.length - 1;
    if (draw==null) draw = false; 
    ///// Added for dynamic resource addition/deletion 
    var node = null;
    var resourceHtml =  '<div id="' + resource.divId + '" style="position:absolute; left:0px; top:0px;  width:' + this.mapObject.viewWidth + '; height:' + this.mapObject.viewHeight + '; "  ></div>\n';
    if (position>this.length) position = this.length;
    if (position==this.length) {
        this.add(resource, draw);
    } else  {
        node = document.getElementById(this[position].divId);
        if (node!=null) {
            node.insertAdjacentHTML("AfterEnd", resourceHtml);  
	        for (var i=this.length; i>position;i--) {
		        this[i] = this[i-1];
		        this[i].index = i;
//                this[i].displayedTiles = new Array();
//                this[i].pngTiles = new Array();
	        }
    ///// Added for dynamic resource addition/deletion 
	        this[position] = resource;
	        this[position].index = position;
	    } else {
	        alert("Cannot insert new resource. Unable to find " + this[position].divId + ".");
	    }
	}
	this.setObjects();
	if (draw) this.redraw(resource.id);
	
}
		
function esriResourceCollectionRemove(id) {
    var position = this.getPosition(id);
    if (position>-1) {
         this.removeAt(position, false);
    }  
}

function esriResourceCollectionRemoveAt(position) {
///// Added for dynamic resource addition/deletion
//    if (this.length>1) {
	    var length = this.length - 1;
	    var node = null;
	    if (position>-1 && position<this.length) 
            node = document.getElementById(this[position].divId);
        if (node!=null) {
            var id = this[position].id; 
            node.removeNode(true);
	            for (var i=position; i<this.length;i++) {
		            if (i<length) this[i] = this[i+1];
		            this[i].index = i; 
                    //this[i].displayedTiles = new Array();
                    //this[i].pngTiles = new Array();
	            }
	            this.length = length;
	        if (id==this.mapObject.baseResourceId && this.length>0) {
	            this.mapObject.baseResourceId = this[this.length - 1].id; 
	            this.mapObject.createMapDiv2();
	        }
    	    
	    } else {
            alert("Cannot remove resource. Unable to find resource at position " + position + ".");	
        }
//    } else {
//        alert("Cannot remove resource if it is the only resource.");
//    }
///// Added for dynamic resource addition/deletion
}

function esriResourceCollectionPosition(id) {
    var position = -1;
	for (var i=0; i<this.length;i++) {
		if (this[i].id == id)
		    return i;
	}
    return position;    
}	


function esriResourceCollectionReplace(newResource, oldResourceId, draw) {
    var position = this.getPosition(oldResourceId);
    if (draw==null) draw = false; 
    if (position>-1) 
        this.replaceAt(newResource, position, draw); 

}

function esriResourceCollectionReplaceAt(newResource, position, draw) {
    if (position==null || isNaN(position)) position = 0;
    if (draw==null) draw = false; 
    var length = this.length - 1; 
    this[position] = resource; 
    this[position].index = position;
    if (draw) this.redraw(newResource.id);  
}

function esriResourceCollectionSetObjects() {
    for (var i=0;i<this.length;i++) {
        this[i].divObject = document.getElementById(this[i].divId);
        this[i].mapObject = Maps[this[i].mapId];
    }  
}

function esriResourceCollectionRedraw(id) {
    var resourceIndex = this.getPosition(id);
    var resource = this[resourceIndex];
    var gridLimits = resource.gridLimits;
    this.mapObject.clearLevelGrid(id, gridLimits);
}

function esriResourceCollectionBottomVisiblePosition() {
    var position = 0;
	for (var i=0; i<this.length;i++) {
		if (this[i].visible)
		    position = i;
	}
    return position;    
}

///// Added for returned tiles check
function esriPendingTilesAdd(tileString) {
    this.push(tileString);
    this.mapObject.divObject.style.cursor = "progress";
    if (this.onRequestsPending!=null) this.onRequestsPending(this.mapObject);
}

function esriPendingTilesFind(tileString) {
    var found = new Array();
    for (var i=0;i<this.length; i++) {
        if (this[i]==tileString) found.push(i);
    }  
    return found; 
}

function esriPendingTilesRemove(tileString) {
    var found = this.find(tileString);
    if (found.length>0) {
        for (var i=found.length-1;i>=0; i--) {
            this.splice(found[i],1);
        }
    }
    if (this.onRequestsRemove!=null) this.onRequestsRemove(this.mapObject); 
    if (this.length==0) {
        this.mapObject.divObject.style.cursor = this.mapObject.cursor;
        if (this.onRequestsComplete!=null) this.onRequestsComplete(this.mapObject);  
    }  
}

function esriAddOnRequestsPending(theHandler) {
    this.onRequestsPending = theHandler;
}

function esriAddOnRequestsRemove(theHandler) {
    this.onRequestsRemove = theHandler;
}

function esriAddOnRequestsCompleted(theHandler) {
    this.onRequestsComplete = theHandler;
}


///// Added for returned tiles check
	
//alert("map.js loaded");