
<!-- ERRORS
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mini_pan.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mini_pan.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mini_pan.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mini_zoom.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mini_zoom.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mini_zoom.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_se.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_se.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_se.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_s.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_s.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_s.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_sw.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_sw.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_sw.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_e.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_e.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_e.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_w.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_w.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_w.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_ne.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_ne.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_ne.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_n.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_n.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_n.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_nw.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_nw.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan_nw.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_labels.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_labels.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_labels.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_projection.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_projection.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_projection.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_print.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_print.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_print.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mapsize.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mapsize.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_mapsize.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_clear_point.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_clear_point.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_clear_point.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_search.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_search.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_search.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_warning.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_warning.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_warning.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_tools.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_tools.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_tools.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_add_mapnote.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_add_mapnote.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_add_mapnote.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomforward.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomforward.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomforward.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomback.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomback.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomback.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_ruler.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_ruler.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_ruler.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_pan.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_clear_query.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_clear_query.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_clear_query.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_query.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_query.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_query.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_recenter.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_recenter.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_recenter.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoombounds.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoombounds.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoombounds.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomfull.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomfull.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomfull.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomout.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomout.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomout.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomin.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomin.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_zoomin.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_roi.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_roi.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_roi.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_nav.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_nav.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_nav.png' in any of the registered or default skins.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<HEAD><!-- javascript include http://879566.lpdtradehk.tech/chameleon//widgets/js/cwcjsapi.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwcjsapi.js" type="text/javascript"></script>
<!-- javascript include cwc_dhtml.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_dhtml.js" type="text/javascript"></script>
<!-- javascript include MapDHTML.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/MapDHTML/MapDHTML.js" type="text/javascript"></script>
<!-- javascript include cwc_button.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_button.js" type="text/javascript"></script>
<!-- javascript include cwc_events.js -->
<script src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_events.js" type="text/javascript"></script>
<!-- javascript include popin.css -->
<link rel="stylesheet" type="text/css" href="http://879566.lpdtradehk.tech/chameleon//widgets/css/popin.css" />
<!-- javascript include http://879566.lpdtradehk.tech/chameleon//widgets/MapTips/maptips.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/MapTips/maptips.js" type="text/javascript"></script>
<!-- javascript include http://879566.lpdtradehk.tech/chameleon//widgets/css/maptips.css -->
<link rel="stylesheet" href="http://879566.lpdtradehk.tech/chameleon//widgets/css/maptips.css" type="text/css">
<!-- javascript include http://879566.lpdtradehk.tech/chameleon//widgets/js/dynlayer.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/dynlayer.js" type="text/javascript"></script>
<!-- javascript include http://879566.lpdtradehk.tech/chameleon//widgets/js/drag.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/drag.js" type="text/javascript"></script>
<!-- javascript include dhtmlapi.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/dhtmlapi.js" type="text/javascript"></script>
<!-- javascript include toolsobj.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/toolsobj.js" type="text/javascript"></script>
<!-- javascript include eventslib.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/eventslib.js" type="text/javascript"></script>
<SCRIPT Language="JavaScript"  type="text/javascript">

 var goCWCJSAPI = '';

var gCWCJSAPI = 1;
var gAPixel = 'http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif';
var gMapWiWidth = 400;
var gMapWiHeight = 300;
var gMapDHTMLDelayDraw = true;
var gMapDHTMLWaitImage = 'http://879566.lpdtradehk.tech/chameleon/samples///skins/sample/images/spinner.gif';
var gMapDHTMLWaitImageWidth = 216;
var gMapDHTMLWaitImageHeight = 50;
var gMapDHTMLVerticalMarquee = 'http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif';
var gMapDHTMLHorizontalMarquee = 'http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif';
var gMapDHTMLMarqueeWidth = 2;
var gMapDHTMLMarqueeColor = 'FF3333';
var gMapDHTMLURL = '/chameleon/common//wrapper/drawmap.php?map_session_mode=1&run_query=0&sid=67be95408611b&streaming=true';
var gMapDHTMLAllowResize = 1;
var gMapOffset = 1;
var szQuickZoomNavCmd = "";

var szMapTipsNavCmd = "";

 var gnPanWFirstPointX = -1;

 var gnPanWFirstPointY = -1;

 var gRulergblPixelSize = 9.43744532996;

 var gRulermapMinX = -2601225.03177;

 var gRulermapMaxY = 3474025.03177;

 var gRulerMapImgOX = gMapWhspc;

 var gRulerMapImgOY = gMapWvspc;

 var gRulerCurrentTool = "distance";

 var gRulerfirstClickDist = "true";

 var gRulercMapWidth = 400;

 var gRulercMapHeight = 300;

 var gRulerg_digitTool = "true";

 var gRulerg_end_digit = "false";

 var gRulerareaMode = "false";

 var gRulerareaString = "";

 var gRulersUnits = "mi";

 var gRulerHideLayers = 0;

 var gRulerFirstUse = true;

 var gRulerNbPoints = 100;

 var gRulerUserUnit = "MILES";

 var gRulerSpaceBetweenPoints = 15;

var szMapNotesMode = "ADD";

 var gKeyMapWvspcIEadjust = 7;

 var gKeyMapWhspcIEadjust = -2;

 var gKeyMapWiWidth = 0;

 var gKeyMapWiHeight = 0;

 var gKeyMapWhspc = 0;

 var gKeyMapWvspc = 0;

 var gKeyMapWmouseX = 0;

 var gKeyMapWmouseY = 0;

 var gKeyMapWx1 = 0;

 var gKeyMapWy1 = 0;

 var gKeyMapWx2 = 0;

 var gKeyMapWy2 = 0;

 var gKeyMapWfirstx = 0;

 var gKeyMapWfirsty = 0;

 var gKeyMapWsecondx = 0;

 var gKeyMapWsecondy = 0;

 var gKeyMapWzleft = 0;

 var gKeyMapWzright = 0;

 var gKeyMapWztop = 0;

 var gKeyMapWzbottom = 0;

 var gKeyMapWmapX = 0;

 var gKeyMapWmapY = 0;

 var gKeyMapWdragging = false;

 var gKeyMapWtoplayer = "zKeyMapBoxTop";

 var gKeyMapWleftlayer = "zKeyMapBoxLeft";

 var gKeyMapWbottomlayer = "zKeyMapBoxBottom";

 var gKeyMapWrightlayer = "zKeyMapBoxRight";

 var gKeyMap2Wtoplayer = "zKeyMap2BoxTop";

 var gKeyMap2Wleftlayer = "zKeyMap2BoxLeft";

 var gKeyMap2Wbottomlayer = "zKeyMap2BoxBottom";

 var gKeyMap2Wrightlayer = "zKeyMap2BoxRight";

function CWCJSAPIGetObject()
{
  return gpoCWCJSAPI;
}
/**
 * CWCJSAPICreateLayer
 * called to create a dynamic layer
 */
function CWCJSAPICreateLayer(containerName)
{
    var layer ;
    var str;
    var left = 0;
    var right = 0;
    var width = 10;
    var height = 10;
    var visible = 0;
    var bNetscape4 = 0;
    var bNetscape6 = 0;
    var bIE = 0;


    if (navigator.appName == "Netscape")
    {
        if (navigator.appVersion[0] <= 4)
        {
            bNetscape4 = 1;
        }
        else
        {
            bNetscape6 =1;
        }
    }
    else if (navigator.appName == "Microsoft Internet Explorer")
    {
        bIE = 1;
    }


    if (bNetscape4)
    {
/* ==================================================================== */
/*      For netscape 4 the Layer is created in the cwcjsapi :           */
/*      when CWCGetDocumentObject() function is called the first        */
/*      time. Seeems to have a problem when created beforehand.         */
/* ==================================================================== */
        //container = new Layer(100);

        //container.name = containerName;
        //container.visibility = 'hide';
        //container.visibility = 'show';
        // container.resizeTo(100,100);
        //container.document = '';
        //container.src = '';
        //container.clip.width = 100;
        //container.clip.height = 100;
    }
    else if (bIE)
    {
        document.body.insertAdjacentHTML( "afterBegin", '<span id="' + containerName + '"></span>' );
      var span = document.all(containerName );
      var html = '<iframe name="' + "frame_" + containerName + '" src="javascript:false;"></iframe>';
      span.innerHTML = html;
      span.style.display = 'none';
      container = window.frames[ "frame_" + containerName ];
    }
    else if (bNetscape6)
    {
        var span = document.createElement('SPAN');
        span.id = containerName;
        document.body.appendChild( span );
        var iframe = document.createElement('IFRAME');
        iframe.name = "frame_"+containerName;
        span.appendChild( iframe );
        container = iframe;
    }
    return container;
}
/**
 * CWCJSAPIWInit
 * called to initialize the JS API widget
 */
function CWCJSAPIWInit()
{
    aLayername = new Array(13);
    aLayerindex = new Array(13);
    aLayerstatus = new Array(13);
    aLayertitle = new Array(13);
    aLayertype = new Array(13);
    aLayerconnection = new Array(13);
    aLayerconnectiontype = new Array(13);
    aLayeronlineresource = new Array(13);
    aLayersrs = new Array(13);
    aLayerversion = new Array(13);
    aLayerformat = new Array(13);
    aLayerformatlist = new Array(13);
    aLayerstyle = new Array(13);
    aLayerstylelist = new Array(13);

    //create a CWC JS API class
    goCWCJSAPI = new CWCApplication();
    goCWCJSAPI.szURL = "http://879566.lpdtradehk.tech/chameleon/";

    //init map elements
    goCWCJSAPI.oMap.minx = -2601225.03177;
    goCWCJSAPI.oMap.miny = -712631;
    goCWCJSAPI.oMap.maxx = 3474025.03177;
    goCWCJSAPI.oMap.maxy = 3840000;

    goCWCJSAPI.oMap.width = 400;
    goCWCJSAPI.oMap.height = 300;

    goCWCJSAPI.oMap.scale = 43160878.6514;
    goCWCJSAPI.oMap.cellsize = 15226.1906355;
    goCWCJSAPI.oMap.resolution = 72;
    goCWCJSAPI.oMap.units = 3;

    goCWCJSAPI.oMap.projection = '=epsg:42304';

    goCWCJSAPI.oMap.layerdrawingorder='0,1,2,3,4,5,6,7,8,9,10,11,12';

/* -------------------------------------------------------------------- */
/*      Add properties in the application object.                       */
/* -------------------------------------------------------------------- */
    goCWCJSAPI.aProperties = new Array(11);

    //add all the layers in the map file.

    aLayername[0] = 'bathymetry';
aLayerindex[0] = '0';
aLayerstatus[0] = '1';
aLayertype[0] = '3';
aLayertitle[0] = "bathymetry";
aLayerconnection[0] = '';
aLayerconnection[0] = '';
aLayerconnectiontype[0] = '1';
aLayeronlineresource[0] = '';
aLayersrs[0] = '';
aLayerversion[0] = '';
aLayerformat[0] = '';
aLayerformatlist[0] = '';
aLayerstyle[0] = '';
aLayerstylelist[0] = '';
aLayername[1] = 'land_fn';
aLayerindex[1] = '1';
aLayerstatus[1] = '1';
aLayertype[1] = '2';
aLayertitle[1] = "land_fn";
aLayerconnection[1] = '';
aLayerconnection[1] = '';
aLayerconnectiontype[1] = '1';
aLayeronlineresource[1] = '';
aLayersrs[1] = '';
aLayerversion[1] = '';
aLayerformat[1] = '';
aLayerformatlist[1] = '';
aLayerstyle[1] = '';
aLayerstylelist[1] = '';
aLayername[2] = 'park';
aLayerindex[2] = '2';
aLayerstatus[2] = '0';
aLayertype[2] = '2';
aLayertitle[2] = "park";
aLayerconnection[2] = '';
aLayerconnection[2] = '';
aLayerconnectiontype[2] = '1';
aLayeronlineresource[2] = '';
aLayersrs[2] = '';
aLayerversion[2] = '';
aLayerformat[2] = '';
aLayerformatlist[2] = '';
aLayerstyle[2] = '';
aLayerstylelist[2] = '';
aLayername[3] = 'drain_fn';
aLayerindex[3] = '3';
aLayerstatus[3] = '1';
aLayertype[3] = '2';
aLayertitle[3] = "drain_fn";
aLayerconnection[3] = '';
aLayerconnection[3] = '';
aLayerconnectiontype[3] = '1';
aLayeronlineresource[3] = '';
aLayersrs[3] = '';
aLayerversion[3] = '';
aLayerformat[3] = '';
aLayerformatlist[3] = '';
aLayerstyle[3] = '';
aLayerstylelist[3] = '';
aLayername[4] = 'drainage';
aLayerindex[4] = '4';
aLayerstatus[4] = '1';
aLayertype[4] = '2';
aLayertitle[4] = "drainage";
aLayerconnection[4] = '';
aLayerconnection[4] = '';
aLayerconnectiontype[4] = '1';
aLayeronlineresource[4] = '';
aLayersrs[4] = '';
aLayerversion[4] = '';
aLayerformat[4] = '';
aLayerformatlist[4] = '';
aLayerstyle[4] = '';
aLayerstylelist[4] = '';
aLayername[5] = 'prov_bound';
aLayerindex[5] = '5';
aLayerstatus[5] = '1';
aLayertype[5] = '1';
aLayertitle[5] = "prov_bound";
aLayerconnection[5] = '';
aLayerconnection[5] = '';
aLayerconnectiontype[5] = '1';
aLayeronlineresource[5] = '';
aLayersrs[5] = '';
aLayerversion[5] = '';
aLayerformat[5] = '';
aLayerformatlist[5] = '';
aLayerstyle[5] = '';
aLayerstylelist[5] = '';
aLayername[6] = 'fedlimit';
aLayerindex[6] = '6';
aLayerstatus[6] = '1';
aLayertype[6] = '1';
aLayertitle[6] = "fedlimit";
aLayerconnection[6] = '';
aLayerconnection[6] = '';
aLayerconnectiontype[6] = '1';
aLayeronlineresource[6] = '';
aLayersrs[6] = '';
aLayerversion[6] = '';
aLayerformat[6] = '';
aLayerformatlist[6] = '';
aLayerstyle[6] = '';
aLayerstylelist[6] = '';
aLayername[7] = 'rail';
aLayerindex[7] = '7';
aLayerstatus[7] = '0';
aLayertype[7] = '1';
aLayertitle[7] = "rail";
aLayerconnection[7] = '';
aLayerconnection[7] = '';
aLayerconnectiontype[7] = '1';
aLayeronlineresource[7] = '';
aLayersrs[7] = '';
aLayerversion[7] = '';
aLayerformat[7] = '';
aLayerformatlist[7] = '';
aLayerstyle[7] = '';
aLayerstylelist[7] = '';
aLayername[8] = 'road';
aLayerindex[8] = '8';
aLayerstatus[8] = '0';
aLayertype[8] = '1';
aLayertitle[8] = "road";
aLayerconnection[8] = '';
aLayerconnection[8] = '';
aLayerconnectiontype[8] = '1';
aLayeronlineresource[8] = '';
aLayersrs[8] = '';
aLayerversion[8] = '';
aLayerformat[8] = '';
aLayerformatlist[8] = '';
aLayerstyle[8] = '';
aLayerstylelist[8] = '';
aLayername[9] = 'popplace';
aLayerindex[9] = '9';
aLayerstatus[9] = '1';
aLayertype[9] = '0';
aLayertitle[9] = "popplace";
aLayerconnection[9] = '';
aLayerconnection[9] = '';
aLayerconnectiontype[9] = '1';
aLayeronlineresource[9] = '';
aLayersrs[9] = '';
aLayerversion[9] = '';
aLayerformat[9] = '';
aLayerformatlist[9] = '';
aLayerstyle[9] = '';
aLayerstylelist[9] = '';
aLayername[10] = 'grid';
aLayerindex[10] = '10';
aLayerstatus[10] = '0';
aLayertype[10] = '1';
aLayertitle[10] = "grid";
aLayerconnection[10] = '';
aLayerconnection[10] = '';
aLayerconnectiontype[10] = '1';
aLayeronlineresource[10] = '';
aLayersrs[10] = '';
aLayerversion[10] = '';
aLayerformat[10] = '';
aLayerformatlist[10] = '';
aLayerstyle[10] = '';
aLayerstylelist[10] = '';
aLayername[11] = 'charts';
aLayerindex[11] = '11';
aLayerstatus[11] = '0';
aLayertype[11] = '8';
aLayertitle[11] = "charts";
aLayerconnection[11] = '';
aLayerconnection[11] = '';
aLayerconnectiontype[11] = '1';
aLayeronlineresource[11] = '';
aLayersrs[11] = '';
aLayerversion[11] = '';
aLayerformat[11] = '';
aLayerformatlist[11] = '';
aLayerstyle[11] = '';
aLayerstylelist[11] = '';
aLayername[12] = 'SmallerExtents';
aLayerindex[12] = '12';
aLayerstatus[12] = '0';
aLayertype[12] = '0';
aLayertitle[12] = "SmallerExtents";
aLayerconnection[12] = '';
aLayerconnection[12] = '';
aLayerconnectiontype[12] = '1';
aLayeronlineresource[12] = '';
aLayersrs[12] = '';
aLayerversion[12] = '';
aLayerformat[12] = '';
aLayerformatlist[12] = '';
aLayerstyle[12] = '';
aLayerstylelist[12] = '';
;
    for (i=0; i<13; i++)
    {
        goCWCJSAPI.oMap.AddLayer(aLayername[i]);
        goCWCJSAPI.oMap.aLayers[i].index = aLayerindex[i];
        goCWCJSAPI.oMap.aLayers[i].status = aLayerstatus[i];
        goCWCJSAPI.oMap.aLayers[i].type = aLayertype[i];
        goCWCJSAPI.oMap.aLayers[i].title = aLayertitle[i];
        goCWCJSAPI.oMap.aLayers[i].connection = aLayerconnection[i];
        goCWCJSAPI.oMap.aLayers[i].connectiontype = aLayerconnectiontype[i];
        goCWCJSAPI.oMap.aLayers[i].onlineresource = aLayeronlineresource[i];
        goCWCJSAPI.oMap.aLayers[i].srs = aLayersrs[i];
        goCWCJSAPI.oMap.aLayers[i].version = aLayerversion[i];
        goCWCJSAPI.oMap.aLayers[i].format = aLayerformat[i];
        goCWCJSAPI.oMap.aLayers[i].formatlist = aLayerformatlist[i];
        goCWCJSAPI.oMap.aLayers[i].style = aLayerstyle[i];
        goCWCJSAPI.oMap.aLayers[i].stylelist = aLayerstylelist[i];
    }
    //alert(goCWCJSAPI.oMap.numlayers);
    //alert(goCWCJSAPI.oMap.aLayers[0].name);


    //create htnml layer that will be used to communicate with server


/* ==================================================================== */
/*      For Netscape 4, the container (which is a DHTML Layer will      */
/*      be created the first time that the GetDocuemntObject            */
/*      function is called.                                             */
/* ==================================================================== */
    if (navigator.appName != "Netscape" ||
        navigator.appVersion[0] > 4)
    {
        oContainer = CWCJSAPICreateLayer("CWCJSAPILayer");
        goCWCJSAPI.szContainerName = "CWCJSAPILayer";
        goCWCJSAPI.oContainer = oContainer;
        goCWCJSAPI.ContainerSetVisibility(0);
    }
    if (0)
    {
        goCWCJSAPI.bDebug = true;
    }

    //szURL = "" + window.location;
    //szURL = szURL.substr( 0, szURL.lastIndexOf("?") + 1 );
    //szURL = szURL.substr( 0, szURL.lastIndexOf("/" ) + 1 );
    //goCWCJSAPI.szURL = szURL;

    //set the session id
    goCWCJSAPI.sid = "67be95408611b";

/* -------------------------------------------------------------------- */
/*      for netscape 4 the setlanguage  will be called in               */
/*      CWCGetDocumentObject the first time the function is called.     */
/* -------------------------------------------------------------------- */
    if (navigator.appName != "Netscape" ||
        navigator.appVersion[0] > 4)
    {
        goCWCJSAPI.oMLT.SetLanguage("EN-CA");
    }

    goCWCJSAPI.szLanguage = "EN-CA";
}
function onClickLocate() 
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/Locate/Locate.phtml?sid=67be95408611b&szCallbackFunc=LocateCB', 'Locate_32_67be95408611b', 'width=460,height=550,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
return;
}

        function LocateCB(actionID, wh)
        {
            if (actionID == 1)
            {
                // Here we should handle the load mapcontext
                document.forms[0].LOCATE_LATLONG.value = wh.szLatLong;
                document.forms[0].LOCATE_ADD_ELEMENT.value = wh.bAddPoint;
                document.forms[0].LOCATE_ZOOM_TO.value = wh.bZoomTo;
                document.forms[0].LOCATE_ELEMENT_TYPE.value = wh.szElementType;
                if (1)
                {
                    aLabelCoords = wh.szLatLong.split("|");
                    szCoords = aLabelCoords[1];

                    if (document.forms[0].LOCATE_ELEMENT_TYPE.value == "POINT")
                    {
                        aCoords = szCoords.split(",");

                        goCWCJSAPI.oMap.AddPointWidget(aCoords[0], aCoords[1],
                                             aLabelCoords[0], "LATLONG",
                                             wh.bAddPoint, wh.bZoomTo);
                    }
                    else if ( (document.forms[0].LOCATE_ELEMENT_TYPE.value == "RECTANGLE" ) || (document.forms[0].LOCATE_ELEMENT_TYPE.value == "FEATURE" ) )
                    {
                        aRectCoords = szCoords.split(";");
                        aCoordsFirstPoint = aRectCoords[0].split(",");
                        aCoordsSecondPoint = aRectCoords[1].split(",");

                        goCWCJSAPI.oMap.AddRectangleWidget(aCoordsFirstPoint[0],                                  aCoordsFirstPoint[1], aCoordsSecondPoint[0], 
                                  aCoordsSecondPoint[1],
                                  aLabelCoords[0], "LATLONG",
                                  wh.bAddPoint, wh.bZoomTo);
                    }
                }
                else
                {
                    document.forms[0].NAV_CMD.value = "";
                    document.forms[0].submit ();
                }
            }
            else if (actionID == 0)
            {
                // Here we should handle the load mapcontext
                document.forms[0].LOCATE_LATLONG.value = wh.szLatLong;
                document.forms[0].LOCATE_ADD_ELEMENT.value = wh.bAddPoint;
                document.forms[0].LOCATE_ZOOM_TO.value = wh.bZoomTo;
                document.forms[0].LOCATE_ELEMENT_TYPE.value = wh.szElementType;

                if (1)
                {
                    aLabelCoords = document.forms[0].LOCATE_LATLONG.value.split("|");
                    szCoords = aLabelCoords[1];

                    if (document.forms[0].LOCATE_ELEMENT_TYPE.value == "POINT")
                    {
                        aCoords = szCoords.split(",");

                        goCWCJSAPI.oMap.AddPointWidget(aCoords[0], aCoords[1],
                                 aLabelCoords[0], "LATLONG",
                                 document.forms[0].LOCATE_ADD_ELEMENT.value,
                                 document.forms[0].LOCATE_ZOOM_TO.value);
                    }
                    else if ( (document.forms[0].LOCATE_ELEMENT_TYPE.value == "RECTANGLE" ) || (document.forms[0].LOCATE_ELEMENT_TYPE.value == "FEATURE" ) )
                    {
                        aRectCoords = szCoords.split(";");
                        aCoordsFirstPoint = aRectCoords[0].split(",");
                        aCoordsSecondPoint = aRectCoords[1].split(",");

                        goCWCJSAPI.oMap.AddRectangleWidget(aCoordsFirstPoint[0],                                 aCoordsFirstPoint[1], aCoordsSecondPoint[0], 
                                 aCoordsSecondPoint[1],
                                 aLabelCoords[0], "LATLONG",
                                 document.forms[0].LOCATE_ADD_ELEMENT.value,
                                 document.forms[0].LOCATE_ZOOM_TO.value);
                    }
                }
                else
                {
                    document.forms[0].NAV_CMD.value = "";
                    document.forms[0].submit();
                }
                wh.close ();
            }
            else if (actionID == 2) // close window
                wh.close ();

            return;
        }

