﻿var isIE = false;
var isNav = (navigator.appName.indexOf("Netscape")>=0);

var isNav4 = false;
var isIE4 = false;
var is5up = false;
var isNav5up = false;
//alert(navigator.appVersion);
if (isNav) 
{
	if (parseFloat(navigator.appVersion)<5) 
	{
		isNav4=true;		
	} else {
		is5up = true;		
	}
	//-------------code added by Adel--------------
	  var AGENTS = ["opera","msie","safari","firefox","netscape","mozilla","chrome"];
      var agent = navigator.userAgent.toLowerCase();
      var agentStr="chrome";
      if (agent.indexOf(agentStr) != -1) 
	  {
	    isChrome=true;
	    isIE=true;
	  }
	//-------------code added by Adel--------------
} 
else 
{
	isIE4=true;
	isIE=true;
	if ((navigator.appVersion.indexOf("MSIE 5")>0) || (navigator.appVersion.indexOf("MSIE 6")>0)) 
	{
		isIE4 = false;
		is5up = true;
		//alert("IE5");
	}
}	
//************************************************************************************************

var zooming = false;

var loadBannerLeft = parseInt((MapWidth)/2);
var loadBannerTop = parseInt((MapHeight)/2);
//;;;;;;;;;;;;;;;;;;;;;;;;;;layer creation for the rectangle draw;;;;;;;;;;;;;;;;;;
if (isNav5up) {
			// /*	
			
				
			content = '<img name="zoomOVImageTop" src="images/RedULcorner.gif" width=20 height=20 HSPACE=0 VSPACE=0 BORDER=0 ALT="">';
			createLayer("zoomOVBoxTop",0,0,8,8,false,content);
			content = '<img name="zoomOVImageLeft" src="images/RedLLcorner.gif" width=8 height=8 HSPACE=0 VSPACE=0 BORDER=0 ALT="">';
			createLayer("zoomOVBoxLeft",0,0,8,8,false,content);
			content = '<img name="zoomOVImageRight" src="images/RedURcorner.gif" width=8 height=8 HSPACE=0 VSPACE=0 BORDER=0 ALT="">';
			createLayer("zoomOVBoxRight",0,0,8,8,false,content);
			content = '<img name="zoomOVImageBottom" src="images/RedLRcorner.gif" width=8 height=8 HSPACE=0 VSPACE=0 BORDER=0 ALT="">';
			createLayer("zoomOVBoxBottom",0,0,8,8,false,content);
			// */
			
		} else {	
		
		  
			content = '<img name="zoomOVImageTop" src="images/pixel.gif" width=1 height=1>';
			createLayer("zoomOVBoxTop",0,0,sWidth-100,sHeight-150,false,content);
			content = '<img name="zoomOVImageLeft" src="images/pixel.gif" width=1 height=1>';
			createLayer("zoomOVBoxLeft",0,0,sWidth-100,sHeight-150,false,content);
			content = '<img name="zoomOVImageRight" src="images/pixel.gif" width=1 height=1>';
			createLayer("zoomOVBoxRight",0,0,sWidth-100,sHeight-150,false,content);
			content = '<img name="zoomOVImageBottom" src="images/pixel.gif" width=1 height=1>';
			createLayer("zoomOVBoxBottom",0,0,sWidth-100,sHeight-150,false,content);
			
			// set Overview map extent box color
			//bisso added (change color)
			setLayerBackgroundColor("zoomOVBoxTop", "#ff0000");
			setLayerBackgroundColor("zoomOVBoxLeft", "#ff0000");
			setLayerBackgroundColor("zoomOVBoxRight", "#ff0000");
			setLayerBackgroundColor("zoomOVBoxBottom", "#ff0000");
		}
		
		
		// mode display layer and shadow
		//var modeLayerFont="Arial";
		//var modeLayerShadowColor="#0000ff";
		//var modeLayerColor="#000000";
		//var modeLayerSize=10;
		//var modeLayerOn=false;
		//content = '<font face="' +  modeLayerFont + '"color="' +  modeLayerShadowColor + '"size=' + modeLayerSize + '><b>Zoom In Mode</b></font>';
		//createLayer("theMode1",2,2,200,30,modeLayerOn,content);
		//content = '<font face="' + modeLayerFont + '"color="' +  modeLayerColor + '"size=' + modeLayerSize + '><b>Zoom In Mode</b></font>';
		//createLayer("theMode2",0,0,200,30,modeLayerOn,content);
		
		// zoom/selection box
		if (isNav5up) {
			// /*
			
			content = '<img name="zoomImageTop" src="images/RedULcorner.gif" width=8 height=8 HSPACE=0 VSPACE=0 BORDER=0 ALT="">';
			createLayer("zoomBoxTop",0,0,8,8,false,content);
			content = '<img name="zoomImageLeft" src="images/RedLLcorner.gif" width=8 height=8 HSPACE=0 VSPACE=0 BORDER=0 ALT="">';
			createLayer("zoomBoxLeft",0,0,8,8,false,content);
			content = '<img name="zoomImageRight" src="images/RedURcorner.gif" width=8 height=8 HSPACE=0 VSPACE=0 BORDER=0 ALT="">';
			createLayer("zoomBoxRight",0,0,8,8,false,content);
			content = '<img name="zoomImageBottom" src="images/RedLRcorner.gif" width=8 height=8 HSPACE=0 VSPACE=0 BORDER=0 ALT="">';
			createLayer("zoomBoxBottom",0,0,8,8,false,content);
			// */
			 /*
			content = '<img name="zoomImageTop" src="images/pixel.gif" width=' + sWidth + ' height=' + ovBoxSize + '>';
			createLayer("zoomBoxTop",0,0,sWidth,ovBoxSize,false,content);
			content = '<img name="zoomImageLeft" src="images/pixel.gif" width=' + ovBoxSize + '  height=' + sHeight + '>';
			createLayer("zoomBoxLeft",0,0,ovBoxSize,sHeight,false,content);
			content = '<img name="zoomImageRight" src="images/pixel.gif" width=' + ovBoxSize + '  height=' + sHeight + '>';
			createLayer("zoomBoxRight",0,0,ovBoxSize,sHeight,false,content);
			content = '<img name="zoomImageBottom" src="images/pixel.gif" width=' + sWidth + ' height=' + ovBoxSize + '>';
			createLayer("zoomBoxBottom",0,0,sWidth,ovBoxSize,false,content);
			// set zoom box color
			setLayerBackgroundColor("zoomBoxTop", zoomBoxColor);
			setLayerBackgroundColor("zoomBoxLeft", zoomBoxColor);
			setLayerBackgroundColor("zoomBoxRight", zoomBoxColor);
			setLayerBackgroundColor("zoomBoxBottom", zoomBoxColor);
			 */
		} else {		
			content = '<img name="zoomImageTop" src="images/pixel.gif" width=1 height=1>';
			createLayer("zoomBoxTop",0,0,sWidth-100,sHeight-150,false,content);
			content = '<img name="zoomImageLeft" src="images/pixel.gif" width=1 height=1>';
			createLayer("zoomBoxLeft",0,0,sWidth-100,sHeight-150,false,content);
			content = '<img name="zoomImageRight" src="images/pixel.gif" width=1 height=1>';
			createLayer("zoomBoxRight",0,0,sWidth-100,sHeight-150,false,content);
			content = '<img name="zoomImageBottom" src="images/pixel.gif" width=1 height=1>';
			createLayer("zoomBoxBottom",0,0,sWidth-100,sHeight-150,false,content);

			// set zoom box color
			setLayerBackgroundColor("zoomBoxTop", "#00ff00");
			setLayerBackgroundColor("zoomBoxLeft", "#00ff00");
			setLayerBackgroundColor("zoomBoxRight", "#00ff00");
			setLayerBackgroundColor("zoomBoxBottom", "#00ff00");
		}
		
		// loading splashs
		content = '<img name="LoadingData" src="images/loadData.gif" width=273 height=30 HSPACE=0 VSPACE=0 BORDER=0 ALT="Retrieving Map">';
		createLayer("LoadData",loadBannerLeft,loadBannerTop,224,45,false,content);
		//content = '<img name="Loading" src="images/loadMap.gif" width=224 height=45 HSPACE=0 VSPACE=0 BORDER=0 ALT="Retrieving Map">';
		//createLayer("LoadMap",loadBannerLeft,loadBannerTop,224,45,false,content);
		
		content = '<img name="Loading" src="../images/loadMap.gif"  HSPACE=0 VSPACE=0 BORDER=0 ALT="Retrieving Map">';
		//createLayer("LoadMap",,,273,30,false,content);
		visible = false;
		document.writeln('<div id="LoadMap" style="position:absolute; overflow:hidden; left:40%; top:40%; width:224; height:45;' + '; z-index:1; visibility:' + (visible ? 'visible;' : 'hidden;') +  '">');
		document.writeln(content);
		document.writeln('</div>');
		