/**
 * changeQuickZoom
 * called when the quickzoom value is changed.
 */
function changeQuickZoom(obj)
{
    extents=obj.options[obj.selectedIndex].value;
    if (extents != "")
    {
        document.forms[0].NAV_QUICKZOOM.value = extents;
        document.forms[0].SEL_QUICKZOOM.value = obj.options[obj.selectedIndex].text;
        if (1)
        {
            goCWCJSAPI.NAV_QUICKZOOM = extents;
            goCWCJSAPI.UpdateNavQuickZoom();
        }
        else
        {
            document.forms[0].submit();
        }
    }
    return;
}
/**
 * quickZoomSaveNavCmd
 * called when the quickzoom value is changed.
 */
function quickZoomSaveNavCmd(obj)
{
    if ( document.forms[0].NAV_CMD )
    {
        szQuickZoomNavCmd = document.forms[0].NAV_CMD.value;
        document.forms[0].NAV_CMD.value = '';
    }

}
/**
 * quickZoomRestoreNavCmd
 * called when the quickzoom value is changed.
 */
function quickZoomRestoreNavCmd(obj)
{
    if ( szQuickZoomNavCmd != "" )
    {
        document.forms[0].NAV_CMD.value = szQuickZoomNavCmd;
    }

}
/**
 * CWCSelectLayer
 * called to set a layer as selected.  If the layer is already selected, then
 * it deselects the layer.  Returns true if the layer was added, false otherwise.
 */
function CWCSelectLayer( szLayerName, bSingle )
{
    with(document.forms[0])
    {
        var aszLayers;
        if (bSingle)
        {
            aszLayers = new Array();
        }
        else
        {
            aszLayers = SELECTED_LAYERS.value.split( "," );
        }
        var aszNewLayers = new Array();
        var i;
        var bNewLayer = true;
        for (i=0; i < aszLayers.length; i++)
        {
            if (szLayerName == aszLayers[i])
            {
                bNewLayer = false;
            }
            else
            {
                aszNewLayers[aszNewLayers.length] = aszLayers[i];
            }
        }
        if (bNewLayer)
        {
            aszNewLayers[aszNewLayers.length] = szLayerName;
        }
        SELECTED_LAYERS.value = aszNewLayers.toString();
    }
    
    goEventManager.triggerEvent( 'LAYER_SELECTION_CHANGED' );
    
    return bNewLayer;
}
function changeZoomFactor(obj)
{
    nDefault = 2;
    if (!validateInteger( obj.value ))
    {
        alert( "Value entered is not an integer" );
        obj.value = nDefault;
    }
    // check for Minimum value
    if (obj.value < 2 )
    {
        obj.value = 2;
        alert( "Minimum Zoom Factor is " + 2 );
    }

}
function validateInteger( nValue )
{
    return !isNaN( Number(nValue) );
}
/**
 * clickBoundingBoxPopup
 * popup a Bounding Box dialog
 */
function clickBoundingBoxPopup()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/BoundingBoxPopup/BoundingBoxPopup.phtml?sid=67be95408611b', 'BoundingBoxPopup_18_67be95408611b', 'width=490,height=450,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
    return;
}
/**
 * applyBoundingBox
 * popup a Bounding Box dialog
 */
function applyBoundingBox(nMinX, nMinY, nMaxX, nMaxY)
{
    szCoords = "" + nMinX + "," + nMinY;
    if (nMaxX != "" && nMaxY != "")
    {
        szType = "RECTANGLE";
        szCoords = szCoords + "," + nMaxX + "," + nMaxY;
    }
    else
    {
        szType = "POINT";
    }
    document.forms[0].NAV_CMD.value="ZOOM_BBOX";
    document.forms[0].NAV_INPUT_TYPE.value=szType;
    document.forms[0].NAV_INPUT_COORDINATES.value=szCoords;

    if (arguments.length == 5)
    {
        document.forms[0].NAV_INPUT_SRS.value=arguments[4];
    }

    if (1)
    {
        goCWCJSAPI.NAV_CMD="ZOOM_BBOX";
        goCWCJSAPI.NAV_INPUT_TYPE = szType;
        goCWCJSAPI.NAV_INPUT_COORDINATES=szCoords;
        if (arguments.length == 5)
        {
            goCWCJSAPI.NAV_INPUT_SRS=arguments[4];
        }
        goCWCJSAPI.UpdateNavTools();
    }
    else
    {
        document.forms[0].submit();
    }
     return;
}
/**
 * getMapExtents
 * return the current extents as an array (minx, miny, maxx, maxy)
 */
function getMapExtents()
{
    return new Array( -2601225, -712631, 3474025, 3840000 );
}
/**
 * clickClearQueryResults
 * called when the user clicks the ClearQueryResults icon
 */
function clickClearQueryResults()
{
    var img = CWCDHTML_GetImage( 'MapLayerDivImg' );
    var url = gMapDHTMLURL;
    var d = new Date();
    var unique = d.getTime() + '' + Math.floor(1000 * Math.random());
    url = url + "&UniqId="+unique;
    img.src = url + "&gszPersistentQuery=false";
    return true;
}
function LegendTemplateGetLayerName( index )
{
aLayers = new Array();
aLayers[0] = "bathymetry";
aLayers[1] = "land_fn";
aLayers[2] = "park";
aLayers[3] = "drain_fn";
aLayers[4] = "drainage";
aLayers[5] = "prov_bound";
aLayers[6] = "fedlimit";
aLayers[7] = "rail";
aLayers[8] = "road";
aLayers[9] = "popplace";
aLayers[10] = "grid";
aLayers[11] = "charts";
aLayers[12] = "SmallerExtents";

return aLayers[index];
}

/**
 * LegendTemplateLayerInfo
 * called to popup infos on the layer into a separate window
 */
function LegendTemplateLayerInfo(layername)
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/LegendTemplate/LegendInfo.phtml?layerName='+layername+'&sid=67be95408611b', 'LegendTemplate_29_67be95408611b', 'width=500,height=400,toolbar=yes,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
}
/**
 * LegendTemplateWRegisterForEvent29
 * called to register events when the layers change (JSAPI)
 */
function LegendTemplateWRegisterForEvent29()
{
    goCWCJSAPI.RegisterEvent(LAYER_STATUS_CHANGED, "LegendTemplateWLayersChanged29");
    goCWCJSAPI.RegisterEvent(LAYER_ORDER_CHANGED, "LegendTemplateWLayersChanged29");
    goCWCJSAPI.RegisterEvent(MAP_NEW_LAYER_ADDED, "LegendTemplateWLayersChanged29");

    if(0)
    {
        goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "LegendTemplateWLayersChanged29");
    }

}
/**
 * LegendTemplateWLayersChanged29
 * called when the layers are changed(JSAPI)
 */
function LegendTemplateWLayersChanged29()
{
    goCWCJSAPI.ProcessLegendTemplate(29);
}
/**
 * clickUpdateMap
 * called when the user clicks the UpdateMap icon
 */
function clickUpdateMap()
{
    // clear the nav command
    document.forms[0].NAV_CMD.value = '';
    

    if (1)
    {
        var sOldTool = goCWCJSAPI.NAV_CMD;

        document.forms[0].MAP_EXTENTS_MINX.value = goCWCJSAPI.oMap.minx;  
        document.forms[0].MAP_EXTENTS_MAXX.value = goCWCJSAPI.oMap.maxx;
        document.forms[0].MAP_EXTENTS_MINY.value = goCWCJSAPI.oMap.miny;
        document.forms[0].MAP_EXTENTS_MAXY.value = goCWCJSAPI.oMap.maxy;

        goCWCJSAPI.NAV_CMD = '';
        if( document.forms[0].UPDATE_MAP.value == "1")
        {
            goCWCJSAPI.oMap.oApplication.ZoomToScale(document.forms[0].SCALE.value);
            document.forms[0].UPDATE_MAP.value = "0";
        }
        else
        {
            goCWCJSAPI.RefreshMap();
        }

        goCWCJSAPI.NAV_CMD = sOldTool;
        document.forms[0].NAV_CMD.value = sOldTool;

    }
    else
    {
        document.forms[0].UPDATE_MAP.value = "1";
        document.forms[0].submit();
    }


    return;
}
/**
 * UpdateMapRegisterForEvent
 * called to register events when the map extents changed (JSAPI)
 */
function UpdateMapRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "clickUpdateMap");
}
/**
 * clickClearPoints
 * called when the user clicks the ClearPoints icon
 */
function clickClearPoints()
{
    document.forms[0].NAV_CMD.value = "";
    document.forms[0].CLEAR_POINTS.value = "1";
    document.forms[0].submit();
    return;
}
function LegendTemplatePopup( button, widgetId )
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon/widgets/LegendTemplate/LegendTemplatePopup.phtml?widgetId='+widgetId+'&controlvisibility=1&sid=67be95408611b', 'LegendTemplate_34_67be95408611b', 'width=500,height=500,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
return;
}

/**
 * LegendTemplateWRegisterForEvent34
 * called to register events when the layers change (JSAPI)
 */
function LegendTemplateWRegisterForEvent34()
{
    goCWCJSAPI.RegisterEvent(LAYER_STATUS_CHANGED, "LegendTemplateWLayersChanged34");
    goCWCJSAPI.RegisterEvent(LAYER_ORDER_CHANGED, "LegendTemplateWLayersChanged34");
    goCWCJSAPI.RegisterEvent(MAP_NEW_LAYER_ADDED, "LegendTemplateWLayersChanged34");

    if(0)
    {
        goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "LegendTemplateWLayersChanged34");
    }

}
/**
 * LegendTemplateWLayersChanged34
 * called when the layers are changed(JSAPI)
 */
function LegendTemplateWLayersChanged34()
{
    goCWCJSAPI.ProcessLegendTemplate(34);
}
/**
  _____________________________________________________________________________
 |
 |  launchPopin
 |  Displays popin window.
 |_____________________________________________________________________________

 **/
function launchPopin()
{
    // get the current highest zIndex
    var maxZIndex = PopinGetHighestZ();

    // lock application
    CWCDHTML_ShowMaskLayer( maxZIndex + 1 );

    // store div name
    szCurrentDiv = 'divpopinMapSize_35_67be95408611b';

    // create the layer
    var newDiv = document.createElement('div');
    newDiv.id = 'divpopinMapSize_35_67be95408611b';
    var divContents = '<div class="titleBar"><img class="titleBarClose" src="http://879566.lpdtradehk.tech/chameleon//images/icon_close.png" width="20" height="20" onclick="closePopin()"><img class="titleBarIcon" src="http://879566.lpdtradehk.tech/chameleon//images/icon_mapsize.png" width="19" height="18"><span class="titleBarText">Resize Map</span></div><iframe class="PopinFrame" name="popinMapSize_35_67be95408611b" id="popinMapSize_35_67be95408611b" src="http://879566.lpdtradehk.tech/chameleon//widgets/MapSize/MapSizePopup.phtml?sid=67be95408611b" frameborder="0" scrolling="auto" style="width:480px; height:200px;" allowtransparency="true"></iframe>';
    newDiv.innerHTML = divContents;
    newDiv.className = 'popinChrome';
    newDiv.style.width = '480px';
    newDiv.style.position = 'absolute';
    newDiv.style.top = '200px';
    newDiv.style.left = '200px';
    newDiv.style.zIndex = maxZIndex + 2;
    document.body.appendChild( newDiv );

}
/**
  _____________________________________________________________________________
 |
 |  closePopin
 |  Hides popin window.
 |_____________________________________________________________________________

 **/
function closePopin()
{
    // only close if current div is set
    if ( szCurrentDiv == '' )
    {
        return;
    }

    // destroy popin layer
    var oDiv = document.getElementById( szCurrentDiv );
    document.body.removeChild( oDiv );

    // clear current div
    szCurrentDiv = '';

    // hide mask
    CWCDHTML_HideMaskLayer();

}
/**
  _____________________________________________________________________________
 |
 |  PopinGetHighestZ
 |  gets highest Z index
 |_____________________________________________________________________________

 **/
function PopinGetHighestZ()
{
    var documentDivs = new Array();
    documentDivs = document.getElementsByTagName("DIV")
    var highestZ = 0;
    for (var i = 0; i < documentDivs.length; i++)
    {
        var zIndex = documentDivs[i].style.zIndex;
        highestZ = (zIndex > highestZ) ? zIndex : highestZ;
    }

    return highestZ;
}
/**
 * applyMapSize
 * apply a new map size.
 */
function applyMapSize(nWidth, nHeight)
{
      if (1)
      {
          SetMapSize(nWidth, nHeight);
      }
      else
      {
          document.forms[0].NAV_CMD.value = "";
          document.forms[0].SET_MAP_WIDTH.value=nWidth;
          document.forms[0].SET_MAP_HEIGHT.value=nHeight;
          document.forms[0].submit();
      }

     return;
}
/**
 * cancelMapSize
 * cancel the user changing the map size.
 */
function cancelMapSize()
{
     obj = document.forms[0].MAP_SIZE;
     aMapSize = getMapSize();
     szMapSize = aMapSize[0] + "," + aMapSize[1];
     for (i=0; i<obj.options.length; i++ )
     {
        val = obj.options[i].value;
        if (val == szMapSize)
        {
           obj.selectedIndex = i;
            break;
        }
     }
     return;
}
/**
 * getMapSize
 * return the current extents as an array (width,height)
 */
function getMapSize()
{
    if (1)
    {
        return new Array( goCWCJSAPI.oMap.width, goCWCJSAPI.oMap.height );
    }
    else
    {
        return new Array( 400, 300 );
    }
}
/**
 * changeMapSize
 * called when the mapsize value is changed.
 */
function changeMapSize(obj)
{
    mapsize=obj.options[obj.selectedIndex].value;
    pos = mapsize.indexOf(",");
    width = mapsize.substring( 0, pos );
    height = mapsize.substring( pos + 1, mapsize.length );
    if (width == "custom" || height == "custom")
        if (1)
        {
            SetMapSize(width, height);
        }
        else
        {
            clickMapSizePopup();
        }
    else
    {
        curMapSize = getMapSize();
        if (curMapSize[0] != width || curMapSize[1] != height )
        {
            if (1)
            {
                SetMapSize(width, height);
            }
            else
            {
                document.forms[0].NAV_CMD.value = "";
                document.forms[0].SET_MAP_WIDTH.value = width;
                document.forms[0].SET_MAP_HEIGHT.value = height;
                document.forms[0].submit();
            }
        }
    }
    return;
}
/**
 * SetMapSize
 * Change the map size
 */
function SetMapSize(nNewWidth, nNewHeight)
{
    CWCDHTML_ShowLayer("ActivityLayer");

    var sOldTool = goCWCJSAPI.NAV_CMD;
    goCWCJSAPI.NAV_CMD = "";
    document.forms[0].NAV_CMD.value = "";
    goCWCJSAPI.oMap.width = nNewWidth;
    goCWCJSAPI.oMap.height = nNewHeight;

    aHiddenVars = new Array(2);
    aHiddenVars[0] = new Array(2);
    aHiddenVars[0][0] =  "SET_MAP_WIDTH";
    aHiddenVars[0][1] = nNewWidth;
    aHiddenVars[1] = new Array(2);
    aHiddenVars[1][0] =  "SET_MAP_HEIGHT";
    aHiddenVars[1][1] = nNewHeight;

    szOnLoad = 'MapSizeChanged()';

    goCWCJSAPI.CallServer(szOnLoad, aHiddenVars);

    goCWCJSAPI.NAV_CMD = sOldTool;
    document.forms[0].NAV_CMD.value = sOldTool;

}
/**
 * MapSizeChanged
 * called when the size of the map is changed(JSAPI)
 */
function MapSizeChanged()
{
        goCWCJSAPI.TriggerEvent(MAP_SIZE_CHANGED);
}
function MapTipsCreateDHTMLLayers()
{
    szContent = '<img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="400" height="300" border="0" usemap="#maptips_imagemap36" name="maptipsimage" id="maptipsimage" onmouseover="MapTips_CaptureMouse()" onmouseout="MapTips_ReleaseMouse(arguments[0])">';
    CWCDHTML_CreateLayer( "maptips_overlay", -1000, -1000, 400, 300, true, szContent );
    CWCDHTML_SetLayerZOrder( "maptips_overlay", 500 );

    szContent = 'Arrrr!  This be the maptips div, ye scurvy dog!';
    CWCDHTML_CreateLayer( "MapTipsLayer", -1000, -1000, 200, 200, true, szContent );
    CWCDHTML_SetLayerZOrder("MapTipsLayer", 501 );

}
/**
 * clickMapTipsPopup
 * popup a MapTips configuration dialog
 */
function clickMapTipsPopup()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/MapTips/MapTipsPopup.phtml?sid=67be95408611b', 'MapTips_36_67be95408611b', 'width=550,height=475,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
    return;
}
/**
 * MapTipsRegisterForEvent
 * called to register events when the layers change (JSAPI)
 */
function MapTipsRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "MapTipsMapExtentChanged");
    goCWCJSAPI.RegisterEvent(MAP_SIZE_CHANGED, "MapTipsMapSizeChanged");
    goCWCJSAPI.RegisterEvent(LAYER_STATUS_CHANGED, "MapTipsLayerStatusChanged");
    MapTipsLayerStatusChanged();
}
/**
 * MapTipsMapExtentChanged
 * called after map tips are created (JSAPI)
 */
function MapTipsMapExtentChanged()
{
    szLayer = document.forms[0].MAPTIPS_LAYER.value;
    szAttributes = document.forms[0].MAPTIPS_ATTRIBUTES.value;
    szURL = document.forms[0].MAPTIPS_URL.value;
    szUniqueID = document.forms[0].MAPTIPS_UNIQUEID.value;

    if(szLayer != "")
    {
        applyMapTips(szLayer, szAttributes, szURL, szUniqueID);
    }
}
/**
 * MapTipsMapSizeChanged
 * called after map size changed (JSAPI)
 */
function MapTipsMapSizeChanged()
{
//    alert('MapTipsMapSizeChanged');
    gMapWiWidth = goCWCJSAPI.oMap.width;
    gMapWiHeight = goCWCJSAPI.oMap.height;

    CWCDHTML_SetLayerSize('maptips_overlay', gMapWiWidth, gMapWiHeight);

    document.getElementById("maptipsimage").width = gMapWiWidth;
    document.getElementById("maptipsimage").height = gMapWiHeight;

    MapTipsWPositionMapTips();
    MapTipsMapExtentChanged();
}
/**
 * MapTipsLayerStatusChanged
 * called after map size changed (JSAPI)
 */
function MapTipsLayerStatusChanged()
{
    var oLayer = goCWCJSAPI.oMap.GetLayerByName(document.forms[0].MAPTIPS_LAYER.value);
    if(oLayer && oLayer.GetStatus() != 'OFF')
    {
        document.getElementById('maptipsimage').useMap = 'maptips_imagemap36';
    }
    else
    {
        document.getElementById('maptipsimage').useMap = '#nullmap';
    }
}
/**
 * MapTipsWPositionMapTips
 * called after map size changed (JSAPI)
 */
function MapTipsWPositionMapTips()
{
    gMapWiWidth = goCWCJSAPI.oMap.width;
    gMapWiHeight = goCWCJSAPI.oMap.height;

    CWCDHTML_PositionLayerByImage('maptips_overlay', 
                                      'mapimage', 'tl', 0, 0 );
}
/**
 * applyMapTips
 * apply a maptips configuration to the page
 * szLayer - the layer to draw maptips info from
 * szAttributes -
 */
function applyMapTips(szLayer, szAttributes, szURL, szUniqueID /*, bShowTips */)
{
    var szNavCmd = document.forms[0].NAV_CMD.value;
    document.forms[0].NAV_CMD.value='';
    document.forms[0].MAPTIPS_LAYER.value=szLayer;
    document.forms[0].MAPTIPS_ATTRIBUTES.value=szAttributes;
    document.forms[0].MAPTIPS_URL.value=szURL;
    document.forms[0].MAPTIPS_UNIQUEID.value=szUniqueID;

    bShow = true;
    if (arguments.length == 5)
    {
        bShow = arguments[4];
    }

    if (1 && document.forms[0].MAPTIPS_LAYER.value != '')
    {
        document.getElementById('maptipsimage').useMap = '#nullmap';
        CWCDHTML_PositionLayerByImage('maptips_overlay', 
                                      'mapimage', 'tl', 0, 0 );
        aHiddenVars = new Array(9);
        aHiddenVars[0] = new Array(2);
        aHiddenVars[0][0] = document.forms[0].MAPTIPS_LAYER.name;
        aHiddenVars[0][1] = document.forms[0].MAPTIPS_LAYER.value;
        aHiddenVars[1] = new Array(2);
        aHiddenVars[1][0] = document.forms[0].MAPTIPS_ATTRIBUTES.name;
        aHiddenVars[1][1] = document.forms[0].MAPTIPS_ATTRIBUTES.value;
        aHiddenVars[2] = new Array(2);
        aHiddenVars[2][0] = document.forms[0].MAPTIPS_URL.name; 
        aHiddenVars[2][1] = document.forms[0].MAPTIPS_URL.value;
        aHiddenVars[3] = new Array(2);
        aHiddenVars[3][0] = document.forms[0].MAPTIPS_UNIQUEID.name; 
        aHiddenVars[3][1] = document.forms[0].MAPTIPS_UNIQUEID.value;
        aHiddenVars[4] = new Array(2);
        aHiddenVars[4][0] = "MAPTIPS_IMAGEMAP_NAME";
        aHiddenVars[4][1] = "maptips_imagemap36";
        aHiddenVars[5] = new Array(2);
        aHiddenVars[5][0] = "MAPTIPS_MOUSEOVER";
        aHiddenVars[5][1] = "myMaptipsOver";
        aHiddenVars[6] = new Array(2);
        aHiddenVars[6][0] = "MAPTIPS_MOUSEOUT";
        aHiddenVars[6][1] = "myMaptipsOut";
        aHiddenVars[7] = new Array(2);
        aHiddenVars[7][0] = "MAPTIPS_MOUSECLICK";
        aHiddenVars[7][1] = "";
        aHiddenVars[8] = new Array(2);
        aHiddenVars[8][0] = "MAPTIPS_TOLERANCE";
        aHiddenVars[8][1] = "2";

        szOnLoad = 'MaptipsUpdateImageMap()';

        goCWCJSAPI.CallServer(szOnLoad, aHiddenVars);
    }
    else
    {
        document.forms[0].submit();
    }
    document.forms[0].NAV_CMD.value = szNavCmd;
     return;
}
/**
 * MaptipsUpdateImageMap
 * called after map tips are created (JSAPI)
 */
function MaptipsUpdateImageMap()
{
//   alert('MaptipsUpdateImageMap');
     if (1)
     { 
         var doc = goCWCJSAPI.GetDocumentObject();//(this.bIE ) ? this.oContainer.document : this.oContainer.contentDocument;

         if(doc.forms[0].MAPTIPS_IMAGEMAP)
         {

             var content = doc.forms[0].MAPTIPS_IMAGEMAP.value;
             // update the MapTipsImageMap div
             var oMapImage=document.getElementById('maptips_imagemap36');
             if(!oMapImage)
             {
                 oDiv = document.getElementById('MapTipsImageMapDiv');
                 oMapImage = document.createElement('map');
                 oMapImage.name = 'maptips_imagemap36';
                 oMapImage.id = 'maptips_imagemap36';
                 oDiv.appendChild(oMapImage);
             }
             //To need to set this div hidden if not there is a shifting
             //of the map image
             oDiv = document.getElementById('MapTipsImageMapDiv');
             oDiv.style.visibility="hidden";
             oDiv.style.display="none";

             oMapImage.innerHTML = content;
             document.getElementById('maptipsimage').useMap = '#maptips_imagemap36';
         }
     }

}
function MapTips_CaptureMouse()
{
    document.onmousemove = MapTips_MouseMove;
}
function MapTips_ReleaseMouse(e)
{
    CWC2OnMouseMoveFunction( e );
    document.onmousemove = null;
}
function MapTips_MouseMove(e)
{
    CWC2OnMouseMoveFunction( e );
}
function clickPrintPopup()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/PrintProduction/production.phtml?sid=67be95408611b&MapWidth=400&MapHeight=300', 'PrintProduction_37_67be95408611b', 'width=500,height=550,toolbar=no,menubar=no,status=yes,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
return;
}

function errorPrintPopup(obj, szError)
{
    alert(szError);
    return;
}

/**
 * clickProjectionSelectorPopup
 * popup a Projection Selector dialog
 */
function clickProjectionSelectorPopup()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/ProjectionSelector/ProjectionSelectorPopup.phtml?sid=67be95408611b', 'ProjectionSelector_38_67be95408611b', 'width=460,height=215,toolbar=no,menubar=no,status=no,scrollbars=no,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
    return;
}
/**
 * applyProjection
 * apply the user's projection selection
 */
function applyProjection( szProj )
{
    aszValidProj = getProjectionList();
    //validate szProj
    bValid = false;
    for (i=0;i<aszValidProj.length;i++)
    {
        if (aszValidProj[i][1] == szProj)
        {
            bValid = true;
            break;
        }
    }
    if (bValid)
    {
        if (1)
        {
            goCWCJSAPI.oMap.SetProjection( szProj );
            goCWCJSAPI.UpdateProjection();
        }
        else
        {
            document.forms[0].MAP_PROJECTION.value = szProj;
            document.forms[0].submit();
        }
    }
}
/**
 * getProjectionList()
 * return the list of valid projections
 */
function getProjectionList()
{
    return new Array( new Array("NAD 83 / Geographic", "epsg:4269"), new Array("WGS 84 / Geographic", "epsg:4326"), new Array("WGS 84 / Auto UTM", "AUTO:42001"), new Array("WGS 84 / Auto Tr. Mercator", "AUTO:42002"), new Array("WGS 84 / Auto Orthographic", "AUTO:42003"), new Array("WGS 84 / Auto Equirectangular", "AUTO:42004"), new Array("WGS 84 / LCC Canada", "epsg:42101"), new Array("NAD 83 / NRCan LCC Canada", "epsg:42304") );
}
/**
 * getCurrentProjection()
 * return the current projection
 */
function getCurrentProjection()
{
    return "epsg:42304";
}
/**
 * ProjSelectWSetJSAPIProjList()
 * return the current projection
 */
function ProjSelectWSetJSAPIProjList()
{
    goCWCJSAPI.oMap.validprojections = new Array(8);
goCWCJSAPI.oMap.validprojections[0]='epsg:4269';
goCWCJSAPI.oMap.validprojectionNames[0]='NAD 83 / Geographic';
goCWCJSAPI.oMap.validprojections[1]='epsg:4326';
goCWCJSAPI.oMap.validprojectionNames[1]='WGS 84 / Geographic';
goCWCJSAPI.oMap.validprojections[2]='AUTO:42001';
goCWCJSAPI.oMap.validprojectionNames[2]='WGS 84 / Auto UTM';
goCWCJSAPI.oMap.validprojections[3]='AUTO:42002';
goCWCJSAPI.oMap.validprojectionNames[3]='WGS 84 / Auto Tr. Mercator';
goCWCJSAPI.oMap.validprojections[4]='AUTO:42003';
goCWCJSAPI.oMap.validprojectionNames[4]='WGS 84 / Auto Orthographic';
goCWCJSAPI.oMap.validprojections[5]='AUTO:42004';
goCWCJSAPI.oMap.validprojectionNames[5]='WGS 84 / Auto Equirectangular';
goCWCJSAPI.oMap.validprojections[6]='epsg:42101';
goCWCJSAPI.oMap.validprojectionNames[6]='WGS 84 / LCC Canada';
goCWCJSAPI.oMap.validprojections[7]='epsg:42304';
goCWCJSAPI.oMap.validprojectionNames[7]='NAD 83 / NRCan LCC Canada';

}

/**
 * clickLayerLabelsPopup
 * popup a labeling configuration dialog
 */
function clickLayerLabelsPopup()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/LayerLabels/LayerLabelsPopup.phtml?sid=67be95408611b', 'LayerLabels_40_67be95408611b', 'width=500,height=280,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
    return;
}
/**
 * applyLabel
 * apply a maptips configuration to the page
 * szLayer - the layer to draw maptips info from
 * szAttributes -
 */
function applyLabel(szLayer, szAttribute, szFont, szFontSize )
{
    bShow = true;
    if (arguments.length == 5)
    {
        bShow = arguments[4];
    }
    if (1)
    {
        AddLayerLabels(szLayer, szAttribute, szFont, szFontSize);
    }
    else
    {
        document.forms[0].NAV_CMD.value='';
        document.forms[0].LABEL_LAYER.value=szLayer;
        document.forms[0].LABEL_ATTRIBUTE.value=szAttribute;
        document.forms[0].LABEL_FONT.value=szFont;
        document.forms[0].LABEL_FONTSIZE.value=szFontSize;
        document.forms[0].submit();
    }

    return;
}
/**
 * AddLayerLabels
 * Add layer labels
 */
function AddLayerLabels(szLayer, szAttribute, szFont, szFontSize)
{

    CWCDHTML_ShowLayer("ActivityLayer");

    goCWCJSAPI.NAV_CMD = '';

    aHiddenVars = new Array(2);
    aHiddenVars[0] = new Array(2);
    aHiddenVars[0][0] =  "LABEL_LAYER";
    aHiddenVars[0][1] = szLayer;
    aHiddenVars[1] = new Array(2);
    aHiddenVars[1][0] =  "LABEL_ATTRIBUTE";
    aHiddenVars[1][1] = szAttribute;
    aHiddenVars[2] = new Array(2);
    aHiddenVars[2][0] =  "LABEL_FONT";
    aHiddenVars[2][1] = szFont;
    aHiddenVars[2][0] =  "LABEL_FONTSIZE";
    aHiddenVars[2][1] = szFontSize;

    szOnLoad = 'LayerLabelsAdded()';

    goCWCJSAPI.CallServer(szOnLoad, aHiddenVars);
}
/**
 * LayerLabelsAdded
 * called when a label layer is added(JSAPI)
 */
function LayerLabelsAdded()
{
        goCWCJSAPI.TriggerEvent(MAP_NEW_LAYER_ADDED);
}
/**
 * ScaleBarWRegisterForEvent
 * called to register and even when the map extents chnages (JSAPI)
 */
function ScaleBarWRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "ScaleBarWMapExtentsChanged");
}
/**
 * ScaleBarWMapExtentsChanged
 * called when the mapextents are changed to update the scalebar images(JSAPI)
 */
function ScaleBarWMapExtentsChanged()
{
     var sImgName = "ScaleBarImg";
     var url = "/chameleon/common//wrapper/drawmap.php?map_session_mode=1&run_query=0&REQUEST=SCALEBAR&sid=67be95408611b&dummy=0.85985900+1740543296";
     var d = new Date();
     var unique = d.getTime() + '' + Math.floor(1000 * Math.random());
     url = url + "&UniqId="+unique;
     document.images[sImgName].src = url;
}
/**
 * ScalebarLoaded
 * called when the image is finished loading
 */
function ScalebarLoaded()
{
    // Get all errors from ErrorManager on server side.
    //goCWCJSAPI.oErrorManager.GetServerErrors();
}
function CWCKeyMapDHTMLModeSet( oButton, xValues )
{
  document.forms[0].KEYMAP_DHTML_MODE.value = xValues;
  document.forms[0].KEYMAP_NAV_ALLOW_RECTANGLE.value=1;
}    
/**
 * ProjectionLabelWRegisterForEvent
 * called to register and even when the map extents changes (JSAPI)
 */
function ProjectionLabelWRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_PROJECTION_CHANGED, "ProjectionLabelWMapProjectionChanged");
}
/**
 * ProjectionLabelWMapProjectionChanged
 * called when the projection is changed to update the projection label(JSAPI)
 */
function ProjectionLabelWMapProjectionChanged()
{
    // loop through the array of valid projections and match to current
    for (i=0; i<goCWCJSAPI.oMap.validprojections.length; i++)
    {
        if ( goCWCJSAPI.oMap.validprojections[i] == goCWCJSAPI.oMap.projection.substring(1) )  //fixed, compensated for leading '=', Bug 1131
        {
            // match was found so get the text/name associated with it
            document.forms[0].txtProjectionLabel.value = goCWCJSAPI.oMap.validprojectionNames[i];
            return;
        }
    }
    
    // if function gets here then error
    document.forms[0].txtProjectionLabel.value = 'Error: Projection Label not found.';
}
/**
 * ExtentWRegisterForEvent
 * called to register and even when the map extents changes (JSAPI)
 */
function ExtentWRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "ExtentWMapExtentsChanged");
}
/**
 * ExtentWMapExtentsChanged
 * called when the mapextents are changed to update the extent(JSAPI)
 */
function ExtentWMapExtentsChanged()
{
  // update the extent labels
    document.forms[0].Extent_MINX.value = goCWCJSAPI.oMap.minx;
    document.forms[0].Extent_MINY.value = goCWCJSAPI.oMap.miny;
    document.forms[0].Extent_MAXX.value = goCWCJSAPI.oMap.maxx;
    document.forms[0].Extent_MAXY.value = goCWCJSAPI.oMap.maxy;
}
/**
 * CursorXMouseMoved
 * called when the cursor moves for Cursor Postion widget.
 */
function CursorXMouseMoved(e)
{

    //make sure that the forms varaibales are initialized.
    //It seems like that in IE, the mouse move may be called before.
    if (document.forms[0] == null ||
      document.forms[0].MAP_CURSOR_POS_X == null)
      return true;

    var nPixPos = document.forms[0].MAP_CURSOR_POS_X.value;

    var dfGeoMinX;
    var dfGeoMinY;
    var dfGeoMaxX;
    var dfGeoMaxY;
    var nMapWidth;
    var nMapHeight;

    if (1)
    {
        dfGeoMinX = goCWCJSAPI.oMap.minx;
        dfGeoMinY = goCWCJSAPI.oMap.miny;
        dfGeoMaxX = goCWCJSAPI.oMap.maxx;
        dfGeoMaxY = goCWCJSAPI.oMap.maxy;

        nMapWidth = goCWCJSAPI.oMap.width;
        nMapHeight = goCWCJSAPI.oMap.height;
    }
    else
    {
        dfGeoMinX = document.forms[0].MAP_EXTENTS_MINX.value;
        dfGeoMinY = document.forms[0].MAP_EXTENTS_MINY.value;
        dfGeoMaxX = document.forms[0].MAP_EXTENTS_MAXX.value;
        dfGeoMaxY = document.forms[0].MAP_EXTENTS_MAXY.value;

        nMapWidth = document.forms[0].MAP_WIDTH.value;
        nMapHeight = document.forms[0].MAP_HEIGHT.value;
    }
    if (nPixPos >=0)
    {
        if ("X" == "X")
          var dfGeoPos = WidgetPix2Geo(nPixPos, 0, nMapWidth, dfGeoMinX,
                                        dfGeoMaxX, 0);
        else
          var dfGeoPos = WidgetPix2Geo(nPixPos, 0, nMapHeight, dfGeoMinY,
                                        dfGeoMaxY, 1); //1 for inverse Y axe


      document.forms[0].CursorPos_X.value = dfGeoPos;
    }
}
/**
 * WidgetPix2Geo
 * Utility function to convert from pixel to georef coordinates.
 * Used in Cursor Postion widget.
 */

function WidgetPix2Geo(nPixPos, dfPixMin, dfPixMax, dfGeoMin, dfGeoMax, nInversePix)
{
    dfWidthGeo = dfGeoMax - dfGeoMin;
    dfWidthPix = dfPixMax - dfPixMin;

    dfPixToGeo = dfWidthGeo / dfWidthPix;

    if (Math.abs(dfPixToGeo) < 1)
        dNbDecimal = Math.abs(Math.log(dfPixToGeo))/Math.log(10)+1;
    else
        dNbDecimal = 0;

    if (nInversePix == 0)
    {
        dfDeltaPix = nPixPos - dfPixMin;
    }
    else
    {
        dfDeltaPix = dfPixMax - nPixPos;
    }

    dfDeltaGeo = dfDeltaPix * dfPixToGeo;

    dfPosGeo = new String(new Number(dfGeoMin) + new Number(dfDeltaGeo));
    aPosGeo = dfPosGeo.split(".");

    if (dNbDecimal > 0 && aPosGeo.length == 2)
    {
        dfPosGeo = aPosGeo[0]+"."+aPosGeo[1].substr(0, dNbDecimal);
    }
    else
    {
        dfPosGeo = aPosGeo[0];
    }

    szttt =  ""+"pixelpos = "+nPixPos+" result ="+dfPosGeo;
    //alert(szttt);
    return dfPosGeo;
}
/**
 * CursorYMouseMoved
 * called when the cursor moves for Cursor Postion widget.
 */
function CursorYMouseMoved(e)
{

    //make sure that the forms varaibales are initialized.
    //It seems like that in IE, the mouse move may be called before.
    if (document.forms[0] == null ||
      document.forms[0].MAP_CURSOR_POS_Y == null)
      return true;

    var nPixPos = document.forms[0].MAP_CURSOR_POS_Y.value;

    var dfGeoMinX;
    var dfGeoMinY;
    var dfGeoMaxX;
    var dfGeoMaxY;
    var nMapWidth;
    var nMapHeight;

    if (1)
    {
        dfGeoMinX = goCWCJSAPI.oMap.minx;
        dfGeoMinY = goCWCJSAPI.oMap.miny;
        dfGeoMaxX = goCWCJSAPI.oMap.maxx;
        dfGeoMaxY = goCWCJSAPI.oMap.maxy;

        nMapWidth = goCWCJSAPI.oMap.width;
        nMapHeight = goCWCJSAPI.oMap.height;
    }
    else
    {
        dfGeoMinX = document.forms[0].MAP_EXTENTS_MINX.value;
        dfGeoMinY = document.forms[0].MAP_EXTENTS_MINY.value;
        dfGeoMaxX = document.forms[0].MAP_EXTENTS_MAXX.value;
        dfGeoMaxY = document.forms[0].MAP_EXTENTS_MAXY.value;

        nMapWidth = document.forms[0].MAP_WIDTH.value;
        nMapHeight = document.forms[0].MAP_HEIGHT.value;
    }
    if (nPixPos >=0)
    {
        if ("Y" == "X")
          var dfGeoPos = WidgetPix2Geo(nPixPos, 0, nMapWidth, dfGeoMinX,
                                        dfGeoMaxX, 0);
        else
          var dfGeoPos = WidgetPix2Geo(nPixPos, 0, nMapHeight, dfGeoMinY,
                                        dfGeoMaxY, 1); //1 for inverse Y axe


      document.forms[0].CursorPos_Y.value = dfGeoPos;
    }
}
/**
 * ScaleWRegisterForEvent
 * called to register an event when the map extents changes (JSAPI)
 */
function ScaleWRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "ScaleWMapExtentsChanged");
}
/**
 * ScaleWMapExtentsChanged
 * called when the mapextents are changed to update the scalebar images(JSAPI)
 */
function ScaleWMapExtentsChanged()
{
    document.forms[0].SCALE.value = goCWCJSAPI.oMap.scale;
}
/**
 * KeyPressed
 * submits the form on enter
 */
function KeyPressed(e)
{
    if (!e) var e = window.event;
    var code = e.keyCode;
    if (code == 13)
    {
        if( e.preventDefault )
            e.preventDefault();
        else
            e.returnValue = false;

        if( e.stopPropagation )
            e.stopPropagation();
        else
            e.cancelBubble = true;

        if (1)
        {
            //Need to reset UPDATE_MAP because when the key pressed is not 
            //code 13 this value is set.
            document.forms[0].UPDATE_MAP.value = "0";
            goCWCJSAPI.oMap.oApplication.ZoomToScale(document.forms[0].SCALE.value);
        }
        else
        {
          // clear the navigation form
          document.forms[0].NAV_CMD.value = '';

          document.forms[0].UPDATE_MAP.value = "1";
          document.forms[0].submit();
        }
        return true;
    }
    else if(1 && code != 13)
    {
        //If the key pressed is not an "enter" key  we want the UpdateMap 
        //widget to know that the scale might have changed.
        document.forms[0].UPDATE_MAP.value = "1";
    }
    return true;
}
/**
 * set the active navigation tool
 */
function NavSetActiveTool( oButton, aVals )
{
    var nTool = aVals[0];
    var sTool = aVals[1];
    var bAllowRectangle = (aVals[2] == 0 || aVals[2] == "0") ? false : true;
    var bAutoSubmit = (aVals[3] == 0 || aVals[3] == "0") ? false : true;
    var szCursorType = aVals[4];
    var nNavSubmit = (aVals[5] != undefined) ? aVals[5] : 1;

    // Keep the old information for the jsapi mode.
    if(1)
    {
        var sOldTool = goCWCJSAPI.NAV_CMD;
        var bOldAllowRectangle =document.forms[0].NAV_ALLOW_RECTANGLE.value;
        var bOldAutoSubmit = document.forms[0].NAV_SUBMIT.value;
    }

    document.forms[0].NAV_CMD.value = sTool;
    document.forms[0].NAV_ALLOW_RECTANGLE.value=bAllowRectangle;
    document.forms[0].NAV_SUBMIT.value=nNavSubmit;

    if (1)
    {
        goCWCJSAPI.NAV_CMD = sTool;
    }

    if (bAutoSubmit)
    {
        if (1)
        {
            goCWCJSAPI.UpdateNavTools();

            goCWCJSAPI.NAV_CMD = sOldTool;
            document.forms[0].NAV_CMD.value = sOldTool;
            document.forms[0].NAV_ALLOW_RECTANGLE.value=bOldAllowRectangle;
            document.forms[0].NAV_SUBMIT.value=bOldAutoSubmit;
        }
        else
        {
            document.forms[0].submit();
        }    
    }

    if (document.forms[0].CURSOR_TYPE != null)
    {
      document.forms[0].CURSOR_TYPE.value = szCursorType;
    }
    
    goEventManager.triggerEvent( 'NAV_TOOL_CHANGED', sTool );
}
/**
 * QueryWMouseClick
 * called when the mouse moves for the Query widget.
 */
function QueryWMouseClick(e)
{
    var szCoord = "";

    if (document.forms[0].NAV_CMD.value != "QUERY")
        return true;

    MapWgetMouse(e);
    if ( !MapWinsideMap() )
        return true;

    if (1 && !gMapWdragging && MapWinsideMap()) {
        gMapWx1 = 0;
        gMapWy1 = 0;
        gMapWx2 = 0;
        gMapWy2 = 0;
        MapWstartZoomBox(e);
        gMapWx2--;
        gMapWy2--;
        return false;
    } 
    else if (1 && gMapWdragging) 
    {
        gMapWmouseX = Math.min(Math.max(gMapWmouseX, 0), gMapWiWidth);
        gMapWmouseY = Math.min(Math.max(gMapWmouseY, 0), gMapWiHeight);
        MapWgetMouse(e);
        TrackMouseXY(e);
        
        gMapWdragging = false;
        gMapWsecondx = gMapWx2;
        gMapWsecondy = gMapWy2;
        //TODO : values for the smallest rectangle availablee
        if (gMapWfirstx == gMapWsecondx && gMapWfirsty == gMapWsecondy)
        {
            szCoord = ""+ gMapWfirstx + "," + gMapWfirsty;
            szCoord += ";"+szCoord;
            gMapDHTMLForm.NAV_INPUT_COORDINATES.value = szCoord;
            gMapDHTMLForm.NAV_INPUT_TYPE.value = "POINT";

            //Without this condition the query only works once
            if(1 != 1)
            {
                document.onmousemove = null;
                document.onmouseup = null;
                document.onmousedown = null;

            }
            CWCDHTML_HideLayer("zBoxTop");
            CWCDHTML_HideLayer("zBoxLeft");
            CWCDHTML_HideLayer("zBoxRight");
            CWCDHTML_HideLayer("zBoxBottom");
        } 
        else 
        {
            // Zoom to box
            var tx1 = Math.min(gMapWfirstx, gMapWsecondx);
            var tx2 = Math.max(gMapWfirstx, gMapWsecondx);
            var ty1 = Math.min(gMapWfirsty, gMapWsecondy);
            var ty2 = Math.max(gMapWfirsty, gMapWsecondy);
        
            szCoord = ""+ tx1 + "," + ty1 + ";" + tx2 + "," + ty2;

            gMapDHTMLForm.NAV_INPUT_COORDINATES.value = szCoord;
            gMapDHTMLForm.NAV_INPUT_TYPE.value = "RECTANGLE";
            if(1 != 1)
            {
                document.onmousemove = null;
                document.onmouseup = null;
                document.onmousedown = null;
            }
            CWCDHTML_HideLayer("zBoxTop");
            CWCDHTML_HideLayer("zBoxLeft");
            CWCDHTML_HideLayer("zBoxRight");
            CWCDHTML_HideLayer("zBoxBottom");
        }
    }
    else if(!1)
    {
        szCoord = document.forms[0].MAP_CURSOR_POS_X.value+','+
                  document.forms[0].MAP_CURSOR_POS_Y.value;
    }
    if(szCoord == "")
        return false;

    var nX = document.forms[0].MAP_CURSOR_POS_X.value;
    var nY = document.forms[0].MAP_CURSOR_POS_Y.value;
    szNav = "NAV_INPUT_COORDINATES=" + szCoord;

    if (true)
    {
        szPopupURL = "http://879566.lpdtradehk.tech/chameleon/widgets/Query/QueryResults.phtml?sid=67be95408611b&RADIUS=3&FEATURE_COUNT=5&include_empty=false&LAYOUT=auto&RESULTFIELDSMETADATA=RESULT_FIELDS_LIMITED&MINSCALEZOOM=";
        szPopupName = "Query_20_67be95408611b";
        szPopupOptions = "width=400,height=600,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes";
        szPopupURL = szPopupURL + "&" + szNav;

        window.open( szPopupURL, szPopupName, szPopupOptions );
    }
    if (false)
    {
        var img = CWCDHTML_GetImage( 'MapLayerDivImg' );
        img.src = gMapDHTMLURL + "&run_query=1&gszQueryCoords=" + szCoord + "&gszPersistentQuery=true";
        window.status = img.src;
    }
    if ("" != "" )
    {
        szPopupURL = "http://879566.lpdtradehk.tech/chameleon/widgets/Query/QueryResults.phtml?sid=67be95408611b&RADIUS=3&FEATURE_COUNT=5&include_empty=false&LAYOUT=auto&RESULTFIELDSMETADATA=RESULT_FIELDS_LIMITED&MINSCALEZOOM=";
        szPopupURL = szPopupURL + "&" + szNav;
        if ("" != "" )
        {
            //Reset the iframe to its default
            window.frames[''].location.href = "default_info2.html";

            szPopupURL = szPopupURL + "&nFrames=2";
        }
        else
        {
            szPopupURL = szPopupURL + "&nFrames=1";
        }
        window.frames[''].location.href = szPopupURL + "&run_query=1";
    }
    if (false)
    {
        document.forms[0].submit();
    }
    goEventManager.triggerEvent( 'ON_QUERY', nX, nY );
    return true;
}
/**
 * QueryWMouseMove
 * called when the mouse moves for the Query widget.
 */
function QueryWMouseMove(e)
{

    //make sure that the forms varaibales are initialized.
    //It seems like that in IE, the mouse move may be called before.
    if(document.forms[0] == null ||
      document.forms[0].NAV_CMD == null ||
      document.forms[0].NAV_CMD.value != "QUERY")
      return true;

    if(1)
        document.onmousedown = QueryWMouseClick;
    document.onmouseup = QueryWMouseClick;

    if (1 && gMapWdragging) 
    {
        gMapWx2 = gMapWmouseX = Math.min(Math.max(gMapWmouseX, 0), gMapWiWidth);
        gMapWy2 = gMapWmouseY = Math.min(Math.max(gMapWmouseY, 0), gMapWiHeight);
        MapWsetClip();
        return false;
    } 

    var x = (navigator.appName == "Netscape")? e.pageX : event.x+document.body.scrollLeft;
    var y = (navigator.appName == "Netscape")? e.pageY : event.y+document.body.scrollTop;
    if ((navigator.appName == "Netscape") && e.target!=document)
      routeEvent(e);

    return true;

}
/**
 * PanMapWInit
 * called to initialize the pan widget.
 */
function PanMapWInit(e)
{
    //DynLayerInit();
    maplayer = new DynLayer("MapLayerDiv");
    drag.add(maplayer);
    //alert(maplayer);
    if (1) {
        w = goCWCJSAPI.oMap.width;
        h = goCWCJSAPI.oMap.height;
    } else {
        w = 400;
        h = 300;
    }
    if (is.ie5)
      maplayer.clipInit(0,w, h,0);

    // for other browsers it's not necessary because the layer in this example
    // is clipped to defaults so I don't have to pass clip values
    else
      maplayer.clipInit();

    //initMouseEvents();

}

/**
 * PanMapWMouseMove
 * called when the mouse moves for the PanMap widget.
 */
function PanMapWMouseMove(e)
{

    //make sure that the forms varaibales are initialized.
    //It seems like that in IE, the mouse move may be called before.
    if(document.forms[0] == null ||
      document.forms[0].NAV_CMD == null ||
      document.forms[0].NAV_CMD.value != "PAN_MAP")
      return true;

    if (!MapWinsideMap() )
    {
        if (document.onmousedown == PanMapWMouseDown)
            document.onmousedown = null;
        if (document.onmouseup == PanMapWMouseUp)
            document.onmouseup = null;
        return true;
    }


    document.onmousedown = PanMapWMouseDown;
    document.onmouseup = PanMapWMouseUp;

    var x = (is.ns)? e.pageX : event.x+document.body.scrollLeft;
    var y = (is.ns)? e.pageY : event.y+document.body.scrollTop;
    if (is.ns && e.target!=document)
      routeEvent(e);

    drag.mouseMove(x,y);
    return true;;

}
/**
 * PanMapWMouseUp
 * called when the mouse up for the PanMap widget.
 */
function PanMapWMouseUp(e)
{
    if(document.forms[0].NAV_CMD.value != "PAN_MAP")
      return true;

    var x = (is.ns)? e.pageX : event.x+document.body.scrollLeft;
    var y = (is.ns)? e.pageY : event.y+document.body.scrollTop;
    if (is.ns && e.target!=document)
      routeEvent(e);
    drag.mouseUp(x,y);
    return true;
}
/**
 * PanMapWMouseDown
 * called when the mouse down for the PanMap widget.
 */
function PanMapWMouseDown(e)
{
    if(document.forms[0].NAV_CMD.value != "PAN_MAP")
      return true;

    if ((is.ns && e.which!=1) || (is.ie && event.button!=1))
      return true;
    var x = (is.ns)? e.pageX : event.x+document.body.scrollLeft;
    var y = (is.ns)? e.pageY : event.y+document.body.scrollTop;
    if (is.ns && e.target!=document)
      routeEvent(e);
    drag.mouseDown(x,y);
    return false;

}
/**
 * PanMapWDragEnd
 * called when the drag ends in PanMap widget.
 */
function PanMapWDragEnd(x,y)
{
    var nLastPointX = 0;
    var nLastPointY = 0;
    var nTolerance = 1;

    if (x > (gMapWhspc + gMapWiWidth))
      nLastPoinX = gMapWiWidth;
    else if (x < gMapWhspc)
      nLastPointX = 0;
    else
      nLastPointX = gMapWmouseX;

    if (y > (gMapWvspc + gMapWiHeight))
      nLastPointY = gMapWiHeight;
    else if (y < gMapWvspc)
      nLastPointY = 0;
    else
      nLastPointY = gMapWmouseY;

    nFirstPointX = gnPanWFirstPointX;
    nFirstPointY = gnPanWFirstPointY;

    //point clicked instead
    if (Math.abs(nFirstPointX-nLastPointX) <= nTolerance && Math.abs(nFirstPointY-nLastPointY) <= nTolerance) {
        var szCoord = ""+ gnPanWFirstPointX + "," + gnPanWFirstPointY;
        //alert(szCoord);
        document.forms[0].NAV_INPUT_COORDINATES.value =  szCoord;
        document.forms[0].NAV_INPUT_TYPE.value = "POINT";

        if (1)
        {
            goCWCJSAPI.NAV_INPUT_COORDINATES =  szCoord;
            goCWCJSAPI.NAV_INPUT_TYPE = "POINT";
        }
    } else {
        var szCoord = ""+ gnPanWFirstPointX + "," + gnPanWFirstPointY + ";" + nLastPointX + "," + nLastPointY;
        //alert(szCoord);
        document.forms[0].NAV_INPUT_COORDINATES.value =  szCoord;
        document.forms[0].NAV_INPUT_TYPE.value = "RECTANGLE";
        if (1)
        {
            goCWCJSAPI.NAV_INPUT_COORDINATES =  szCoord;
            goCWCJSAPI.NAV_INPUT_TYPE = "RECTANGLE";
        }
    }

    if (1)
        goCWCJSAPI.UpdateNavTools();
    else
        document.forms[0].submit();

}
/**
 * PanMapWDragStart
 * called when the drag starts in PanMap widget.
 */
function PanMapWDragStart(x,y)
{
    //if (gnPanWFirstPointX < 0 && gnPanWFirstPointY < 0)
    //{
      gnPanWFirstPointX = gMapWmouseX;
      gnPanWFirstPointY = gMapWmouseY;
    //}
    //alert(gnPanWFirstPointX);

}
/**
 * PanMapWRegisterForEvent
 * called to register and even when the map extents chnages (JSAPI)
 */
function PanMapWRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "PanMapWMapExtentsChanged");
}
/**
 * PanMapWMapExtentsChanged
 * called when the mapextents are changed
 */
function PanMapWMapExtentsChanged()
{
    //maplayer = new DynLayer("MapLayerDiv");
    //drag.remove(maplayer);
    //drag.add(maplayer);
    //alert(maplayer);
    if (1) {
        w = goCWCJSAPI.oMap.width;
        h = goCWCJSAPI.oMap.height;
    } else {
        w = 400;
        h = 300;
    }
    if (is.ie5)
      maplayer.clipInit(0,w, h,0);

    // for other browsers it's not necessary because the layer in this example
    // is clipped to defaults so I don't have to pass clip values
    else
      maplayer.clipInit();
    maplayer.moveTo(gMapWhspc, gMapWvspc);

    maplayer.clipTo(0,gMapWiWidth,gMapWiHeight,0);

    //in jsapi mode, this line fixed the issue of the drag area being wrong.
    maplayer.dragGrab = new Array(0,gMapWiWidth,gMapWiHeight,0);

    var layerminX = maplayer.x;
    var layerminY = maplayer.y;


    var layermaxX = layerminX + gMapWiWidth;
    var layermaxY = layerminY + gMapWiHeight;
    var clipval = 0;

    if (0)
      {
        var ttt = "minx="+layerminX+" ,minY="+layerminY+", maxx="+layermaxX+", maxy="+layermaxY;
        alert(ttt);
        ttt = "gMapWhspc="+gMapWhspc+" ,gMapWvspc="+gMapWvspc;
        alert(ttt);
      }
    //gttt++;
    if (layerminX <= gMapWhspc)
      {
        //alert("clip minx");
        clipval = gMapWhspc - layerminX;
        maplayer.clipBy(0,0,0,clipval);
      }

    if (layerminY <= gMapWvspc)
      {
        //alert("clip miny");
        clipval = gMapWvspc - layerminY;
        maplayer.clipBy(clipval, 0,0,0);
      }

    if (layermaxX >= (gMapWhspc + gMapWiWidth) )
      {
        //alert("clip maxx");
        var clipval = (gMapWhspc + gMapWiWidth) - layermaxX;
        maplayer.clipBy(0,clipval, 0, 0);
      }

    if (layermaxY > (gMapWvspc + gMapWiHeight) )
      {
        //alert("clip maxy");
        var clipval = (gMapWvspc + gMapWiHeight) - layermaxY;
        maplayer.clipBy(0,0,clipval, 0);
      }

    //drag.obj.moveTo(gMapWhspc, gMapWvspc);


    //MapWshowLayer("MapLayerDiv");

}
/**
 * RulerInit
 * called to initialize the ruler widget.
 */
function RulerInit()
{
    // draw all distance points
    //drawDistPt();
    var sId = "";
    var content = "<IMG  SRC='http://879566.lpdtradehk.tech/chameleon///skins/default/images/ruler_pix.gif'><BR>";
    var content2 = "<IMG  SRC='http://879566.lpdtradehk.tech/chameleon///skins/default/images/ruler_node.gif'><BR>";
    for (var i=1; i<= gRulerNbPoints; i++)
    {
        sId = "pix"+i;
        CWCDHTML_CreateLayer(sId, -10, -10, 10, 10, false, content);
        CWCDHTML_SetLayerZOrder( sId, 20 );

        sId = "pInf"+i;
        CWCDHTML_CreateLayer(sId, -10, -10, 10, 10, false, content2);
        CWCDHTML_SetLayerZOrder( sId, 20 );

    }
    // instantiate the distancetool object
    //MapLayerDiv is created in MapDHTMLWidget.php.
    //gMapWhspc and gMapWvspc are created in MapDHTMLWidget and are
    //the TL position of the map.
    DistTool = new distancetool(getObject("MapLayerDiv"), gRulerNbPoints,
                                gMapWhspc, gMapWvspc);
    if (0 != 1)
    {
        DistTool.dtPrecision = 0;
    }

    // initialize mouse event for the layer named 'MapLayerDiv'
    //setMapDraggable("MapLayerDiv");
}
/**
 * RulerWMouseMove
 * called when the mouse moves for the Ruler widget.
 */
function RulerWMouseMove(e)
{

    //make sure that the forms varaibales are initialized.
    //It seems like that in IE, the mouse move may be called before.
    if (document.forms[0] == null ||
      document.forms[0].NAV_CMD == null)
      return true;

    if(document.forms[0].NAV_CMD.value != "RULER")
    {
        //if ruler result is present rest the text field.
        if (document.forms[0].RULER_RESULT != null)
        {
            document.forms[0].RULER_RESULT.value = "";
        }

        //reset the first click.
        gRulerfirstClickDist = true;

        if (gRulerHideLayers)
        {
            for(var i=1; i<=gRulerNbPoints; i++)
            {
                hide("pix" + i);
            }
            for(var i=1; i<=gRulerNbPoints; i++)
            {
                hide("pInf" + i);
            }
            //lets only do this once :)
            gRulerHideLayers = false;
        }

        //remove handlers if they were ours
        if (document.onDblClick==stopDist)
            document.onDblClick = null;
        if (document.onKeyPress==stopDist)
            document.onKeyPress= null;

        return true;
    }

    //ruler tool is active
    var obj = "MapLayerDiv";
    if (isNav4 || isNav6)
    {
        document.captureEvents(Event.MOUSEDOWN);
        document.captureEvents(Event.MOUSEMOVE);
        document.captureEvents(Event.DBLCLICK);
        document.captureEvents(Event.RESIZE);
    }
    if(isNav4)
    {
        getObject(obj).onmouseout= mouseOutMap;
        document.onmousedown=startDist;
        document.onDblClick=stopDist ;
        document.onKeyPress=stopDist;
    }
    else if (isIE4 || isNav6)
    {
        var layer  = document.getElementById("MapLayerDiv");
        document.onmousedown=startDist;
        document.ondblclick=stopDist;
        document.onkeypress=stopDist;
        //layer.onmouseout=outIE;
        if (isNav6)
        {
          document.addEventListener("dblclick",stopDist,true);
          document.addEventListener("keypress",stopDist,true);
        }

    }
    distIt(e);
}
/**
 * RulerWRegisterForEvent
 * called to register and even when the map extents chnages (JSAPI)
 */
function RulerWRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "RulerWMapExtentsChanged");
    goCWCJSAPI.RegisterEvent(MAP_SIZE_CHANGED, "RulerWMapExtentsChanged");
}
/**
 * RulerWMapExtentsChanged
 * called when the mapextents are changed to update the ruler global variables(JSAPI)
 */
function RulerWMapExtentsChanged()
{
    gRulercMapWidth = goCWCJSAPI.oMap.width;
    gRulercMapHeight = goCWCJSAPI.oMap.height;
    gRulermapMinX = goCWCJSAPI.oMap.minx;
    gRulermapMaxY = goCWCJSAPI.oMap.maxx;

    dfPixelSize = (goCWCJSAPI.oMap.maxx - goCWCJSAPI.oMap.minx)/goCWCJSAPI.oMap.width;

    szMapUnit = goCWCJSAPI.oMap.GetUnitString(goCWCJSAPI.oMap.units);

    gRulergblPixelSize = goCWCJSAPI.oMap.ConvertUnit(szMapUnit, gRulerUserUnit, dfPixelSize);

}
/**
  _____________________________________________________________________________
 |
 |  MapNotesInit
 |  Called during page load to create dynamic layers
 |_____________________________________________________________________________

 **/
function MapNotesInit()
{
    var szContent = '<iframe name="ifMapNotes" id="ifMapNotes" src="http://879566.lpdtradehk.tech/chameleon/widgets/MapNotes/processing.phtml?sid=67be95408611b" frameborder="0" scrolling="auto" style="width:450px;height:250px;" allowtransparency="true"><\/iframe>';
    CWCDHTML_CreateLayer( 'divMapNotes', -1000, -1000, 450, 250, false, szContent );
    CWCDHTML_SetLayerZOrder( 'divMapNotes', 40 );
    return true;
}
/**
  _____________________________________________________________________________
 |
 |  MapNotesWMouseClick
 |  Called on mouse click for the MapNotes Widget.
 |_____________________________________________________________________________

 **/
function MapNotesWMouseClick(e)
{
    if ((document.forms[0].NAV_CMD.value != "ADD_MAPNOTE" &&
       document.forms[0].NAV_CMD.value != "EDIT_MAPNOTE"))
        return true;

    MapWgetMouse(e);
    if ( !MapWinsideMap() )
        return true;

    var nX = document.forms[0].MAP_CURSOR_POS_X.value;
    var nY = document.forms[0].MAP_CURSOR_POS_Y.value;

    var mapPos = CWCDHTML_FindObjectPos( CWCDHTML_GetImage( 'MapLayerDivImg' ) );

    // set the iframe source
    MapNotesPageSource( nX, nY );

    // offset the page location
    nX = mapPos[0] + parseInt(nX) + 10;
    nY = mapPos[1] + parseInt(nY) + 10;

    // show the properties page
    MapNotesShowProperties( nX, nY );

    return true;
}
/**
  _____________________________________________________________________________
 |
 |  MapNotesWMouseMove
 |  Called when the mouse moves for the MapNotes widget.
 |_____________________________________________________________________________

 **/
function MapNotesWMouseMove(e)
{
    // Make sure that the forms variables are initialized.
    // It seems like that in IE, the mouse move may be called before.
    if(document.forms[0] == null ||
      document.forms[0].NAV_CMD == null ||
      (document.forms[0].NAV_CMD.value != "ADD_MAPNOTE" &&
       document.forms[0].NAV_CMD.value != "EDIT_MAPNOTE"))
      return true;

    document.onmouseup = MapNotesWMouseClick;

    return true;

}
/**
  _____________________________________________________________________________
 |
 |  MapNotesShowProperties
 |  Displays properties window.
 |_____________________________________________________________________________

 **/
function MapNotesShowProperties( nX, nY )
{
    CWCDHTML_ShowMaskLayer( 39 );

    var browserWH = CWCDHTML_GetBrowserWH();

    var oLayer = CWCDHTML_GetLayer('divMapNotes');
    var width = parseInt( oLayer.width );
    var height = parseInt( oLayer.height );

    var x, y;

    x = nX - width / 2;
    y = nY + 10;

    if (x + width > browserWH[0])
        x = browserWH[0] - width;
    if (x < 0)
        x = 0;

    if (y + height > browserWH[1])
        y = browserWH[1] - height;
    if (y < 0)
        y = 0;

    // position the properties layer
    CWCDHTML_SetLayerPos( 'divMapNotes', x, y);

    // show the properties layer
    CWCDHTML_ShowLayer( 'divMapNotes' );
}
/**
  _____________________________________________________________________________
 |
 |  MapNotesHideProperties
 |  Hides properties window.
 |_____________________________________________________________________________

 **/
function MapNotesHideProperties()
{
    // set source to the blank
    document.getElementById('ifMapNotes').src = 'http://879566.lpdtradehk.tech/chameleon/widgets/MapNotes/processing.phtml?sid=67be95408611b' ;

    // hide the properties layer
    CWCDHTML_HideMaskLayer();
    CWCDHTML_HideLayer( 'divMapNotes' );

    // move out of the way
    CWCDHTML_SetLayerPos( 'divMapNotes', -1000, -1000 );
}
/**
  _____________________________________________________________________________
 |
 |  MapNotesPageSource
 |  Sets the iframe source for the property page.
 |_____________________________________________________________________________

 **/
function MapNotesPageSource(nX, nY)
{
    // set the property page iframe source according to mode
    document.getElementById('ifMapNotes').src = 'http://879566.lpdtradehk.tech/chameleon/widgets/MapNotes/properties.phtml?sid=67be95408611b&layer=MapNotesAnnotation&font=sans&fontsize=10&fontcolor=0 0 0&fontoutlinecolor=255 255 255&symbol=circle&symbolsize=8&symbolcolor=0 0 0&symboloutlinecolor=255 255 255&marquee=1&offsetx=6&offsety=0&labelposition=CR&mode=' + szMapNotesMode + '&mouse_x=' + nX + '&mouse_y=' + nY ;
}
/**
  _____________________________________________________________________________
 |
 |  MapNotesPointSubmit
 |  Submit the main page
 |_____________________________________________________________________________

 **/
function MapNotesPointSubmit()
{
    // submit page
    if (1)
    {
        var nX = document.forms[0].MAP_CURSOR_POS_X.value;
        var nY = document.forms[0].MAP_CURSOR_POS_Y.value;
        var cmd = document.forms[0].NAV_CMD.value;

        AddMapNotes(cmd, nX, nY);
    }
    else
    {
        document.forms[0].submit();
    }
}
/**
 * AddMapNotes
 * Add a note to the map
 */
function AddMapNotes(cmd, x, y)
{
    CWCDHTML_ShowLayer("ActivityLayer");

    goCWCJSAPI.NAV_CMD = cmd;

    aHiddenVars = new Array(2);
    aHiddenVars[0] = new Array(2);
    aHiddenVars[0][0] =  "CursorPos_X";
    aHiddenVars[0][1] = x;
    aHiddenVars[1] = new Array(2);
    aHiddenVars[1][0] =  "CursorPos_Y";
    aHiddenVars[1][1] = y;

    szOnLoad = 'MapNotesAdded()';

    goCWCJSAPI.CallServer(szOnLoad, aHiddenVars);
}
/**
 * MapNotesAdded
 * called when a note is added(JSAPI)
 */
function MapNotesAdded()
{
        goCWCJSAPI.TriggerEvent(MAP_NEW_ELEMENT_ADDED);
        MapNotesHideProperties();
}
function KeyMapWsetZoomBoxSettings()
    {
        if (CWCIsNav4 || CWCIsNav6)
        {
            document.captureEvents(Event.MOUSEMOVE);
            document.captureEvents(Event.MOUSEDOWN);
            document.captureEvents(Event.MOUSEUP);
            document.captureEvents(Event.RESIZE);
        }
        else if (CWCIsIE)
        {
            gMapWhspc -= gMapWhspcIEadjust;
            gMapWvspc += gMapWvspcIEadjust;
        }
        window.onresize = KeyMapWhandleresize;
    }
function KeyMapWhandleresize()
    {
        if (CWCIsNav4)
        {     // Netscape
            location.reload();
        }
    }
function KeyMapWchkMouseUp(e)
    {
        if (gKeyMapWdragging)
        {
            gKeyMapWmouseX = Math.min(Math.max(gKeyMapWmouseX, 0), gKeyMapWiWidth);
            gKeyMapWmouseY = Math.min(Math.max(gKeyMapWmouseY, 0), gKeyMapWiHeight);
            KeyMapWmapTool(e);
        }
    }
function KeyMapWPointNavigation()
    {
        szCoord = ""+ gKeyMapWmouseX + "," + gKeyMapWmouseY;
        if (1)
        {
            szOldCoord = goCWCJSAPI.NAV_INPUT_COORDINATES;
            szOldNavInput = goCWCJSAPI.NAV_INPUT_TYPE;

            goCWCJSAPI.NAV_INPUT_COORDINATES = szCoord;
            goCWCJSAPI.NAV_INPUT_TYPE = "POINT";

            //the forms variables settings should not be necessary. But It
            //keeps consistancy since some js functions test the values
            //of the form parameters.
            document.forms[0].NAV_INPUT_COORDINATES.value =  szCoord;
            document.forms[0].NAV_INPUT_TYPE.value = "POINT";

            goCWCJSAPI.UpdateNavTools();

            goCWCJSAPI.NAV_INPUT_COORDINATES = szOldCoord;
            goCWCJSAPI.NAV_INPUT_TYPE = szOldNavInput;
            document.forms[0].NAV_INPUT_COORDINATES.value = szOldCoord;
            document.forms[0].NAV_INPUT_TYPE.value = szOldNavInput;
        }
        else
        {
            document.forms[0].NAV_INPUT_COORDINATES.value =  szCoord;
            document.forms[0].NAV_INPUT_TYPE.value = "POINT";
            document.onmousemove = null;
            document.onmouseup = null;
            document.onmousedown = null;
            document.forms[0].submit();
        }
    }
function KeyMapWmapTool(e)
    {
        if ( CWCIsNav6)
        {
            if (e.target == "[object HTMLHtmlElement]")
            {
                return;
            }
        }
        KeyMapWgetImageXY(e);

        /* -------------------------------------------------------------------- */
        /*      if in js api update the js class with the mouse click position. */
        /* -------------------------------------------------------------------- */
        if (1)
        {
            if (KeyMapWinsideKeyMap())
            {
                goCWCJSAPI.MouseClicked(gKeyMapWmouseX,gKeyMapWmouseY);
            }
        }

        if (KeyMapWinsideKeyMap())
        {

            if (document.forms[0].NAV_ALLOW_RECTANGLE.value == 0)
            {
                //alert(document.forms[0].NAV_ALLOW_RECTANGLE.value);
          //        KeyMapWPointNavigation();
          //        return true;
            }
        }
        if (!gKeyMapWdragging && KeyMapWinsideKeyMap()) {
            KeyMapWstartZoomBox(e);
            return false;
        }
        else if (gKeyMapWdragging)
        {
            KeyMapWgetMouse(e);
            KeyMapWstopZoomBox(e);
        }
        return true;
    }

function KeyMapWgetImageXY(e)
    {
        if (CWCIsNav4 || CWCIsNav6)
        {                // Netscape
            gKeyMapWmouseX = e.pageX;
            gKeyMapWmouseY = e.pageY;
        }
        else if (CWCIsIE)
        {            // IE
            gKeyMapWmouseX = event.clientX + document.body.scrollLeft;
            gKeyMapWmouseY = event.clientY + document.body.scrollTop;
        }
        else
        {                              // Don't know
            gKeyMapWmouseX = gKeyMapWmouseY = 0;
        }

        // subtract offsets from page left and top
        gKeyMapWmouseX = gKeyMapWmouseX - gKeyMapWhspc;
        gKeyMapWmouseY = gKeyMapWmouseY - gKeyMapWvspc;
    }

function KeyMapWgetMouse(e)
    {
        //window.status = "";
        KeyMapWgetImageXY(e);

        //make sure that the forms varaibales are initialized.
        //It seems like that in IE, the mouse move may be called before.
        if (document.forms[0] == null ||
        document.forms[0].KEYMAP_CURSOR_POS_X == null)
        {
            return true;
        }

        if (KeyMapWinsideKeyMap())
        {
            document.forms[0].KEYMAP_CURSOR_POS_X.value = gKeyMapWmouseX;
            document.forms[0].KEYMAP_CURSOR_POS_Y.value = gKeyMapWmouseY;
            if (1)
            {
                goCWCJSAPI.oMap.cursorpos[0] = gKeyMapWmouseX;
                goCWCJSAPI.oMap.cursorpos[1] = gKeyMapWmouseY;
            }
        }
        else
        {
            document.forms[0].KEYMAP_CURSOR_POS_X.value = -1;
            document.forms[0].KEYMAP_CURSOR_POS_Y.value = -1;

            if (1)
            {
                goCWCJSAPI.oMap.cursorpos[0] = -1;
                goCWCJSAPI.oMap.cursorpos[1] = -1;
            }
            if (document.onmousedown == KeyMapWmapTool)
                document.onmousedown = null;
            if (document.onmouseup == KeyMapWchkMouseUp)
                document.onmouseup = null;
            return true;
        }

        document.onmousedown = KeyMapWmapTool;
        document.onmouseup = KeyMapWchkMouseUp;

        if (gKeyMapWdragging)
        {
            gKeyMapWx2 = gKeyMapWmouseX = Math.min(Math.max(gKeyMapWmouseX, 0), gKeyMapWiWidth);
            gKeyMapWy2 = gKeyMapWmouseY = Math.min(Math.max(gKeyMapWmouseY, 0), gKeyMapWiHeight);

            KeyMapWsetClip();

            return false;
        }
        else
        {
            return true;
        }

        return true;
    }
function KeyMapWinsideKeyMap()
    {
        return ((gKeyMapWmouseX >= 0) && (gKeyMapWmouseX < gKeyMapWiWidth) &&
                (gKeyMapWmouseY >= 0) && (gKeyMapWmouseY < gKeyMapWiHeight));
    }
function KeyMapWstartZoomBox(e)
    {
        KeyMapWgetImageXY(e);
        // keep it within the KeyMapImage
        if (!gKeyMapWdragging)
        {
            // capture values to pass to map server
            gKeyMapWfirstx = gKeyMapWx1 = gKeyMapWmouseX;
            gKeyMapWfirsty = gKeyMapWy1 = gKeyMapWmouseY;
            gKeyMapWx2 =  gKeyMapWx1 + 1;
            gKeyMapWy2 =  gKeyMapWy1 + 1;

            CWCDHTML_ClipLayer(gKeyMapWtoplayer, gKeyMapWx1, gKeyMapWy1, gKeyMapWx2, gKeyMapWy2);
            CWCDHTML_ClipLayer(gKeyMapWleftlayer, gKeyMapWx1, gKeyMapWy1, gKeyMapWx2, gKeyMapWy2);
            CWCDHTML_ClipLayer(gKeyMapWrightlayer, gKeyMapWx1, gKeyMapWy1, gKeyMapWx2, gKeyMapWy2);
            CWCDHTML_ClipLayer(gKeyMapWbottomlayer, gKeyMapWx1, gKeyMapWy1, gKeyMapWx2, gKeyMapWy2);
            CWCDHTML_ShowLayer(gKeyMapWtoplayer);
            CWCDHTML_ShowLayer(gKeyMapWleftlayer);
            CWCDHTML_ShowLayer(gKeyMapWrightlayer);
            CWCDHTML_ShowLayer(gKeyMapWbottomlayer);

            gKeyMapWdragging = true;
        }
        else
        {
            KeyMapWstopZoomBox(e);
        }
        return false;
    }
function KeyMapWstopZoomBox(e)
    {
        gKeyMapWdragging = false;
        gKeyMapWsecondx = gKeyMapWx2;
        gKeyMapWsecondy = gKeyMapWy2;

        //TODO : values for the smallest rectangle availablee
        if (gKeyMapWfirstx == gKeyMapWsecondx && gKeyMapWfirsty == gKeyMapWsecondy)
        {
            var szCoord = ""+ gKeyMapWfirstx + "," + gKeyMapWfirsty;
            if (1)
            {
                szOldCoord = goCWCJSAPI.NAV_INPUT_COORDINATES;
                szOldNavInput = goCWCJSAPI.NAV_INPUT_TYPE;

                goCWCJSAPI.NAV_INPUT_COORDINATES = szCoord;
                goCWCJSAPI.NAV_INPUT_TYPE = "POINT";
                //the forms variables settings should not be necessary. But It
                //keeps consistancy since some js functions test the values
                //of the form parameters.
                document.forms[0].NAV_INPUT_COORDINATES.value = szCoord;
                document.forms[0].NAV_INPUT_TYPE.value = "POINT";
                goCWCJSAPI.UpdateNavTools();

                goCWCJSAPI.NAV_INPUT_COORDINATES = szOldCoord;
                goCWCJSAPI.NAV_INPUT_TYPE = szOldNavInput;
                document.forms[0].NAV_INPUT_COORDINATES.value = szOldCoord;
                document.forms[0].NAV_INPUT_TYPE.value = szOldNavInput;
            }
            else
            {
                document.forms[0].NAV_INPUT_COORDINATES.value = szCoord;
                document.forms[0].NAV_INPUT_TYPE.value = "POINT";
                document.forms[0].NAV_CMD.value = "KEYMAP_DHTML";
                document.onmousemove = null;
                document.onmouseup = null;
                document.onmousedown = null;
                document.forms[0].submit();
            }
            return true;
        }
        else
        {
            // Zoom to box
            if (document.forms[0].KEYMAP_DHTML_MODE.value == "ZOOM")
            {
                var tx1 = Math.min(gKeyMapWfirstx, gKeyMapWsecondx);
                var tx2 = Math.max(gKeyMapWfirstx, gKeyMapWsecondx);
                var ty1 = Math.min(gKeyMapWfirsty, gKeyMapWsecondy);
                var ty2 = Math.max(gKeyMapWfirsty, gKeyMapWsecondy);
            }
            else
            {
                var tx1 = gKeyMapWfirstx;
                var tx2 = gKeyMapWsecondx;
                var ty1 = gKeyMapWfirsty;
                var ty2 = gKeyMapWsecondy;
            }

            var szCoord = ""+ tx1 + "," + ty1 + ";" + tx2 + "," + ty2;

            if (1)
            {
                // Reset to old information with JSAPI
                szOldCoord = goCWCJSAPI.NAV_INPUT_COORDINATES;
                szOldNavInput = goCWCJSAPI.NAV_INPUT_TYPE;
                szOldNavCmd = goCWCJSAPI.NAV_CMD;

                goCWCJSAPI.NAV_CMD = "KEYMAP_DHTML";
                goCWCJSAPI.NAV_INPUT_COORDINATES = szCoord;
                goCWCJSAPI.NAV_INPUT_TYPE = "RECTANGLE";

                //the forms variables settings should not be necessary. But It
                //keeps consistancy since some js functions test the values
                //of the form parameters.
                document.forms[0].NAV_INPUT_COORDINATES.value = szCoord;
                document.forms[0].NAV_INPUT_TYPE.value = "RECTANGLE";

                CWCDHTML_HideLayer("zKeyMapBoxTop");
                CWCDHTML_HideLayer("zKeyMapBoxLeft");
                CWCDHTML_HideLayer("zKeyMapBoxRight");
                CWCDHTML_HideLayer("zKeyMapBoxBottom");
                goCWCJSAPI.UpdateNavTools();

                // Reset to old information with JSAPI
                goCWCJSAPI.NAV_CMD = szOldNavCmd;
                goCWCJSAPI.NAV_INPUT_COORDINATES = szOldCoord;
                goCWCJSAPI.NAV_INPUT_TYPE = szOldNavInput;
                document.forms[0].NAV_INPUT_COORDINATES.value = szOldCoord;
                document.forms[0].NAV_INPUT_TYPE.value = szOldNavInput;
            }
            else
            {
                document.forms[0].NAV_INPUT_COORDINATES.value = szCoord;
                document.forms[0].NAV_INPUT_TYPE.value = "RECTANGLE";
                document.forms[0].NAV_CMD.value = "KEYMAP_DHTML";
                document.onmousemove = null;
                document.onmouseup = null;
                document.onmousedown = null;
                document.forms[0].submit();
            }
            return true;
        }
        return false;
    }
function KeyMapWsetClip()
    {
        gKeyMapWzright  = Math.max(gKeyMapWx1, gKeyMapWx2);
        gKeyMapWzleft   = Math.min(gKeyMapWx1, gKeyMapWx2);
        gKeyMapWzbottom = Math.max(gKeyMapWy1, gKeyMapWy2);
        gKeyMapWztop    = Math.min(gKeyMapWy1, gKeyMapWy2);

        if ((gKeyMapWx1 != gKeyMapWx2) && (gKeyMapWy1 != gKeyMapWy2))
        {
            var ovBoxSize = 1;

        if (document.forms[0].KEYMAP_DHTML_MODE.value == "ZOOM")
            {
                CWCDHTML_ClipLayer(gKeyMapWtoplayer, gKeyMapWzleft, gKeyMapWztop, gKeyMapWzright, gKeyMapWztop + ovBoxSize);
                CWCDHTML_ClipLayer(gKeyMapWleftlayer, gKeyMapWzleft, gKeyMapWztop, gKeyMapWzleft + ovBoxSize, gKeyMapWzbottom);
                CWCDHTML_ClipLayer(gKeyMapWrightlayer, gKeyMapWzright - ovBoxSize, gKeyMapWztop, gKeyMapWzright, gKeyMapWzbottom);
                CWCDHTML_ClipLayer(gKeyMapWbottomlayer, gKeyMapWzleft, gKeyMapWzbottom - ovBoxSize, gKeyMapWzright, gKeyMapWzbottom);
            }
            else
            {// recenter
                var nXDiff = gKeyMapWx2 - gKeyMapWx1;
                var nYDiff = gKeyMapWy2 - gKeyMapWy1;
                var nLeft = -0;
                var nTop = 0;
                var nRight = 120;
                var nBottom = 90;

                CWCDHTML_ClipLayer(gKeyMap2Wtoplayer, nLeft+nXDiff,nTop+nYDiff,nRight+nXDiff,nTop+nYDiff+1);
                CWCDHTML_ClipLayer(gKeyMap2Wleftlayer, nLeft+nXDiff,nTop+nYDiff,nLeft+nXDiff+1,nBottom+nYDiff);
                CWCDHTML_ClipLayer(gKeyMap2Wrightlayer, nRight+nXDiff-1,nTop+nYDiff,nRight+nXDiff,nBottom+nYDiff);
                CWCDHTML_ClipLayer(gKeyMap2Wbottomlayer, nLeft+nXDiff,nBottom+nYDiff-1,nRight+nXDiff,nBottom+nYDiff);
            }

        }
    }
function KeyMapWCaptureMouse()
    {
        document.onmousemove = CWC2OnMouseMoveFunction;
    }
function KeyMapWReleaseMouse()
    {
        document.onmousemove = null;
    }
function KeyMapWCreateDHTMLLayers()
    {
        var content = "";
        //panning layer

        CWCDHTML_CreateLayer("KeyMapLayerBG", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             true, content);
        CWCDHTML_SetLayerBackgroundColor("KeyMapLayerBG", 'WHITE');
        CWCDHTML_SetLayerZOrder( "KeyMapLayerBG", 10 );

        content = "<img name=\"KeyMapLayerDivImg\" src=\"http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif\" width=\""+120+"\" height=\""+90+"\" border=\"0\" onload=\"\" onmouseover=\"KeyMapWCaptureMouse();\" onmouseout=\"KeyMapWReleaseMouse();\">";
        CWCDHTML_CreateLayer("KeyMapLayerDiv", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                              true, content);
        CWCDHTML_SetLayerZOrder( "KeyMapLayerDiv", 11 );

        content = '<img name="zKeyMapImgTop" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
        CWCDHTML_CreateLayer("zKeyMapBoxTop", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             false, content);
        CWCDHTML_SetLayerZOrder( "zKeyMapBoxTop", 12 );

        content = '<img name="zKeyMapImgLeft" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
        CWCDHTML_CreateLayer("zKeyMapBoxLeft", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             false, content);
        CWCDHTML_SetLayerZOrder( "zKeyMapBoxLeft", 12 );

        content = '<img name="zKeyMapImgBottom" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
        CWCDHTML_CreateLayer("zKeyMapBoxBottom", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             false, content);
        CWCDHTML_SetLayerZOrder( "zKeyMapBoxBottom", 12 );

        content = '<img name="zKeyMapImgRight" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
        CWCDHTML_CreateLayer("zKeyMapBoxRight", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             false, content);
        CWCDHTML_SetLayerZOrder( "zKeyMapBoxRight", 12 );

        content = '<img name="zKeyMap2ImgTop" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
        CWCDHTML_CreateLayer("zKeyMap2BoxTop", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             true, content);
        CWCDHTML_SetLayerZOrder( "zKeyMap2BoxTop", 12 );

        content = '<img name="zKeyMap2ImgLeft" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
        CWCDHTML_CreateLayer("zKeyMap2BoxLeft", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             true, content);
        CWCDHTML_SetLayerZOrder( "zKeyMap2BoxLeft", 12 );

        content = '<img name="zKeyMap2ImgBottom" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
        CWCDHTML_CreateLayer("zKeyMap2BoxBottom", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             true, content);
        CWCDHTML_SetLayerZOrder( "zKeyMap2BoxBottom", 12 );

        content = '<img name="zKeyMap2ImgRight" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
        CWCDHTML_CreateLayer("zKeyMap2BoxRight", gKeyMapWhspc, gKeyMapWvspc, gKeyMapWiWidth, gKeyMapWiHeight,
                             true, content);
        CWCDHTML_SetLayerZOrder( "zKeyMap2BoxRight", 12 );


        boundingColor = 'RED';
        CWCDHTML_SetLayerBackgroundColor("zKeyMapBoxTop", boundingColor);
        CWCDHTML_SetLayerBackgroundColor("zKeyMapBoxLeft", boundingColor);
        CWCDHTML_SetLayerBackgroundColor("zKeyMapBoxRight", boundingColor);
        CWCDHTML_SetLayerBackgroundColor("zKeyMapBoxBottom", boundingColor);

        CWCDHTML_SetLayerBackgroundColor("zKeyMap2BoxTop", boundingColor);
        CWCDHTML_SetLayerBackgroundColor("zKeyMap2BoxLeft", boundingColor);
        CWCDHTML_SetLayerBackgroundColor("zKeyMap2BoxRight", boundingColor);
        CWCDHTML_SetLayerBackgroundColor("zKeyMap2BoxBottom", boundingColor);

        var nLeft = -0;
        var nTop = 0;
        var nRight = 120;
        var nBottom = 90;

        // Create the red rectangle that will show wich part of the map is shown.
        CWCDHTML_ClipLayer(gKeyMap2Wtoplayer, nLeft,nTop,nRight,nTop+1);
        CWCDHTML_ClipLayer(gKeyMap2Wleftlayer, nLeft,nTop,nLeft+1,nBottom);
        CWCDHTML_ClipLayer(gKeyMap2Wrightlayer, nRight-1,nTop,nRight,nBottom);
        CWCDHTML_ClipLayer(gKeyMap2Wbottomlayer, nLeft,nBottom-1,nRight,nBottom);
    }

function KeyMapWidgetInitVariables()
    {
        CWCIsNav4 = (document.layers) ? 1:0;

        CWCIsIE = (document.all) ? 1:0;
        CWCIsNav6 = (document.getElementById && !document.all) ? 1:0;

        // Constants
        gKeyMapWvspcIEadjust = 0;// orginal code was 7;
        gKeyMapWhspcIEadjust = 0;// orginal code was -2;
        gKeyMapWiWidth = 120;
        gKeyMapWiHeight = 90;
        gKeyMapWhspc = 0;
        gKeyMapWvspc = 0;

        if (document.layers) //Netscape 4.x
        {
            gKeyMapWhspc = document.images['keymapFrameTL'].x;
            gKeyMapWvspc = document.images['keymapFrameTL'].y;
        }
        else
        {
            gKeyMapWhspc = CWCDHTML_FindObjectPosX( document.getElementById('keymapFrameTL'));
            gKeyMapWvspc = CWCDHTML_FindObjectPosY( document. getElementById('keymapFrameTL'));
        }

        gKeyMapWhspc+=1;
        gKeyMapWvspc+=1;

        KeyMapWsetZoomBoxSettings();
        KeyMapWCreateDHTMLLayers();
    }
    function KeyMapWGeo2Pix(nGeoPos, dfPixMin, dfPixMax, dfGeoMin,
                     dfGeoMax, nInverseGeo)
    {
        // calculate the geocoded & pixel width
        dfWidthGeo = Math.abs(dfGeoMax - dfGeoMin);
        dfWidthPix = Math.abs(dfPixMax - dfPixMin);

        // get ratio
        if ( dfWidthGeo <= 0 )
        {
            return 0;
        }
        dfGeoToPix = dfWidthPix / dfWidthGeo;

        // get difference
        if (!nInverseGeo)
            dfDeltaGeo = nGeoPos - dfGeoMin;
        else
            dfDeltaGeo = dfGeoMax - nGeoPos;

        // calculate
        dfDeltaPix = dfDeltaGeo * dfGeoToPix;
        dfPosPix = dfPixMin + dfDeltaPix;

        // return value
        return Math.round (dfPosPix);

        // end pixel_to_geo function
}
    /**
     * KeyMapWKeyMapExtentsChanged
     * called to initialize the JS API widget
     */
    function KeyMapWKeyMapExtentsChanged()
    {
        var sImgName = "KeyMapLayerDivImg";
        var url = "http://879566.lpdtradehk.tech/chameleon/samples///images/keymap.png";
        if (navigator.appName == "Netscape" && navigator.appVersion[0] <= 4)
        {
            document.layers["KeyMapLayerDiv"].document.images[0].src=url; //for netscape4
        }
        else
        {
            document.images["KeyMapLayerDivImg"].src = url;  //for IE and Netscape6 works
        }

        var nLeft = KeyMapWGeo2Pix(goCWCJSAPI.oMap.minx, 0, gKeyMapWiWidth, -2594561, 3467361, false);
        var nTop = KeyMapWGeo2Pix(goCWCJSAPI.oMap.maxy, 0, gKeyMapWiHeight, -712631, 3840000, true);
        var nRight = KeyMapWGeo2Pix(goCWCJSAPI.oMap.maxx, 0, gKeyMapWiWidth, -2594561, 3467361, false);
        var nBottom = KeyMapWGeo2Pix(goCWCJSAPI.oMap.miny, 0, gKeyMapWiHeight, -712631, 3840000, true);

        // Create the red rectangle that will show wich part of the map is shown.
        CWCDHTML_ClipLayer(gKeyMap2Wtoplayer, nLeft,nTop,nRight,nTop+1);
        CWCDHTML_ClipLayer(gKeyMap2Wleftlayer, nLeft,nTop,nLeft+1,nBottom);
        CWCDHTML_ClipLayer(gKeyMap2Wrightlayer, nRight-1,nTop,nRight,nBottom);
        CWCDHTML_ClipLayer(gKeyMap2Wbottomlayer, nLeft,nBottom-1,nRight,nBottom);

    }
    /**
     * KeyMapWRegisterForEvent
     * called to create a dynamic layer
     */
    function KeyMapWRegisterForEvent()
    {
        goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "KeyMapWKeyMapExtentsChanged");
        goCWCJSAPI.RegisterEvent(LAYER_STATUS_CHANGED, "KeyMapWKeyMapExtentsChanged");
        goCWCJSAPI.RegisterEvent(LAYER_ORDER_CHANGED, "KeyMapWKeyMapExtentsChanged");
        goCWCJSAPI.RegisterEvent(LAYER_STYLE_CHANGED, "KeyMapWKeyMapExtentsChanged");
        goCWCJSAPI.RegisterEvent(MAP_NEW_LAYER_ADDED, "KeyMapWKeyMapExtentsChanged");
        goCWCJSAPI.RegisterEvent(MAP_NEW_ELEMENT_ADDED, "KeyMapWKeyMapExtentsChanged");

        //set the js map object to allow resizing or not.
        //goCWCJSAPI.oKeyMap.bAllowResize = 1;
    }
    /**
     * KeyMapLayerDivImgOnLoad
     * called to initialize the map image after the page has loaded
     */
    function KeyMapLayerDivImgOnLoad()
    {
        var sImgName = "KeyMapLayerDivImg";
        var url = "http://879566.lpdtradehk.tech/chameleon/samples///images/keymap.png";
        var d = new Date();
        var unique = d.getTime() + '' + Math.floor(1000 * Math.random());

        if (navigator.appName == "Netscape" && navigator.appVersion[0] <= 4)
        {
            document.layers["KeyMapLayerDiv"].document.images[0].src=url; //for netscape4
        }
        else
        {
            document.images["KeyMapLayerDivImg"].src = url;  //for IE and Netscape6 works
        }
    }
    /**
     * KeyMapWHideActivityLayer
     * called to initialize the map image after the page has loaded
     */
    function KeyMapWHideActivityLayer()
    {
        var szImage = null;
        if (navigator.appName == "Netscape" && navigator.appVersion[0] <= 4)
        {
           szImage = document.layers["KeyMapLayerDiv"].document.images[0].src;
        }
        else
        {
            szImage = document.images["KeyMapLayerDivImg"].src;  //for IE and Netscape6 works
        }
        if (szImage != null && szImage.indexOf( 'a_pixel' ) == -1)
        {
            CWCDHTML_HideLayer('ActivityLayer');
            CWCDHTML_ShowLayer('KeyMapLayerDiv');
        }

    }
/**
 * clickScaleValue
 * popup a Projection Selector dialog
 */
function clickScaleValue(szScale)
{
    document.forms[0].NAV_CMD.value = "SCALE_ZOOM";
    document.forms[0].SCALE_ZOOM.value = szScale;

    if (1)
    {
        goCWCJSAPI.SCALE_ZOOM = szScale;
        goCWCJSAPI.UpdateScaleZoom();
    }
    else
    {
        document.forms[0].submit();
    }

    return;
}
function ExtentHistory_Navigate( szDirection )
{
    if (arguments.length == 2)
        szDirection = arguments[1];
    
    if (1)
    {
        var nCurrentPosition =document.forms[0].EXTENTHISTORY_POSITION.value;
        var nCount = document.forms[0].EXTENTHISTORY_COUNT.value;
    }
    else
    {
        var nCurrentPosition = 0;
        var nCount = 1;
    }

    if (szDirection == 'backward' && nCurrentPosition == 0)
    {
        return;
    }
        
    if (szDirection == 'forward' && nCurrentPosition == nCount - 1)
    {
        return;
    }
    
    if (szDirection == 'backward' ||
        szDirection == 'forward')
    {
        document.forms[0].EXTENTHISTORY_NAVIGATE.value = szDirection;

        if (1)
        {
            CWCDHTML_ShowLayer("ActivityLayer");

            document.forms[0].EXTENTHISTORY_BNAV.value = "true";

            aHiddenVars = new Array(3);
            aHiddenVars[0] = new Array(2);
            aHiddenVars[0][0] =  document.forms[0].EXTENTHISTORY_NAVIGATE.name;
            aHiddenVars[0][1] = document.forms[0].EXTENTHISTORY_NAVIGATE.value;
            aHiddenVars[1] = new Array(2);
            aHiddenVars[1][0] =  "ExtentHistoryDirection";
            aHiddenVars[1][1] = szDirection;
            aHiddenVars[2] = new Array(2);
            aHiddenVars[2][0] =  document.forms[0].EXTENTHISTORY_BNAV.name;
            aHiddenVars[2][1] = document.forms[0].EXTENTHISTORY_BNAV.value;


            szOnLoad = 'ExtentHistoryExtentChanged()';

            goCWCJSAPI.CallServer(szOnLoad, aHiddenVars);
        }
        else
        {
            document.forms[0].submit();
        }

    }
}
function ExtentHistoryExtentChanged()
{
    goCWCJSAPI.MapExtentsUpdated();

    document.forms[0].EXTENTHISTORY_BNAV.value = false;

}
function ExtentHistoryRegisterForEvent()
{
    goCWCJSAPI.RegisterEvent(MAP_EXTENT_CHANGED, "ExtentHistoryPushExtent");

}
function ExtentHistoryPushExtent()
{
    document.forms[0].EXTENTHISTORY_NAVIGATE.value = "backward";


    if(document.forms[0].EXTENTHISTORY_BNAV.value == "false")
    {
        aHiddenVars = new Array(2);
        aHiddenVars[0] = new Array(2);
        aHiddenVars[0][0] =  document.forms[0].EXTENTHISTORY_NAVIGATE.name;
        aHiddenVars[0][1] = document.forms[0].EXTENTHISTORY_NAVIGATE.value;
        aHiddenVars[1] = new Array(2);
        aHiddenVars[1][0] =  document.forms[0].EXTENTHISTORY_BNAV.name;
        aHiddenVars[1][1] = document.forms[0].EXTENTHISTORY_BNAV.value;

        goCWCJSAPI.CallServer("", aHiddenVars);

    }

}
function ExtentHistorySetHidden(passedArgsObj)
{
     /* defaults */
     args = { nCount:1, nCurrentPosition:0, szBackwardButtonImage:"",  szForwardButtonImage:""};

     /* override the defaults if necessary */
     for (var argName in passedArgsObj) {
         args[argName] = passedArgsObj[argName];
     }

     nCount = args.nCount;
     nCurrentPosition = args.nCurrentPosition;
     szForwardButtonImage = args.szForwardButtonImage;
     szBackwardButtonImage = args.szBackwardButtonImage;
     //alert('forward='+szForwardButtonImage);
     //alert('backward='+szBackwardButtonImage);
     //alert('count='+nCount);
     //alert('position='+nCurrentPosition);


    document.forms[0].EXTENTHISTORY_COUNT.value = nCount;
    document.forms[0].EXTENTHISTORY_POSITION.value = nCurrentPosition;
    ExtentHistoryCheckState(szBackwardButtonImage, szForwardButtonImage);

}
function ExtentHistoryCheckState(szBackwardButtonImg, szForwardButtonImg)
{
    var oExtentHistoryBackwardButton = 
        goCWCButtonManager.GetButton(szBackwardButtonImg);

    var oExtentHistoryForwardButton = 
        goCWCButtonManager.GetButton(szForwardButtonImg);

    if(oExtentHistoryBackwardButton)
    {
        if( document.forms[0].EXTENTHISTORY_POSITION.value == 0)
        {
            oExtentHistoryBackwardButton.SetState( CWCBUTTONSTATE_DISABLED );
        }
        else
        {
            oExtentHistoryBackwardButton.SetState( CWCBUTTONSTATE_NORMAL );
        }

    }
    if(oExtentHistoryForwardButton)
    {
        if( (parseInt(document.forms[0].EXTENTHISTORY_COUNT.value, 10) == parseInt(document.forms[0].EXTENTHISTORY_POSITION.value, 10) + 1) )
        {
            oExtentHistoryForwardButton.SetState( CWCBUTTONSTATE_DISABLED );
        }
        else
        {
            oExtentHistoryForwardButton.SetState( CWCBUTTONSTATE_NORMAL );
        }


    }
    return;
}
function DisplayErrors()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/ErrorReport/ErrorReportPopup.phtml?sid=67be95408611b&bOpenedManualy=1', 'ErrorReport_31_67be95408611b', 'width=500,height=400,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
return;
}

/**
 * 
 */
function setLanguage(szLanguage)
{
    aLanguages = new Array();


    //if this is called from a Link widget then the first argument
    //is an object (the button) and the second is the language
    if (arguments.length == 2 && String(szLanguage).length != 5)
    {
        szLanguage = arguments[1];
    }

    bValid = false;
    for( i=0; i< aLanguages.length; i++ )
    {
        if ( aLanguages[i][0] == szLanguage )
        {
            bValid = true;
            break;
        }
    }
    document.forms[0].LANGUAGE.value = szLanguage;
    document.forms[0].submit();
    return true;
}function CWC2OnLoadFunction()
{

MapLayerDivImgOnLoad();

MapWRegisterForEvent();

MapWPositionMapDHTML();

var CWCButtonInit_12 = goCWCButtonManager.GetButton( "cwcimage_12" );
CWCButtonInit_12.bActive = true;
CWCButtonInit_12.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_12.onClick != null)
{
    CWCButtonInit_12.onClick( CWCButtonInit_12, CWCButtonInit_12.xValues );
}
if (CWCButtonInit_12.oGroup != null)
{
    CWCButtonInit_12.oGroup.ActivateButton( CWCButtonInit_12 );
}
var CWCButtonInit_27 = goCWCButtonManager.GetButton( "cwcimage_27" );
CWCButtonInit_27.bActive = true;
CWCButtonInit_27.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_27.onClick != null)
{
    CWCButtonInit_27.onClick( CWCButtonInit_27, CWCButtonInit_27.xValues );
}
if (CWCButtonInit_27.oGroup != null)
{
    CWCButtonInit_27.oGroup.ActivateButton( CWCButtonInit_27 );
}
LegendTemplateWRegisterForEvent29();

UpdateMapRegisterForEvent();

MapTipsRegisterForEvent();

ProjSelectWSetJSAPIProjList();

ScaleBarWRegisterForEvent();

var CWCButtonInit_53 = goCWCButtonManager.GetButton( "cwcimage_53" );
CWCButtonInit_53.bActive = true;
CWCButtonInit_53.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_53.onClick != null)
{
    CWCButtonInit_53.onClick( CWCButtonInit_53, CWCButtonInit_53.xValues );
}
if (CWCButtonInit_53.oGroup != null)
{
    CWCButtonInit_53.oGroup.ActivateButton( CWCButtonInit_53 );
}
ProjectionLabelWRegisterForEvent();

ExtentWRegisterForEvent();

ScaleWRegisterForEvent();

PanMapWInit();

PanMapWRegisterForEvent();

RulerWRegisterForEvent();

KeyMapLayerDivImgOnLoad();

KeyMapWRegisterForEvent();

ExtentHistoryRegisterForEvent();

DisplayErrors();

}
function CWC2OnMouseMoveFunction(e)
{

MapWgetMouse(e);

CursorXMouseMoved(e);

CursorYMouseMoved(e);

QueryWMouseMove(e);

PanMapWMouseMove(e);

RulerWMouseMove(e);

MapNotesWMouseMove(e);

KeyMapWgetMouse(e);

 if ((window.MapWinsideMap && MapWinsideMap()) || (window.KeyMapWinsideKeyMap && KeyMapWinsideKeyMap())) return false; else return true;
}
</SCRIPT>

<title>Chameleon Sample - JSAPI</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<!-- Button Resource for Pan Arrows -->


<!-- Button Resource for Tabs -->


<!-- defaults for NavButton -->


<!-- defaults for Text Buttons -->


<script language="JavaScript" type="text/javascript">
function myOnLoad()
{
  CWC2OnLoadFunction();
   if(typeof goCWCJSAPI != "undefined")
   {
     goCWCJSAPI.RegisterEvent(MAP_SIZE_CHANGED, "LayerAdjustSize");
   }
}
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<link href="sample.css" rel="stylesheet" type="text/css">
</head>

<body onLoad="myOnLoad()">
<form method="post">
 <INPUT TYPE=HIDDEN NAME=CONTEXT VALUE="">

 <INPUT TYPE=HIDDEN NAME=NAV_INPUT_TYPE VALUE="">
 <INPUT TYPE=HIDDEN NAME=NAV_INPUT_COORDINATES VALUE="">

<input type="hidden" name="NAV_INPUT_SUBMIT" value="">
 <INPUT TYPE=HIDDEN NAME=MAP_EXTENTS_MINX VALUE="-2601225.03177">

 <INPUT TYPE=HIDDEN NAME=MAP_EXTENTS_MINY VALUE="-712631">

 <INPUT TYPE=HIDDEN NAME=MAP_EXTENTS_MAXX VALUE="3474025.03177">

 <INPUT TYPE=HIDDEN NAME=MAP_EXTENTS_MAXY VALUE="3840000">

<INPUT TYPE=HIDDEN NAME=MAP_WIDTH VALUE="400">

<INPUT TYPE=HIDDEN NAME=MAP_HEIGHT VALUE="300">

 <INPUT TYPE=HIDDEN NAME=MAP_CURSOR_POS_X VALUE="">

 <INPUT TYPE=HIDDEN NAME=MAP_CURSOR_POS_Y VALUE="">

 <INPUT TYPE=HIDDEN NAME=NAV_CMD VALUE="">

 <INPUT TYPE=HIDDEN NAME=NAV_SUBMIT VALUE="1">

 <INPUT TYPE=HIDDEN NAME=MAP_ORIGINAL_EXTENTS VALUE="-2601225.03177,-712631,3474025.03177,3840000">

 <INPUT TYPE=HIDDEN NAME=MAP_ORIGINAL_PROJ VALUE="+init=epsg:42304">

 <INPUT TYPE=HIDDEN NAME=CURSOR_TYPE VALUE="">

<INPUT TYPE=HIDDEN NAME=LOCATE_ZOOM_TO VALUE="">

<INPUT TYPE=HIDDEN NAME=LOCATE_ADD_ELEMENT VALUE="">

<INPUT TYPE=HIDDEN NAME=LOCATE_LATLONG VALUE="">

<INPUT TYPE=HIDDEN NAME=LOCATE_ELEMENT_TYPE VALUE="">

 <INPUT TYPE=HIDDEN NAME=NAV_QUICKZOOM VALUE="">

 <INPUT TYPE=HIDDEN NAME=SEL_QUICKZOOM VALUE="">

 <INPUT TYPE=HIDDEN NAME=sid VALUE="67be95408611b">
 <INPUT TYPE="HIDDEN" NAME="SELECTED_LAYERS" VALUE="bathymetry">

<INPUT TYPE=HIDDEN NAME=BUTTON_TOOLSET_TopTabs VALUE="">
 <INPUT TYPE=HIDDEN NAME=NAV_INPUT_SRS VALUE="">

<INPUT TYPE=HIDDEN NAME=BUTTON_TOOLSET_SideTabs VALUE="">
 <INPUT TYPE=HIDDEN NAME=LEGENDTEMPLATE_RESET VALUE="">

 <INPUT TYPE="HIDDEN" NAME="LEGENDTEMPLATE_LAYERS" VALUE="bathymetry~~land_fn~~park~~drain_fn~~drainage~~prov_bound~~fedlimit~~rail~~road~~popplace~~grid~~charts~~SmallerExtents">

 <INPUT TYPE=HIDDEN NAME=UPDATE_MAP VALUE="0">
 <INPUT TYPE=HIDDEN NAME=CLEAR_POINTS VALUE="0">
<INPUT TYPE=HIDDEN NAME=SET_MAP_WIDTH VALUE="">

<INPUT TYPE=HIDDEN NAME=SET_MAP_HEIGHT VALUE="">

<INPUT TYPE=HIDDEN NAME=MAPTIPS_LAYER VALUE="">

<INPUT TYPE=HIDDEN NAME=MAPTIPS_ATTRIBUTES VALUE="">

<INPUT TYPE=HIDDEN NAME=MAPTIPS_URL VALUE="">

<INPUT TYPE=HIDDEN NAME=MAPTIPS_UNIQUEID VALUE="">

 <INPUT TYPE=HIDDEN NAME=MAP_PROJECTION VALUE="">
<INPUT TYPE=HIDDEN NAME=LABEL_LAYER VALUE="">

<INPUT TYPE=HIDDEN NAME=LABEL_ATTRIBUTE VALUE="">

<INPUT TYPE=HIDDEN NAME=LABEL_FONT VALUE="">

<INPUT TYPE=HIDDEN NAME=LABEL_FONTSIZE VALUE="">

<INPUT TYPE=HIDDEN NAME=BUTTON_TOOLSET_keymap VALUE="">
 <INPUT TYPE=HIDDEN NAME=KEYMAP_DHTML_MODE VALUE="ZOOM">
 <INPUT TYPE=HIDDEN NAME=KEYMAP_NAV_ALLOW_RECTANGLE VALUE="1">

<INPUT TYPE=HIDDEN NAME=BUTTON_TOOLSET_Navigation VALUE="">
<INPUT TYPE='HIDDEN' NAME='NAV_ALLOW_RECTANGLE' VALUE=''>
<INPUT TYPE=HIDDEN NAME=ShowShapeDetail_LayerName VALUE="">

<INPUT TYPE=HIDDEN NAME=ShowShapeDetail_ShapeId VALUE="">

<INPUT TYPE=HIDDEN NAME=ShowShapeDetail_TileIndex VALUE="">

<INPUT TYPE=HIDDEN NAME=ShowShapeDetail_bZoomShape VALUE="">

 <INPUT TYPE=HIDDEN NAME=KEYMAP_CURSOR_POS_X VALUE="">

 <INPUT TYPE=HIDDEN NAME=KEYMAP_CURSOR_POS_Y VALUE="">

<INPUT TYPE="HIDDEN" NAME="SCALE_ZOOM" VALUE="">

<input type="hidden" name="EXTENTHISTORY_NAVIGATE" value="">
<input type="hidden" name="EXTENTHISTORY_COUNT" value="">
<input type="hidden" name="EXTENTHISTORY_POSITION" value="">
<input type="hidden" name="EXTENTHISTORY_BNAV" value="false">
 <INPUT TYPE="HIDDEN" NAME="LANGUAGE" VALUE="en-CA">

<input type="hidden" name="TopTabsLayerActive" value="TopTabsLayerActive">
<input type="hidden" name="SideTabsLayerActive" value="SideTabsLayerActive">

<div id="TitleLayer" name="TitleLayer">
<!-- TITLE -->
<SPAN CLASS="title">Chameleon Sample - Enhanced Widgets, with Buttonizer and Template Includes</SPAN>
<!-- SESSIONEXPIRED -->

</div>

<div id="TopTabsLayer" name="TopTabsLayer">
  <table border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td><IMG NAME="cwcimage_12" ID="cwcimage_12" SRC="/ms_tmp/buttons/b2217effd568542a0e60df8d75c71401a.png" ALT="Navigation Tools" TITLE="Navigation Tools" BORDER="0" WIDTH="60" HEIGHT="10"></td>
      <td><IMG NAME="cwcimage_13" ID="cwcimage_13" SRC="/ms_tmp/buttons/bfe5cac2b5d7053d3354f625d908354dd.png" ALT="Region of Interest Tools" TITLE="Region of Interest Tools" BORDER="0" WIDTH="60" HEIGHT="10"></td>
    </tr>
  </table>
</div>

<div id="NavToolsLayer" name="NavToolsLayer">
  <table border="0" cellspacing="4" cellpadding="0">
    <tr>
              <!--ZOOMFACTOR -->
      <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td><SPAN CLASS="label">Zoom Factor</SPAN></td>
    <td><input type="text" name="ZOOMFACTOR" size="2" value="2" onChange="changeZoomFactor(this)"></td>
  </tr>
</table>
</td>
      <!-- ZOOMIN -->
      <td><IMG NAME="cwcimage_15" ID="cwcimage_15" SRC="/ms_tmp/buttons/bff3eec1e309b821681e58671246e4aa9.png" ALT="Zoom In" TITLE="Zoom In" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- ZOOMOUT -->
      <td><IMG NAME="cwcimage_16" ID="cwcimage_16" SRC="/ms_tmp/buttons/bd7b79c2ab10b0e04d42d5fcfa3064187.png" ALT="Zoom Out" TITLE="Zoom Out" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- ZOOMALLLAYERS -->
      <td><IMG NAME="cwcimage_17" ID="cwcimage_17" SRC="/ms_tmp/buttons/b2ac898647056112db83f7b677efcc1da.png" ALT="Zoom to Full Extents" TITLE="Zoom to Full Extents" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- BOUNDINGBOXPOPUP-->
            <td><IMG NAME="cwcimage_18" ID="cwcimage_18" SRC="/ms_tmp/buttons/bef55cb7a8408e302a8c52598afa2c397.png" ALT="Zoom to Bounding Box or Point" TITLE="Zoom to Bounding Box or Point" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- RECENTER -->
      <td><IMG NAME="cwcimage_19" ID="cwcimage_19" SRC="/ms_tmp/buttons/bc0da30fef2e57fc9413fef3b597a66bc.png" ALT="Click to recenter" TITLE="Click to recenter" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- QUERY -->
      <td><IMG NAME="cwcimage_20" ID="cwcimage_20" SRC="/ms_tmp/buttons/b33cf3f6faf738ef496ff7b189bf3c425.png" ALT="Identify Feature" TITLE="Identify Feature" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- QUERY -->
      <td><IMG NAME="cwcimage_21" ID="cwcimage_21" SRC="/ms_tmp/buttons/b41105a85d8ef0dc7d74f3cc5e2336ca3.png" ALT="Remove existing query results" TITLE="Remove existing query results" BORDER="0" WIDTH="24" HEIGHT="24"></td>

            <!-- PANMAP-->
            <td><IMG NAME="cwcimage_22" ID="cwcimage_22" SRC="/ms_tmp/buttons/bda8357878e318c8372e8175efb787da9.png" ALT="Pan Map" TITLE="Pan Map" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- RULER-->
            <td><IMG NAME="cwcimage_23" ID="cwcimage_23" SRC="/ms_tmp/buttons/b7000c45f9bb12d3c2b5ab7a83a967fdf.png" ALT="Measure Distance" TITLE="Measure Distance" BORDER="0" WIDTH="24" HEIGHT="24"></td>

   <td><IMG NAME="cwcimage_24" ID="cwcimage_24" SRC="/ms_tmp/buttons/b110bece2a608d639d6b838711398753f.png" ALT="Go Back" TITLE="Go Back" BORDER="0" WIDTH="24" HEIGHT="24"></td>
   <td><IMG NAME="cwcimage_25" ID="cwcimage_25" SRC="/ms_tmp/buttons/bf930c4a08a15ea84131073a278d054e8.png" ALT="Go Forward" TITLE="Go Forward" BORDER="0" WIDTH="24" HEIGHT="24"></td>
          <td><IMG NAME="cwcimage_26" ID="cwcimage_26" SRC="/ms_tmp/buttons/b54887097762b23b69c050e1936879a3c.png" ALT="MapNotes" TITLE="MapNotes" BORDER="0" WIDTH="24" HEIGHT="24"></td> 
    </tr>
  </table>
</div>

<div id="ROIToolsLayer" name="ROIToolsLayer">
  <table border="0" cellspacing="4" cellpadding="0">
    <tr>
      <td>These are part of the ROI widgets pack</td>
    </tr>
  </table>
</div>

<div id="SideTabsLayer" name="SideTabsLayer">
  <table border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td><IMG NAME="cwcimage_27" ID="cwcimage_27" SRC="/ms_tmp/buttons/be57cbf03e3cc6364f66e8e2b16c34029.png" ALT="Legend" TITLE="Legend" BORDER="0" WIDTH="60" HEIGHT="10"></td>
      <td><IMG NAME="cwcimage_28" ID="cwcimage_28" SRC="/ms_tmp/buttons/b90eeda948763311dc2e359ca70340bc7.png" ALT="Other Tools" TITLE="Other Tools" BORDER="0" WIDTH="60" HEIGHT="10"></td>
    </tr>
  </table>
</div>

<div id="LegendLayer" name="LegendLayer">
<div name="legendTemplateDiv29" id="legendTemplateDiv29"><table>
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('SmallerExtents', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="SmallerExtents" onclick="ChangeLayerStatus('SmallerExtents')"
    
    ></td>
    <td><img src="/ms_tmp/1740543296_12_0_20_18_s0_f40000_ffffffff_ffffffff_5__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('SmallerExtents');"><span class="label">SmallerExtents</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('charts', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="charts" onclick="ChangeLayerStatus('charts')"
    
    ></td>
    <td><img src="/ms_tmp/1740543296_11_0_20_18_s0_ff0000_ffffffff_ffffffff_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('charts');"><span class="label">charts</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('grid', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="grid" onclick="ChangeLayerStatus('grid')"
    
    ></td>
    <td><img src="/ms_tmp/1740543296_10_0_20_18_s0_0_ffffffff_ffffffff_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('grid');"><span class="label">grid</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('popplace', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="popplace" onclick="ChangeLayerStatus('popplace')"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1740543296_9_0_20_18_s0_0_ffffffff_ffffffff_2__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('popplace');"><span class="label">popplace</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('road', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="road" onclick="ChangeLayerStatus('road')"
    
    ></td>
    <td><img src="/ms_tmp/1740543296_8_0_20_18_s0_dc0000_ffffffff_ffffffff_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('road');"><span class="label">road</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('rail', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="rail" onclick="ChangeLayerStatus('rail')"
    
    ></td>
    <td><img src="/ms_tmp/1740543296_7_0_20_18_s0_a800b8_ffffffff_ffffffff_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('rail');"><span class="label">rail</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('fedlimit', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="fedlimit" onclick="ChangeLayerStatus('fedlimit')"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1740543296_6_0_20_18_s0_77ff_ffffffff_ffffffff_3__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('fedlimit');"><span class="label">fedlimit</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('prov_bound', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="prov_bound" onclick="ChangeLayerStatus('prov_bound')"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1740543296_5_0_20_18_s0_787878_ffffffff_ffffffff_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('prov_bound');"><span class="label">prov_bound</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('drainage', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="drainage" onclick="ChangeLayerStatus('drainage')"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1740543296_4_0_20_18_s0_e1f9ff_ffffffff_baeaf5_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('drainage');"><span class="label">drainage</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('drain_fn', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="drain_fn" onclick="ChangeLayerStatus('drain_fn')"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1740543296_3_0_20_18_s0_e1f9ff_ffffffff_baeaf5_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('drain_fn');"><span class="label">drain_fn</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('park', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="park" onclick="ChangeLayerStatus('park')"
    
    ></td>
    <td><img src="/ms_tmp/1740543296_2_0_20_18_s0_c8ff00_ffffffff_787878_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('park');"><span class="label">park</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('land_fn', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="land_fn" onclick="ChangeLayerStatus('land_fn')"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1740543296_1_0_20_18_s0_f0f0f0_ffffffff_c7c7c7_0__360.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('land_fn');"><span class="label">land_fn</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('bathymetry', true)" CHECKED ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" value="bathymetry" onclick="ChangeLayerStatus('bathymetry')"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1740543296_0_0_20_18_.gif" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('bathymetry');"><span class="label">bathymetry</span></a></td>
  </tr>
    
    
</table></div>
<IMG NAME="cwcimage_30" ID="cwcimage_30" SRC="/ms_tmp/buttons/b511cd5ca0ccdbdc5e06e044f0bd4ec8b.png" ALT="update map" TITLE="update map" BORDER="0" WIDTH="120" HEIGHT="24">
</div>

<div id="OtherToolsLayer" name="OtherToolsLayer">
  <table width="100%" border="0" cellspacing="4" cellpadding="0">
       <tr>
      <!-- ERRORREPORT -->
      <td><IMG NAME="cwcimage_31" ID="cwcimage_31" SRC="/ms_tmp/buttons/bead8d413f4e13029fdc8df00e98ef4b3.png" ALT="Display Error Report" TITLE="Display Error Report" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>

       <tr>
      <!-- LOCATE -->
      <td><IMG NAME="cwcimage_32" ID="cwcimage_32" SRC="/ms_tmp/buttons/bc5366cfc810a24d48b3195d152fea6ac.png" ALT="Find a place or NTS Sheet" TITLE="Find a place or NTS Sheet" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- CLEARPOINTS -->
      <td><IMG NAME="cwcimage_33" ID="cwcimage_33" SRC="/ms_tmp/buttons/b4d46c2290c0ac57de9f09248ac2d25ae.png" ALT="Clear points" TITLE="Clear points" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- LEGENDTEMPLATE -->
      <td><IMG NAME="cwcimage_34" ID="cwcimage_34" SRC="/ms_tmp/buttons/b32497a4f8628ef5f6106111277248c90.png" ALT="Display Popup Legend" TITLE="Display Popup Legend" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- MAPSIZE -->
      <td><IMG NAME="cwcimage_35" ID="cwcimage_35" SRC="/ms_tmp/buttons/b7c2beb439d5a307eb3f25c8d6fc1261f.png" ALT="Set Map Size" TITLE="Set Map Size" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- MAPTIPS -->
      <script type="text/javascript">
      function myMaptipsOver(e, content)
      {
          e = (e)?e:((event)?event:null);
          var d = document.getElementById('myMaptipsLayer');
          if (d == null)
          {
              d = document.createElement( 'div' );
              d.id = 'myMaptipsLayer';
              document.body.appendChild(d);
              d.setAttribute( 'style', 'position:absolute; top:-1000px; left:-1000px; width:100px; height: 16px; background-color:#ffffcf; font-family:arial; font-size:12px; z-index:100; border: 1px solid #00000;' );
              d.style.position = 'absolute';
              d.style.top = "-1000px";
              d.style.left = "-1000px";
              d.style.width = "100px";
              d.style.height = "16px";
              d.style.backgroundColor = "#ffffcf";
              d.style.border = "1px solid #000000";
              d.style.fontFamily = "arial";
              d.style.fontSize = "12px";
              d.style.zIndex = 100;
          }
          d.style.top = (e.clientY + 10) + "px";
          d.style.left = (e.clientX + 10) + "px";
          d.style.height = (16 * content.length)+"px";
          d.style.visibility = "visible";
          var sep = "";
          var result = "";
          for (var i=0;i<content.length; i++)
          {
              result = result + sep + content[i];
              sep = "<br>";
          }
          d.innerHTML = result;
      }

      function myMaptipsOut(e, content)
      {
          e = (e)?window.event:e;
          var d = document.getElementById('myMaptipsLayer');
          if (d)
          {
              d.style.visibility = "hidden";
          }
      }
      </script>
      <td><div id="MapTipsImageMapDiv" name="MapTipsImageMapDiv"><map id="maptips_imagemap36" name="maptips_imagemap36">
</map><map name="nullmap"></map>
</div>

<a href="#" onclick='clickMapTipsPopup(null, "")'><IMG NAME="cwcimage_36" ID="cwcimage_36" SRC="/ms_tmp/buttons/bdaa5694949e9637c0fe1db9ca9aa5b69.png" ALT="" TITLE="" BORDER="0" WIDTH="120" HEIGHT="24"></a>
      </td>
    </tr>
    <tr>
      <!-- PRINTWIDGET -->
      <td><IMG NAME="cwcimage_37" ID="cwcimage_37" SRC="/ms_tmp/buttons/be2e785a40bed413413eaeb7fa060d1f3.png" ALT="Download printable image" TITLE="Download printable image" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- PROJECTIONSELECTOR -->
      <td><IMG NAME="cwcimage_38" ID="cwcimage_38" SRC="/ms_tmp/buttons/b1cd89cd7473a8b57f33d10b9436f9853.png" ALT="Change to a new Projection" TITLE="Change to a new Projection" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- QUICKZOOM -->
      <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td><SPAN CLASS="label">Quick View:</SPAN></td>
  </tr>
  <tr>
    <td><SELECT NAME="QUICK_ZOOM" SIZE="1" onfocus="quickZoomSaveNavCmd()" onfocus="quickZoomRestoreNavCmd()" onchange="changeQuickZoom(this)" CLASS="LABEL">
<OPTION VALUE="">Select a location</OPTION>
<OPTION VALUE="-2200000,-712631;3072800,3840000|epsg:42304" >Canada</OPTION>
<OPTION VALUE="-139.061,48.308;-114.054,60|epsg:4326" >British Columbia</OPTION>
<OPTION VALUE="-120.001,48.997;-110,60|epsg:4326" >Alberta</OPTION>
<OPTION VALUE="-110.008,48.999;-101.365,60|epsg:4326" >Saskatchewan</OPTION>
<OPTION VALUE="-102,48.999;-88.986,60|epsg:4326" >Manitoba</OPTION>
<OPTION VALUE="-95.156,41.677;-74.32,56.859|epsg:4326" >Ontario</OPTION>
<OPTION VALUE="-79.783,44.991;-57.105,62.585|epsg:4326" >Quebec</OPTION>
<OPTION VALUE="-69.053,44.567;-63.778,48.065|epsg:4326" >New Brunswick</OPTION>
<OPTION VALUE="-66.392,43.392;-59.694,47.229|epsg:4326" >Nova Scotia</OPTION>
<OPTION VALUE="-64.418,45.947;-61.985,47.06|epsg:4326" >Prince Edward Island</OPTION>
<OPTION VALUE="-67.822,46.614;-52.636,60.378|epsg:4326" >Newfoundland</OPTION>
<OPTION VALUE="-141.002,60;-123.789,69.647|epsg:4326" >Yukon</OPTION>
<OPTION VALUE="-136.469,59.999;-102,78.761|epsg:4326" >Northwest Territories</OPTION>
<OPTION VALUE="-120.681,51.648;-61.135,83.111|epsg:4326" >Nunavut</OPTION>
</SELECT>
</td>
    <td></td>
  </tr>
</table>

      </td>
    </tr>
        <tr>
      <td>
      <IMG NAME="cwcimage_40" ID="cwcimage_40" SRC="/ms_tmp/buttons/bda0e681736c669035a78327fbf655199.png" ALT="Add Labels to a layer in the current map." TITLE="Add Labels to a layer in the current map." BORDER="0" WIDTH="120" HEIGHT="24">
	 </td>
  </tr>
  </table>
</div>

<div id="PanArrowsLayer" name="PanArrowsLayer">
  <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="f0f0f0" class="grey_border">
    <tr valign="top">
      <!-- COMPASSPOINT - NORTHWEST -->
      <td align="left"><IMG NAME="cwcimage_41" ID="cwcimage_41" SRC="/ms_tmp/buttons/b805b4d8a07962f08670888fcef1e5d6e.png" ALT="Pan NorthWest" TITLE="Pan NorthWest" BORDER="0" WIDTH="50" HEIGHT="50"></td>
      <!-- COMPASSPOINT - NORTH -->
      <td align="center"><IMG NAME="cwcimage_42" ID="cwcimage_42" SRC="/ms_tmp/buttons/b858defe2a4e6a2fb230434a3387dd3f5.png" ALT="Pan North" TITLE="Pan North" BORDER="0" WIDTH="50" HEIGHT="50"></td>
      <!-- COMPASSPOINT - NORTHEAST -->
      <td align="right"><IMG NAME="cwcimage_43" ID="cwcimage_43" SRC="/ms_tmp/buttons/b99ac55f069cee1a3c8f1aa08b7e117b5.png" ALT="Pan NorthEast" TITLE="Pan NorthEast" BORDER="0" WIDTH="50" HEIGHT="50"></td>
    </tr>
    <tr valign="middle">
      <!-- COMPASSPOINT - WEST -->
      <td align="left"><IMG NAME="cwcimage_44" ID="cwcimage_44" SRC="/ms_tmp/buttons/bffd42d5272d63a7ac5de041b1d44b0f9.png" ALT="Pan West" TITLE="Pan West" BORDER="0" WIDTH="50" HEIGHT="50"></td>
      <td align="center">&nbsp;</td>
      <!-- COMPASSPOINT - EAST -->
      <td align="right"><IMG NAME="cwcimage_45" ID="cwcimage_45" SRC="/ms_tmp/buttons/b1c93b758c2e836656e658b1bd874cffd.png" ALT="Pan East" TITLE="Pan East" BORDER="0" WIDTH="50" HEIGHT="50"></td>
    </tr>
    <tr valign="bottom">
      <!-- COMPASSPOINT - SOUTHWEST -->
      <td align="left"><IMG NAME="cwcimage_46" ID="cwcimage_46" SRC="/ms_tmp/buttons/bf45ff2a65ba75e514d33c5532e8ac609.png" ALT="Pan SouthWest" TITLE="Pan SouthWest" BORDER="0" WIDTH="50" HEIGHT="50"></td>
      <!-- COMPASSPOINT - SOUTH -->
      <td align="center"><IMG NAME="cwcimage_47" ID="cwcimage_47" SRC="/ms_tmp/buttons/b98550417cd77cae3bb4e49efbf779b1c.png" ALT="Pan South" TITLE="Pan South" BORDER="0" WIDTH="50" HEIGHT="50"></td>
      <!-- COMPASSPOINT - SOUTHEAST -->
      <td align="right"><IMG NAME="cwcimage_48" ID="cwcimage_48" SRC="/ms_tmp/buttons/be0cf64e8c13da39358a66af301b94068.png" ALT="Pan SouthEast" TITLE="Pan SouthEast" BORDER="0" WIDTH="50" HEIGHT="50"></td>
    </tr>
  </table>
</div>

<div id="MainMapLayer" name="MainMapLayer">
<!-- MapDHTML -->
<table cellpadding="0" cellspacing="0" border="0">
<tr>
    <td bgcolor="#000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" width="1" height="1" id="mapFrameTL" name="mapFrameTL"></td>
    <td bgcolor="#000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" width="1" height="1"></td>
    <td bgcolor="#000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" width="1" height="1" id="mapFrameTR" name="mapFrameTR"></td>
  </tr>
  <tr>
    <td bgcolor="#000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" width="1" height="1"></td>
    <td><a name="mapanchor" ><IMG SRC="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" WIDTH="400" HEIGHT="300" NAME="mapimage" id="mapimage" border="0"></a></td>
    <td bgcolor="#000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" width="1" height="1"></td>
  </tr>
  <tr>
    <td bgcolor="#000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" width="1" height="1" id="mapFrameBL" name="mapFrameBL"></td>
    <td bgcolor="#000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" width="1" height="1"></td>
    <td bgcolor="#000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" galleryimg="no" width="1" height="1" id="mapFrameBR" name="mapFrameBR"></td>
  </tr>
</table>
</div>

<div id="ReferenceLayer" name="ReferenceLayer">
<table width="100%" border="0" cellspacing="4" cellpadding="0">
  <tr>
    <!-- SCALEBAR -->
    <td colspan="3" align="center"><IMG src="/ms_tmp//TNcA8iCN.png" width="42" height="42">
 &nbsp; <img src="/ms_tmp/67be9540_408a_0.png" name="ScaleBarImg" onLoad="ScalebarLoaded()" width="250" height="27" border="0"></td>
  </tr>
  <tr>
    <!-- KEYMAP -->
    <td rowspan="5" align="center">
        <table cellpadding="0" cellspacing="0" border="0">
<tr>
    <td bgcolor="000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="1" height="1" id="keymapFrameTL" name="keymapFrameTL"></td>
    <td bgcolor="000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="1" height="1"></td>
    <td bgcolor="000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="1" height="1" id="keymapFrameTR" name="keymapFrameTR"></td>
  </tr>
  <tr>
    <td bgcolor="000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="1" height="1"></td>
    <td><a name="keymapanchor" ><IMG SRC="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" WIDTH="120" HEIGHT="90" NAME="KEYMAPDHTML_1" id="KEYMAPDHTML_1" border="0"></a></td>
    <td bgcolor="000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="1" height="1"></td>
  </tr>
  <tr>
    <td bgcolor="000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="1" height="1" id="keymapFrameBL" name="keymapFrameBL"></td>
    <td bgcolor="000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="1" height="1"></td>
    <td bgcolor="000000"><img src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" width="1" height="1" id="keymapFrameBR" name="keymapFrameBR"></td>
  </tr>
</table>
        <IMG NAME="cwcimage_53" ID="cwcimage_53" SRC="/ms_tmp/buttons/b0ade0f1f392e9b1b16a5dec2c8cf6a82.png" ALT="" TITLE="" BORDER="0" WIDTH="9" HEIGHT="9">
        <IMG NAME="cwcimage_54" ID="cwcimage_54" SRC="/ms_tmp/buttons/b20d1372d0622f17c3c4b14aa23628320.png" ALT="" TITLE="" BORDER="0" WIDTH="9" HEIGHT="9">
    </td>
    <!-- PROJECTIONLABEL -->
    <td colspan="2"><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td><SPAN CLASS="label">Projection:</SPAN></td>
    <td><input CLASS="inputBox" type="text" name="txtProjectionLabel" value="NAD 83 / NRCan LCC Canada" size="25" readonly></td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <!-- MINX EXTENT-->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Left: </SPAN></td>
    <td><input CLASS="inputBox" type="text" name="Extent_MINX" value="-2601225"  size="20" readonly></td>
  </tr>
</table>
</td>
    <!-- MAPUNITS -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Map Units: </SPAN></td>
    <td><P CLASS="inputBox">Metre</P></td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <!-- MAXX EXTENT -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Right: </SPAN></td>
    <td><input CLASS="inputBox" type="text" name="Extent_MAXX" value="3474025"  size="20" readonly></td>
  </tr>
</table>
</td>
    <td><p class="label"><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Dist:</SPAN></td>
    <td><input CLASS="inputBox" type="text" name="RULER_RESULT" value=""  size="20" readonly></td>
  </tr>
</table>
</p></td>
  </tr>
  <tr>
    <!-- MINY EXTENT -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Bottom: </SPAN></td>
    <td><input CLASS="inputBox" type="text" name="Extent_MINY" value="-712631"  size="20" readonly></td>
  </tr>
</table>
</td>
    <!-- CURSOR X POSITION -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Mouse X: </SPAN></td>
    <td><input CLASS="inputBox" type="text" name="CursorPos_X" id="CursorPos_X" value=""  size="20" readonly></td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <!-- MAXY EXTENT -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Top: </SPAN></td>
    <td><input CLASS="inputBox" type="text" name="Extent_MAXY" value="3840000"  size="20" readonly></td>
  </tr>
</table>
</td>
    <!-- CURSOR Y POSITION -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Mouse Y: </SPAN></td>
    <td><input CLASS="inputBox" type="text" name="CursorPos_Y" id="CursorPos_Y" value=""  size="20" readonly></td>
  </tr>
</table>
</td>
  </tr>
</table>
</div>

<div id="ScaleZoomLayer" name="ScaleZoomLayer">
<table border="0" cellpadding="2" cellspacing="0">
<tr><td><span class="label">Scale<br>Zoom:</span></td>
<td colspan="2"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onClick="clickScaleValue(42000000);"><img src="http://879566.lpdtradehk.tech/chameleon///skins/default/images/zoom_h_out.gif" title="Zoom Out to 1:42000000" alt="Zoom Out to 1:42000000" border="0"></a></td>
<td><a href="#" onClick="clickScaleValue(42000000);"><img src="http://879566.lpdtradehk.tech/chameleon///skins/default/images/zoom_h_1.gif" width="14" height="22" title="Zoom to 1:42000000" alt="Zoom to 1:42000000" border="0"></a></td><td><a href="#" onClick="clickScaleValue(21000000);"><img src="http://879566.lpdtradehk.tech/chameleon///skins/default/images/zoom_h_2.gif" width="14" height="22" title="Zoom to 1:21000000" alt="Zoom to 1:21000000" border="0"></a></td><td><a href="#" onClick="clickScaleValue(10500000);"><img src="http://879566.lpdtradehk.tech/chameleon///skins/default/images/zoom_h_3.gif" width="14" height="22" title="Zoom to 1:10500000" alt="Zoom to 1:10500000" border="0"></a></td><td><a href="#" onClick="clickScaleValue(5250000);"><img src="http://879566.lpdtradehk.tech/chameleon///skins/default/images/zoom_h_4.gif" width="14" height="22" title="Zoom to 1:5250000" alt="Zoom to 1:5250000" border="0"></a></td><td><a href="#" onClick="clickScaleValue(2125000);"><img src="http://879566.lpdtradehk.tech/chameleon///skins/default/images/zoom_h_5.gif" width="14" height="22" title="Zoom to 1:2125000" alt="Zoom to 1:2125000" border="0"></a></td><td><a href="#" onClick="clickScaleValue(1000000);"><img src="http://879566.lpdtradehk.tech/chameleon///skins/default/images/zoom_h_6.gif" width="14" height="22" title="Zoom to 1:1000000" alt="Zoom to 1:1000000" border="0"></a></td><td><a href="#" onClick="clickScaleValue(21000000);"><img src="http://879566.lpdtradehk.tech/chameleon///skins/default/images/zoom_h_in.gif" title="Zoom In to 1:21000000" alt="Zoom In to 1:21000000" border="0"></a></td></tr></table>

</td>
</tr>
<tr>
<td><span class="label">Ground<br>Scale:</span></td>
<td><INPUT CLASS="CWCScaleWidgetClass" OnKeyPress="KeyPressed(arguments[0])" NAME="SCALE" TYPE="TEXT" VALUE="43160879" size="8"></td>
<td><IMG NAME="cwcimage_66" ID="cwcimage_66" SRC="/ms_tmp/buttons/b703c3e1aced56dbe9808f8a562bf14de.png" ALT="Apply scale" TITLE="Apply scale" BORDER="0" WIDTH="24" HEIGHT="24"></td>
</tr>
</table></div>

<!-- include the javascript code that manages the DHTML layers -->
<script language="JavaScript" src="sample.js" type="text/javascript"></script>

</form>
</body>

<script LANGUAGE="JavaScript" type="text/javascript">

CWCJSAPIWInit();

var gMapDHTMLForm = document.forms[0];

MapWidgetInitVariables();

oButton =  new CWCButton("cwcimage_32", 0, "null", onClickLocate, null, "/ms_tmp/buttons/bc5366cfc810a24d48b3195d152fea6ac.png", "/ms_tmp/buttons/bdcd6b217d0692dfe968513a5e2ba88c6.png", "/ms_tmp/buttons/be781e306cf1c0609d8ef3aa6eee52326.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

goEventManager.registerEventID( 'LAYER_SELECTION_CHANGED' );

oButton =  new CWCButton("cwcimage_12", 2, "TopTabs", ShowNavToolsLayer, null, "/ms_tmp/buttons/ba9f3dc22afe77fc4779ad20961722cb9.png", "/ms_tmp/buttons/b70c1fb08f23f076b3364b43616bac251.png", "/ms_tmp/buttons/b2217effd568542a0e60df8d75c71401a.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_13", 2, "TopTabs", ShowROIToolsLayer, null, "/ms_tmp/buttons/bfe5cac2b5d7053d3354f625d908354dd.png", "/ms_tmp/buttons/bf5adf3638c29c2429bc17f676ef6993f.png", "/ms_tmp/buttons/bdee3e2554e781dc81ed17a25b84d4dfc.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_18", 0, "null", clickBoundingBoxPopup, null, "/ms_tmp/buttons/bef55cb7a8408e302a8c52598afa2c397.png", "/ms_tmp/buttons/bc1492d011a29ffba4a28ec05a34a1155.png", "/ms_tmp/buttons/b1446eb6872015086f2415aaa199a0d4f.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_21", 0, "null", clickClearQueryResults, null, "/ms_tmp/buttons/b41105a85d8ef0dc7d74f3cc5e2336ca3.png", "/ms_tmp/buttons/b4dc3f3b88a62403dee3601e3c7fc4e3d.png", "/ms_tmp/buttons/bd4eabe14b9488edea1ae872e2483d6a3.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_27", 2, "SideTabs", ShowLegendLayer, null, "/ms_tmp/buttons/bb7284ba2e6f977f1216cd57097ed42d2.png", "/ms_tmp/buttons/b7df242e260e0cad349d27ee3d04f8338.png", "/ms_tmp/buttons/be57cbf03e3cc6364f66e8e2b16c34029.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_28", 2, "SideTabs", ShowOtherToolsLayer, null, "/ms_tmp/buttons/b90eeda948763311dc2e359ca70340bc7.png", "/ms_tmp/buttons/be797d7121c1965ddd4d51971df739d47.png", "/ms_tmp/buttons/b447532bff1c4e015dcdb8c0bc8ef2c8e.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_30", 0, "null", clickUpdateMap, null, "/ms_tmp/buttons/b511cd5ca0ccdbdc5e06e044f0bd4ec8b.png", "/ms_tmp/buttons/b5a7f916438204ba9d40b7c247ed58da8.png", "/ms_tmp/buttons/b5ce391929e91093afb33f065fa410cec.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_33", 0, "null", clickClearPoints, null, "/ms_tmp/buttons/b4d46c2290c0ac57de9f09248ac2d25ae.png", "/ms_tmp/buttons/b45f61003e7b47b990e85195103ba9fdb.png", "/ms_tmp/buttons/b6bbe30e11f510f86b6026d3ef6933c9c.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_34", 0, "null", LegendTemplatePopup, "34", "/ms_tmp/buttons/b32497a4f8628ef5f6106111277248c90.png", "/ms_tmp/buttons/bffd403e416c90bcb5ad73895a1e29441.png", "/ms_tmp/buttons/bcff147c2a0478ec5fba1c1723806f83c.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_35", 0, "null", launchPopin, null, "/ms_tmp/buttons/b7c2beb439d5a307eb3f25c8d6fc1261f.png", "/ms_tmp/buttons/befed14ab46fe7bd327b7306eedc3da69.png", "/ms_tmp/buttons/b94297d77099924f5d8e3d90dc36faab6.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

MapTipsCreateDHTMLLayers();

oButton =  new CWCButton("cwcimage_37", 0, "null", clickPrintPopup, null, "/ms_tmp/buttons/be2e785a40bed413413eaeb7fa060d1f3.png", "/ms_tmp/buttons/b67b0964d2dead1ab5132cdacc8fb7225.png", "/ms_tmp/buttons/ba1b8435cffc88017ed017d9f6ac7ce2d.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_38", 0, "null", clickProjectionSelectorPopup, null, "/ms_tmp/buttons/b1cd89cd7473a8b57f33d10b9436f9853.png", "/ms_tmp/buttons/bfa4202e1d8d93389082bc4cbda0aedbe.png", "/ms_tmp/buttons/b2d82edcc108bd06f7cb7982c9479cd38.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_40", 0, "null", clickLayerLabelsPopup, null, "/ms_tmp/buttons/bda0e681736c669035a78327fbf655199.png", "/ms_tmp/buttons/b68b7061e9a99a96f4d3516e542dd4799.png", "/ms_tmp/buttons/be19ce6702c6d1e1db54e82e618d3363a.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_53", 2, "keymap", CWCKeyMapDHTMLModeSet, "ZOOM", "/ms_tmp/buttons/b478fc17442c2ff40b24dbffe807a3007.png", "/ms_tmp/buttons/bfaf0458add2e3c3394e1f4ac0eb965cd.png", "/ms_tmp/buttons/b0ade0f1f392e9b1b16a5dec2c8cf6a82.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_54", 2, "keymap", CWCKeyMapDHTMLModeSet, "RECENTER", "/ms_tmp/buttons/b20d1372d0622f17c3c4b14aa23628320.png", "/ms_tmp/buttons/b456496922b66720651171e654f2568fd.png", "/ms_tmp/buttons/b27762df94df5bb3b113fbc608bf1b33d.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_66", 0, "null", clickUpdateMap, null, "/ms_tmp/buttons/b703c3e1aced56dbe9808f8a562bf14de.png", "/ms_tmp/buttons/bf0695ec987e7f4b32892cd597a30ce73.png", "/ms_tmp/buttons/b6c14dbb527de1906bcff42dd23ef9d04.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_15", 2, "Navigation", NavSetActiveTool, new Array("15","ZOOM_IN","1","0","AUTO","1"), "/ms_tmp/buttons/bff3eec1e309b821681e58671246e4aa9.png", "/ms_tmp/buttons/b79d7b9165dd0932d42e26915fc0fb8e2.png", "/ms_tmp/buttons/b08b2b4a1d1542684772c8a96be2b43a7.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

goEventManager.registerEventID( 'NAV_TOOL_CHANGED' );

oButton =  new CWCButton("cwcimage_16", 2, "Navigation", NavSetActiveTool, new Array("16","ZOOM_OUT","0","0","AUTO","1"), "/ms_tmp/buttons/bd7b79c2ab10b0e04d42d5fcfa3064187.png", "/ms_tmp/buttons/bf1d4c76510cefbaa5d99d60672f7598c.png", "/ms_tmp/buttons/b7cc04115f7f7b38bb56ec73930aad261.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_17", 0, "null", NavSetActiveTool, new Array("17","ZOOM_FULL","0","1","AUTO","1"), "/ms_tmp/buttons/b2ac898647056112db83f7b677efcc1da.png", "/ms_tmp/buttons/bc9a2495b3d8308f61360569284f4606b.png", "/ms_tmp/buttons/b49f041dd05e989e8472476490fe1e849.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_19", 2, "Navigation", NavSetActiveTool, new Array("19","RECENTER","0","0","AUTO","1"), "/ms_tmp/buttons/bc0da30fef2e57fc9413fef3b597a66bc.png", "/ms_tmp/buttons/b69af5f499f30b4f3f85b67e3e7eb8b3a.png", "/ms_tmp/buttons/b0bca23b324342ed0a749e9b89fa692ad.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_20", 2, "Navigation", NavSetActiveTool, new Array("20","QUERY","1","0","AUTO","0"), "/ms_tmp/buttons/b33cf3f6faf738ef496ff7b189bf3c425.png", "/ms_tmp/buttons/b9778abc09b235980b0b431d3f874ceb2.png", "/ms_tmp/buttons/b2d7bddc216cb69a07a90f64aad2a5159.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

goEventManager.registerEventID( 'ON_QUERY' );

goEventManager.registerEventID( 'ON_QUERYSHOWSHAPEDETAIL' );

oButton =  new CWCButton("cwcimage_22", 2, "Navigation", NavSetActiveTool, new Array("22","PAN_MAP","0","0","AUTO","0"), "/ms_tmp/buttons/bda8357878e318c8372e8175efb787da9.png", "/ms_tmp/buttons/bb9762762e2443110de37618202c995e5.png", "/ms_tmp/buttons/b025724519884b3eca543314c6c81ba7d.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_23", 2, "Navigation", NavSetActiveTool, new Array("23","RULER","0","0","AUTO","0"), "/ms_tmp/buttons/b7000c45f9bb12d3c2b5ab7a83a967fdf.png", "/ms_tmp/buttons/b427e9204fbf9dde1819b8601d581b0d8.png", "/ms_tmp/buttons/bf22bf6543ac208257e27c1efa0475532.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

RulerInit();

oButton =  new CWCButton("cwcimage_26", 2, "Navigation", NavSetActiveTool, new Array("26","ADD_MAPNOTE","0","0","AUTO","0"), "/ms_tmp/buttons/b54887097762b23b69c050e1936879a3c.png", "/ms_tmp/buttons/b96c4b0ea9949ea0e143d0c4b7743b134.png", "/ms_tmp/buttons/b49fe028654c46e7afed5c8431da0f3b8.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

MapNotesInit();

oButton =  new CWCButton("cwcimage_41", 0, "null", NavSetActiveTool, new Array("41","COMPASS_POINT_northwest","0","1","AUTO","1"), "/ms_tmp/buttons/b805b4d8a07962f08670888fcef1e5d6e.png", "/ms_tmp/buttons/b49c3ec1c4d1e34bdcbc05f40650f6589.png", "/ms_tmp/buttons/ba83015591bd35423ca6e71b9ada01039.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_42", 0, "null", NavSetActiveTool, new Array("42","COMPASS_POINT_north","0","1","AUTO","1"), "/ms_tmp/buttons/b858defe2a4e6a2fb230434a3387dd3f5.png", "/ms_tmp/buttons/b219be77561681c83d2ba7817593c0a6f.png", "/ms_tmp/buttons/b3c30c67fe7f7f056e6fcf2394f317b1f.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_43", 0, "null", NavSetActiveTool, new Array("43","COMPASS_POINT_northeast","0","1","AUTO","1"), "/ms_tmp/buttons/b99ac55f069cee1a3c8f1aa08b7e117b5.png", "/ms_tmp/buttons/ba714bc01b3c817c683fca7dd5be0acd3.png", "/ms_tmp/buttons/b5443a5efe1d2b9955abef65c67b8a9da.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_44", 0, "null", NavSetActiveTool, new Array("44","COMPASS_POINT_west","0","1","AUTO","1"), "/ms_tmp/buttons/bffd42d5272d63a7ac5de041b1d44b0f9.png", "/ms_tmp/buttons/b68789ebb571f53df3d714dee72896060.png", "/ms_tmp/buttons/be8cc7f133804ad6b72d362aadc08301d.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_45", 0, "null", NavSetActiveTool, new Array("45","COMPASS_POINT_east","0","1","AUTO","1"), "/ms_tmp/buttons/b1c93b758c2e836656e658b1bd874cffd.png", "/ms_tmp/buttons/bee37a9cfdf23bf6dd15016816f00ba13.png", "/ms_tmp/buttons/baa21d983264ded7a5cfb671b7fa56505.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_46", 0, "null", NavSetActiveTool, new Array("46","COMPASS_POINT_southwest","0","1","AUTO","1"), "/ms_tmp/buttons/bf45ff2a65ba75e514d33c5532e8ac609.png", "/ms_tmp/buttons/b78133921147b86e1fde18cc23d17cfce.png", "/ms_tmp/buttons/be184ea8f1d13914f4db28b23c5d9f276.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_47", 0, "null", NavSetActiveTool, new Array("47","COMPASS_POINT_south","0","1","AUTO","1"), "/ms_tmp/buttons/b98550417cd77cae3bb4e49efbf779b1c.png", "/ms_tmp/buttons/b735aba512dddb49dfe0368733bd1323f.png", "/ms_tmp/buttons/b655183ed4bfeca67971dd067938eb120.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_48", 0, "null", NavSetActiveTool, new Array("48","COMPASS_POINT_southeast","0","1","AUTO","1"), "/ms_tmp/buttons/be0cf64e8c13da39358a66af301b94068.png", "/ms_tmp/buttons/b338c80fef577b58ec7b6827fd3f63515.png", "/ms_tmp/buttons/bdf48c4e4f9ad9f1c8423d2fd76ffae31.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

KeyMapWidgetInitVariables();

oButton =  new CWCButton("cwcimage_24", 0, "null", ExtentHistory_Navigate, "backward", "/ms_tmp/buttons/b110bece2a608d639d6b838711398753f.png", "/ms_tmp/buttons/b5027b0086492b9b0a8297ea9dbf82ab1.png", "/ms_tmp/buttons/b2cde6401cd3dec6eaa7255c807feda1b.png", "/ms_tmp/buttons/b9261c6c3d1dc4c32dbeb42ac870b3962.png");
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;oButton.SetState( CWCBUTTONSTATE_DISABLED );
goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_25", 0, "null", ExtentHistory_Navigate, "forward", "/ms_tmp/buttons/bf930c4a08a15ea84131073a278d054e8.png", "/ms_tmp/buttons/bf1ae8ff386e62b7831e1eefa96904c21.png", "/ms_tmp/buttons/bdf100da5332edf421a8d89733a71b760.png", "/ms_tmp/buttons/b9261c6c3d1dc4c32dbeb42ac870b3962.png");
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;oButton.SetState( CWCBUTTONSTATE_DISABLED );
goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_31", 0, "null", DisplayErrors, null, "/ms_tmp/buttons/bead8d413f4e13029fdc8df00e98ef4b3.png", "/ms_tmp/buttons/bf51da6faa874a08bf75f23b732cb3145.png", "/ms_tmp/buttons/bf7e8e9954f062ef2ffbeb586a84a3b13.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

</script>
</HTML>