
<!-- ERRORS
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_classify.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_classify.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_classify.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_layer_add.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_layer_add.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_layer_add.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_layer_add.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_layer_add.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_layer_add.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_save.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_save.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_save.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_open.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_open.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_open.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_save.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_save.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_save.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_open.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_open.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_open.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_delete.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_delete.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_delete.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_demote.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_demote.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_demote.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_promote.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_promote.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_promote.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_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 cwc_dhtml.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_dhtml.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 MapDHTML.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/MapDHTML/MapDHTML.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 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 gCWCJSAPI = 0;
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=674bd40dbdf14&streaming=true&dummy=0.09321800+1733022734';
var gMapDHTMLAllowResize = 1;
var gMapOffset = 1;
 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 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 clickUploadContext()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/UploadContext/UploadContext.phtml?sid=674bd40dbdf14&szCallbackFunc=OpenContextCB', 'UploadContext_31_674bd40dbdf14', 'width=450,height=250,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;
}


function OpenContextCB(actionID, wh)
{
    if (actionID == 0 || actionID == 1) // ok
    {
        // The context has been loaded into the map session, simply reload
        // the page.  First we'll need to clear some previous state, though.
        if (document.forms[0].MAP_EXTENTS_MINX.value != null)
            document.forms[0].MAP_EXTENTS_MINX.value = "";
        if (document.forms[0].MAP_EXTENTS_MINY.value != null)
           document.forms[0].MAP_EXTENTS_MINY.value = "";
        if (document.forms[0].MAP_EXTENTS_MAXX.value != null)
            document.forms[0].MAP_EXTENTS_MAXX.value = "";
        if (document.forms[0].MAP_EXTENTS_MAXY.value != null)
            document.forms[0].MAP_EXTENTS_MAXY.value = "";
        if (document.forms[0].MAP_WIDTH.value != null)
            document.forms[0].MAP_WIDTH.value = "";
        if (document.forms[0].MAP_HEIGHT.value != null)
            document.forms[0].MAP_HEIGHT.value = "";
        if (document.forms[0].LEGENDTEMPLATE_RESET != null && document.forms[0].LEGENDTEMPLATE_RESET.value != null)
            document.forms[0].LEGENDTEMPLATE_RESET.value = "1";
        wh.close();
        document.forms[0].submit();
    }
    else if (actionID == 2) // cancel
    {
        wh.close();
    }

    return;
}

function clickSLDUpload()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/UploadSLD/UploadSLD.phtml?sid=674bd40dbdf14&szCallbackFunc=OpenSLDCB', 'UploadSLD_33_674bd40dbdf14', 'width=450,height=250,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;
}


function OpenSLDCB(actionID, wh)
{
    if (actionID == 0 || actionID == 1) // ok
    {
        // The SLD has been loaded into the map session, simply reload
        // the page.  First we'll need to clear some previous state, though.
            if (document.forms[0].MAP_EXTENTS_MINX !=null && document.forms[0].MAP_EXTENTS_MINX.value != null)
                document.forms[0].MAP_EXTENTS_MINX.value = "";
            if (document.forms[0].MAP_EXTENTS_MINY !=null && document.forms[0].MAP_EXTENTS_MINY.value != null)
               document.forms[0].MAP_EXTENTS_MINY.value = "";
            if (document.forms[0].MAP_EXTENTS_MAXX !=null && document.forms[0].MAP_EXTENTS_MAXX.value != null)
                document.forms[0].MAP_EXTENTS_MAXX.value = "";
            if (document.forms[0].MAP_EXTENTS_MAXY !=null && document.forms[0].MAP_EXTENTS_MAXY.value != null)
                document.forms[0].MAP_EXTENTS_MAXY.value = "";
            if (document.forms[0].MAP_WIDTH !=null && document.forms[0].MAP_WIDTH.value != null)
                document.forms[0].MAP_WIDTH.value = "";
            if (document.forms[0].MAP_HEIGHT !=null && document.forms[0].MAP_HEIGHT.value != null)
                document.forms[0].MAP_HEIGHT.value = "";       
            if (document.forms[0].LEGENDTEMPLATE_RESET !=null && document.forms[0].LEGENDTEMPLATE_RESET.value != null)
                document.forms[0].LEGENDTEMPLATE_RESET.value = "1";     
        wh.close();
        document.forms[0].submit();
    }
    else if (actionID == 2) // cancel
    {
        wh.close();
    }

    return;
}

function BrowseWMSCallBack( actionId, wh )
{

    if ( actionId == 0) //Clicked Apply
    {
        var szSelectedLayers = wh.document.forms[0].selectedLayers.value;
        document.forms[0].WMS_LAYERS_TOADD.value = szSelectedLayers;
        if (0)
        {
            AddWMSLayer();
        }
        else
        {
            document.forms[0].NAV_CMD.value = "";
            document.forms[0].submit();
        }
    }
    else if ( actionId == 1) // cancel
    {
        if (!wh.closed)
            wh.close();
    }
    else if ( actionId == 2) // submit only
    {
        document.forms[0].NAV_CMD.value = "";
        document.forms[0].submit();
    }
    return;
}
function clickWMSBrowser()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/WMSBrowser/WMSBrowser.php?sid=674bd40dbdf14', 'WMSBrowser_36_674bd40dbdf14', 'width=640,height=620,toolbar=yes,menubar=yes,status=yes,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
}
/**
 * AddWMSLayer
 * called to add a WMS layer(JSAPI)
 */
function AddWMSLayer()
{
    CWCDHTML_ShowLayer("ActivityLayer");

    goCWCJSAPI.NAV_CMD = '';

    aHiddenVars = new Array(1);
    aHiddenVars[0] = new Array(2);
    aHiddenVars[0][0] = "WMS_LAYERS_TOADD";
    aHiddenVars[0][1] = document.forms[0].WMS_LAYERS_TOADD.value;

    szOnLoad = "";

    goCWCJSAPI.CallServer(szOnLoad, aHiddenVars);
}
/**
 * WMSLayerAdded
 * called when a new WMS layer is added(JSAPI)
 */
function WMSLayerAdded(szLayerName)
{
        goCWCJSAPI.oMap.AddLayer(szLayerName);
        goCWCJSAPI.TriggerEvent(MAP_NEW_LAYER_ADDED);
}
function LayerManagerCallBack( actionId, wh )
{
    if ( actionId == 0) //Clicked OK
    {
    document.forms[0].submit();

    wh.close();
    }
    else
    if ( actionId == 1) // cancel
    {
    if (!wh.closed)
        wh.close();
    }
    return;
}
function clickLayerManager()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon/widgets/LayerManager/LayerManager.php?sid=674bd40dbdf14', 'LayerManager_37_674bd40dbdf14', 'width=640,height=620,toolbar=yes,menubar=yes,status=yes,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
}
/**
 * clickLayerOrder
 * called when the user clicks the LayerOrder icon
 */

function clickLayerOrder(obj, direction)
{
    with(document.forms[0])
    {
        if(!SELECTED_LAYERS)
            alert('The Promote/Demote functionality of the LayerOrder '+
                  'widget needs the SelectLayers widget to be present.');

        if(SELECTED_LAYERS.value == "")
        {
            alert('There is no active layer selected.  You must select '+
                  'a layer inorder to use this tool.');
            return false;
        }

       	LAYERORDER_MOVE25.value = direction;
       	NAV_CMD.value = '';

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

            if(direction == "UP")
            {
                goCWCJSAPI.oMap.GetLayerByName(SELECTED_LAYERS.value).Promote();
            }
            else
            {

                goCWCJSAPI.oMap.GetLayerByName(SELECTED_LAYERS.value).Demote();
            }

            goCWCJSAPI.NAV_CMD = '';
            goCWCJSAPI.RefreshMap();
            goCWCJSAPI.NAV_CMD = sOldTool;

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

        } else 
        // If ApplyOnRefresh is true, don't submit the page, 
        // butupdate the JS array instead
        if(0)
        {
            LAYERORDER_MOVE25.value = '';
            updateLayerOrderArray(direction, SELECTED_LAYERS.value);
        }
        else
        {
            submit();
        }
    }
    return;
}

/**
 * updateLayerOrderArray
 * function to change the aszLayerOrder array
 */

function updateLayerOrderArray(direction, szLayerName)
{
    var aszLayerOrder = document.forms[0].LAYER_ORDER.value.split( "," );
    var oLegendLayerDOM1 = false;
    var oLegendLayerDOM2 = false;
    for(var i=0; i<aszLayerOrder.length; i++)
    {
        if(aszLayerOrder[i] == szLayerName)
        {
            if(direction == "UP" && (i+1)<aszLayerOrder.length)
            {
                // Change the legend layer div to match the new order
                oLegendLayerDOM1 = document.getElementById(
                        ''+aszLayerOrder[i+1]);
                if(i==0)
                    oLegendLayerDOM2 = oLegendLayerDOM1.parentNode.rows[oLegendLayerDOM1.rowIndex+2];
                else
                    oLegendLayerDOM2 = document.getElementById(
                        ''+aszLayerOrder[i-1]);
                // Change the layer order array
                aszLayerOrder.splice( i, 2, aszLayerOrder[i+1], 
                                      aszLayerOrder[i] );
            }
            else if( direction == "DOWN" && (i-1) >= 0 )
            {
                // Change the legend layer div to match the new order
                oLegendLayerDOM1 = document.getElementById(
                        ''+aszLayerOrder[i-1]);
                oLegendLayerDOM2 = document.getElementById(
                        ''+aszLayerOrder[i]);
                // Change the layer order array
                aszLayerOrder.splice( i-1, 2, aszLayerOrder[i], 
                                      aszLayerOrder[i-1] );
            }
            break;
        }
     }
    if(oLegendLayerDOM1 && oLegendLayerDOM2)
    {
        oLegendLayerDOM1.parentNode.insertBefore(
            oLegendLayerDOM1.cloneNode(true), oLegendLayerDOM2);
        oLegendLayerDOM1.parentNode.deleteRow(oLegendLayerDOM1.rowIndex);
    }

    document.forms[0].LAYER_ORDER.value = aszLayerOrder.join();

    return;
}

/**
 * clickRemoveLayer
 * called when the user clicks the RemoveLayer icon
 */

function clickRemoveLayer()
{
    if (document.forms[0].SELECTED_LAYERS == null ||
        document.forms[0].SELECTED_LAYERS.value == null ||
        document.forms[0].SELECTED_LAYERS.value == "" )
    {
        alert( "There is no active map layer" );
        return;
    }
    with(document.forms[0])
    {

        if (0)
        {
            var sOldTool = goCWCJSAPI.NAV_CMD;
            goCWCJSAPI.oMap.GetLayerByName(SELECTED_LAYERS.value).SetStatus("DELETED");
            goCWCJSAPI.NAV_CMD = '';
            goCWCJSAPI.RefreshMap();
            goCWCJSAPI.NAV_CMD = sOldTool;
 
            document.forms[0].NAV_CMD.value = sOldTool;
  
        }
        else
        {
            // reset the NAV_CMD
            NAV_CMD.value = "";
            REMOVE_LAYER27.value = "1";
            submit();
        }
    }
    return;
}

/**
 * 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;
}
/**
 * KeepSessionAlive_10
 * refresh hidden image to prevent session timeouts
 */
function KeepSessionAlive_10()
{
    //copy of cwc_dhtml.js to keep lightweight
    var CWCIsNav4 = (document.layers) ? 1:0;
    var CWCIsIE = (document.all) ? 1:0;
    var CWCIsNav6 = (document.getElementById && !document.all) ? 1:0;var obj = null;
    var szImage = "KeepSessionAliveImage_10";
    if (CWCIsNav4) //Netscape 4.x
    {
        obj = document.images[szImage];
    }
    else
    {
        obj = document.getElementById(szImage);
    }
    if (obj != null)
    {
        obj.src = "http://879566.lpdtradehk.tech/chameleon//widgets/KeepSessionAlive/KeepSessionAlive.php?sid=674bd40dbdf14" + "&rand=" + Math.random();
    }
    window.status = "last update: " + Date();
    window.setTimeout( "KeepSessionAlive_10()", 300000 );
    return true;
}
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=674bd40dbdf14', 'BoundingBoxPopup_17_674bd40dbdf14', '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 (0)
    {
        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=674bd40dbdf14', 'LegendTemplate_28_674bd40dbdf14', '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();
}
}
/**
 * clickUpdateMap
 * called when the user clicks the UpdateMap icon
 */
function clickUpdateMap()
{
    // clear the nav command
    document.forms[0].NAV_CMD.value = '';
    

    if (0)
    {
        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;
}
function clickContextDownload()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/DownloadContext/DownloadContext.phtml?sid=674bd40dbdf14&szValidVersion=1.0.0', 'DownloadContext_32_674bd40dbdf14', 'width=450,height=175,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;
}

function clickSLDDownload()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/DownloadSLD/DownloadSLD.phtml?sid=674bd40dbdf14', 'DownloadSLD_34_674bd40dbdf14', 'width=450,height=175,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;
}

function Classify()
{
     if (document.forms[0].SELECTED_LAYERS == null ||
         document.forms[0].SELECTED_LAYERS.value == null ||
         document.forms[0].SELECTED_LAYERS.value == "" )
     {
         alert( "no layer selected!" );
         return;
     }
    
     var szTemplate = "&template=sect_classifier_template.html";
     var szLayer = "&initlayername=" + document.forms[0].SELECTED_LAYERS.value;
     var szCallback = "&szCallback=SECTCallback";
     var szURL = "/studio/index.phtml?sid=674bd40dbdf14";
     szURL = szURL + szTemplate + szLayer + szCallback;
//     alert( szURL );
     wh = window.open(szURL, 'SECT', 'scrollbars=yes,resizable=yes,location=no,width=720,height=640');
     wh.focus();
}

function SECTCallback( actionId, wh )
{
    if ( actionId == 0) //Clicked OK
    {
      wh.close();
    }
    else
    if ( actionId == 1) // cancel
    {
      if (!wh.closed)
          wh.close();
    }
    else if (actionId == 2) //apply
    {
      document.forms[0].NAV_CMD.value = '';
      document.forms[0].SLD_TABLE_COMMAND.value = 'RETURN';

      if (0)
      {
        aHiddenVars = new Array(3);
        aHiddenVars[0] = new Array(2);
        aHiddenVars[0][0] = document.forms[0].NAV_CMD.name;
        aHiddenVars[0][1] = document.forms[0].NAV_CMD.value;
        aHiddenVars[1] = new Array(2);
        aHiddenVars[1][0] = document.forms[0].SLD_TABLE_COMMAND.name;
        aHiddenVars[1][1] = document.forms[0].SLD_TABLE_COMMAND.value;
        aHiddenVars[2] = new Array(2);
        aHiddenVars[2][0] = document.forms[0].SELECTED_LAYERS.name;
        aHiddenVars[2][1] = document.forms[0].SELECTED_LAYERS.value;

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

    }
    return;
}

/**
 * clickLayerLabelsPopup
 * popup a labeling configuration dialog
 */
function clickLayerLabelsPopup()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/LayerLabels/LayerLabelsPopup.phtml?sid=674bd40dbdf14', 'LayerLabels_39_674bd40dbdf14', '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 (0)
    {
        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);
}
function CWCKeyMapDHTMLModeSet( oButton, xValues )
{
  document.forms[0].KEYMAP_DHTML_MODE.value = xValues;
  document.forms[0].KEYMAP_NAV_ALLOW_RECTANGLE.value=1;
}    
/**
 * 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 (0)
    {
        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 (0)
    {
        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;
    }
}
/**
 * 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(0)
    {
        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 (0)
    {
        goCWCJSAPI.NAV_CMD = sTool;
    }

    if (bAutoSubmit)
    {
        if (0)
        {
            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(0 != 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(0 != 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=674bd40dbdf14&RADIUS=3&FEATURE_COUNT=5&include_empty=false&LAYOUT=auto&RESULTFIELDSMETADATA=RESULT_FIELDS_LIMITED&MINSCALEZOOM=";
        szPopupName = "Query_19_674bd40dbdf14";
        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=674bd40dbdf14&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 (0) {
        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 (0)
        {
            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 (0)
        {
            goCWCJSAPI.NAV_INPUT_COORDINATES =  szCoord;
            goCWCJSAPI.NAV_INPUT_TYPE = "RECTANGLE";
        }
    }

    if (0)
        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);

}
/**
 * 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);
}
/**
 * clickCatalogSearch
 * popup a Projection Selector dialog
 */
function clickCatalogSearch()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/CatalogSearch/CatalogSearchPopup.phtml?sid=674bd40dbdf14&szCallbackFunc=catalogSearchCB', 'CatalogSearch_35_674bd40dbdf14', '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 catalogSearchCB(actionID, wh)
{
    if (actionID == 0)
    {
        // Here we should handle the load mapcontext
        document.forms[0].LAYER_TITLE.value = wh.LayerTitle;
        document.forms[0].LAYER_ALT_TITLE.value = wh.LayerAltTitle;
        document.forms[0].LAYER_SERVER_VERSION.value = wh.LayerServerVersion;
        document.forms[0].LAYER_CONNECT_STRING.value = wh.LayerConnectString;
        document.forms[0].LAYER_ABSTRACT.value = wh.LayerAbstract;
        document.forms[0].LAYER_LLBB.value = wh.LayerLLBB;
        document.forms[0].LAYER_STYLES.value = wh.LayerStyles;
        document.forms[0].LAYER_FORMATS.value = wh.LayerFormats;
        document.forms[0].LAYER_SRSS.value = wh.LayerSRSs;

        wh.close();
        document.forms[0].submit();
    }
    else
    if (actionID == 1) // apply
    {
        // Here we should handle the load mapcontext
        document.forms[0].LAYER_TITLE.value = wh.LayerTitle;
        document.forms[0].LAYER_ALT_TITLE.value = wh.LayerAltTitle;
        document.forms[0].LAYER_SERVER_VERSION.value = wh.LayerServerVersion;
        document.forms[0].LAYER_CONNECT_STRING.value = wh.LayerConnectString;
        document.forms[0].LAYER_ABSTRACT.value = wh.LayerAbstract;
        document.forms[0].LAYER_LLBB.value = wh.LayerLLBB;
        document.forms[0].LAYER_STYLES.value = wh.LayerStyles;
        document.forms[0].LAYER_FORMATS.value = wh.LayerFormats;
        document.forms[0].LAYER_SRSS.value = wh.LayerSRSs;

        document.forms[0].submit();
    }
    if (actionID == 2) // cancel
    {
        wh.close();
    }

    return;
}

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 (0)
        {
            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 (0)
        {
            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 (0)
            {
                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 (0)
            {
                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 (0)
            {
                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 (0)
            {
                // 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();
    }
    /**
     * 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');
        }

    }
function DisplayErrors()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/ErrorReport/ErrorReportPopup.phtml?sid=674bd40dbdf14&bOpenedManualy=1', 'ErrorReport_30_674bd40dbdf14', '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();

MapWPositionMapDHTML();

window.setTimeout( "KeepSessionAlive_10()", 300000);

var CWCButtonInit_11 = goCWCButtonManager.GetButton( "cwcimage_11" );
CWCButtonInit_11.bActive = true;
CWCButtonInit_11.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_11.onClick != null)
{
    CWCButtonInit_11.onClick( CWCButtonInit_11, CWCButtonInit_11.xValues );
}
if (CWCButtonInit_11.oGroup != null)
{
    CWCButtonInit_11.oGroup.ActivateButton( CWCButtonInit_11 );
}
var CWCButtonInit_23 = goCWCButtonManager.GetButton( "cwcimage_23" );
CWCButtonInit_23.bActive = true;
CWCButtonInit_23.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_23.onClick != null)
{
    CWCButtonInit_23.onClick( CWCButtonInit_23, CWCButtonInit_23.xValues );
}
if (CWCButtonInit_23.oGroup != null)
{
    CWCButtonInit_23.oGroup.ActivateButton( CWCButtonInit_23 );
}
var CWCButtonInit_52 = goCWCButtonManager.GetButton( "cwcimage_52" );
CWCButtonInit_52.bActive = true;
CWCButtonInit_52.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_52.onClick != null)
{
    CWCButtonInit_52.onClick( CWCButtonInit_52, CWCButtonInit_52.xValues );
}
if (CWCButtonInit_52.oGroup != null)
{
    CWCButtonInit_52.oGroup.ActivateButton( CWCButtonInit_52 );
}
PanMapWInit();

KeyMapLayerDivImgOnLoad();

DisplayErrors();

}
function CWC2OnMouseMoveFunction(e)
{

MapWgetMouse(e);

CursorXMouseMoved(e);

CursorYMouseMoved(e);

QueryWMouseMove(e);

PanMapWMouseMove(e);

RulerWMouseMove(e);

KeyMapWgetMouse(e);

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

<title>Chameleon Sample - Other Widgets ...</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()
}
</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=WMS_LAYERS_TOADD VALUE="">
 <INPUT TYPE=HIDDEN NAME=LAYERMANAGER_APPLY VALUE="">
 <INPUT TYPE=HIDDEN NAME=LAYERMANAGER_CURRENT_STATE 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=LAYERORDER_MOVE25 VALUE="">
 <INPUT TYPE=HIDDEN NAME=LAYER_ORDER VALUE="bathymetry,land_fn,park,drain_fn,drainage,prov_bound,fedlimit,rail,road,popplace,grid,charts,SmallerExtents">
 <INPUT TYPE=HIDDEN NAME=LAYER_ORDER_PREVIOUS VALUE="bathymetry,land_fn,park,drain_fn,drainage,prov_bound,fedlimit,rail,road,popplace,grid,charts,SmallerExtents">
 <INPUT TYPE=HIDDEN NAME=LAYERORDER_MOVE26 VALUE="">
 <INPUT TYPE=HIDDEN NAME=REMOVE_LAYER27 VALUE="">
 <INPUT TYPE=HIDDEN NAME=sid VALUE="674bd40dbdf14">
 <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="SLD_TABLE_COMMAND" 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=LAYER_TITLE VALUE="">

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

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

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

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

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

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

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

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

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

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

 <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 - Other widgets (not yet assigned to packs)</SPAN>
<!-- SESSIONEXPIRED -->

<!-- KEEPSESSIONALIVE -->
<img name="KeepSessionAliveImage_10" id="KeepSessionAliveImage_10" src="http://879566.lpdtradehk.tech/chameleon//widgets/KeepSessionAlive/KeepSessionAlive.php?sid=674bd40dbdf14" border="0" width="1" height="1">
</div>

<div id="TopTabsLayer" name="TopTabsLayer">
  <table border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td><IMG NAME="cwcimage_11" ID="cwcimage_11" SRC="/ms_tmp/buttons/b2217effd568542a0e60df8d75c71401a.png" ALT="Navigation Tools" TITLE="Navigation Tools" BORDER="0" WIDTH="60" HEIGHT="10"></td>
      <td><IMG NAME="cwcimage_12" ID="cwcimage_12" 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_14" ID="cwcimage_14" SRC="/ms_tmp/buttons/bff3eec1e309b821681e58671246e4aa9.png" ALT="Zoom In" TITLE="Zoom In" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- ZOOMOUT -->
      <td><IMG NAME="cwcimage_15" ID="cwcimage_15" SRC="/ms_tmp/buttons/bd7b79c2ab10b0e04d42d5fcfa3064187.png" ALT="Zoom Out" TITLE="Zoom Out" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- ZOOMALLLAYERS -->
      <td><IMG NAME="cwcimage_16" ID="cwcimage_16" 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_17" ID="cwcimage_17" 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_18" ID="cwcimage_18" 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_19" ID="cwcimage_19" SRC="/ms_tmp/buttons/b33cf3f6faf738ef496ff7b189bf3c425.png" ALT="Identify Feature" TITLE="Identify Feature" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- QUERY -->
      <td><IMG NAME="cwcimage_20" ID="cwcimage_20" 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_21" ID="cwcimage_21" SRC="/ms_tmp/buttons/bda8357878e318c8372e8175efb787da9.png" ALT="Pan Map" TITLE="Pan Map" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- RULER-->
            <td><IMG NAME="cwcimage_22" ID="cwcimage_22" SRC="/ms_tmp/buttons/b7000c45f9bb12d3c2b5ab7a83a967fdf.png" ALT="Measure Distance" TITLE="Measure Distance" 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_23" ID="cwcimage_23" SRC="/ms_tmp/buttons/be57cbf03e3cc6364f66e8e2b16c34029.png" ALT="Legend" TITLE="Legend" BORDER="0" WIDTH="60" HEIGHT="10"></td>
      <td><IMG NAME="cwcimage_24" ID="cwcimage_24" 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">
<table>
  <tr>
    <td><IMG NAME="cwcimage_25" ID="cwcimage_25" SRC="/ms_tmp/buttons/bd0c19fcb59040ba14d013be39e6d6966.png" ALT="" TITLE="" BORDER="0" WIDTH="24" HEIGHT="24"></td>
    <td><IMG NAME="cwcimage_26" ID="cwcimage_26" SRC="/ms_tmp/buttons/be83f429241785f16433f1fad848f918e.png" ALT="" TITLE="" BORDER="0" WIDTH="24" HEIGHT="24"></td>
    <td colspan="2"><IMG NAME="cwcimage_27" ID="cwcimage_27" SRC="/ms_tmp/buttons/b59612380d66491b7abc29e62b20ddbf3.png" ALT="" TITLE="" BORDER="0" WIDTH="24" HEIGHT="24"></td>
  </tr>
  
  <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"
    
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1733022734_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"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1733022734_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>
    
    
  <tr>
    <td colspan="4"><IMG NAME="cwcimage_29" ID="cwcimage_29" SRC="/ms_tmp/buttons/b8f858d0ac165c9b73fd9889dc0e13b6f.png" ALT="update map" TITLE="update map" BORDER="0" WIDTH="120" HEIGHT="24">
</table>
</div>

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

       <tr>
      <!-- UPLOADCONTEXT -->
      <td><IMG NAME="cwcimage_31" ID="cwcimage_31" SRC="/ms_tmp/buttons/b739982abad680fcdeabd442adc61af40.png" ALT="Load a previously saved context" TITLE="Load a previously saved context" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- DOWNLOADCONTEXT -->
      <td><IMG NAME="cwcimage_32" ID="cwcimage_32" SRC="/ms_tmp/buttons/b1a034dddcbaae2adb8828e44d0710594.png" ALT="Save the current context" TITLE="Save the current context" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- UPLOADSLD -->
      <td><IMG NAME="cwcimage_33" ID="cwcimage_33" SRC="/ms_tmp/buttons/b91d8d6253c330fd91b7bc1e41375ca61.png" ALT="Load a previously saved SLD." TITLE="Load a previously saved SLD." BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- DOWNLOADSLD -->
      <td><IMG NAME="cwcimage_34" ID="cwcimage_34" SRC="/ms_tmp/buttons/bb2e8516d17819f9b7324045d410309ee.png" ALT="Save an SLD from the current map state." TITLE="Save an SLD from the current map state." BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- CATALOGSEARCH Not working any more-->
<!-- 
      <td><IMG NAME="cwcimage_35" ID="cwcimage_35" SRC="/ms_tmp/buttons/ba0688d63c16a7f02074d94effc5cf8d3.png" ALT="" TITLE="" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
-->
    <tr>
      <!-- WMSBROWSER -->
      <td><IMG NAME="cwcimage_36" ID="cwcimage_36" SRC="/ms_tmp/buttons/b28ea842cd884abe48181260e8ff6ec90.png" ALT="add WMS layers" TITLE="add WMS layers" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- LAYERMANAGER -->
      <td><IMG NAME="cwcimage_37" ID="cwcimage_37" SRC="/ms_tmp/buttons/bf80914a7bcbce69a4b13b9df10f633ca.png" ALT="Manage layers" TITLE="Manage layers" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- SECTPOPUP -->
      <td><IMG NAME="cwcimage_38" ID="cwcimage_38" SRC="/ms_tmp/buttons/b4fd4136c753b86036e5d44e1db96a3aa.png" ALT="Apply styles to layers" TITLE="Apply styles to layers" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    
    <tr>
      <td>
      <IMG NAME="cwcimage_39" ID="cwcimage_39" SRC="/ms_tmp/buttons/bcb54f511dc521b7b496c780c1f7655e2.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" style="width:520px;height:270px">
  <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_40" ID="cwcimage_40" 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_41" ID="cwcimage_41" 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_42" ID="cwcimage_42" 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_43" ID="cwcimage_43" 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_44" ID="cwcimage_44" 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_45" ID="cwcimage_45" 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_46" ID="cwcimage_46" 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_47" ID="cwcimage_47" 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" style="width:502px;height=252px">
<!-- 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" style="width:502px;top:410px">
<table width="100%" border="0" cellspacing="4" cellpadding="0">
  <tr>
    <!-- SCALEBAR -->
    <td colspan="3" align="center"><IMG src="/ms_tmp//TNrHA3Hp.png" width="42" height="42">
 &nbsp; <img src="/ms_tmp/674bd40e_8de1_0.png" name="ScaleBarImg" 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_52" ID="cwcimage_52" SRC="/ms_tmp/buttons/b0ade0f1f392e9b1b16a5dec2c8cf6a82.png" ALT="" TITLE="" BORDER="0" WIDTH="9" HEIGHT="9">
        <IMG NAME="cwcimage_53" ID="cwcimage_53" 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><div CLASS="inputBox" name="txtProjectionLabel">NAD 83 / NRCan LCC Canada</div></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><span CLASS="inputBox" name="txtExtentLabel55">-2601225</span></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><span CLASS="inputBox" name="txtExtentLabel57">3474025</span></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><span CLASS="inputBox" name="txtExtentLabel59">-712631</span></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><span CLASS="inputBox" name="txtExtentLabel61">3840000</span></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>

<!-- 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">

oButton =  new CWCButton("cwcimage_31", 0, "null", clickUploadContext, null, "/ms_tmp/buttons/b739982abad680fcdeabd442adc61af40.png", "/ms_tmp/buttons/be8330c74b4f2eee3361dec8368a35301.png", "/ms_tmp/buttons/bacc9c6757148ffa75a2b12c294897842.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_33", 0, "null", clickSLDUpload, null, "/ms_tmp/buttons/b91d8d6253c330fd91b7bc1e41375ca61.png", "/ms_tmp/buttons/b718da3360bf6cd58cc207b45a1e0a658.png", "/ms_tmp/buttons/b9630e9bdbf02fcbd4a9e9af0fd8bfc20.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_36", 0, "null", clickWMSBrowser, null, "/ms_tmp/buttons/b28ea842cd884abe48181260e8ff6ec90.png", "/ms_tmp/buttons/bb5c651867e2b1eb4d43d485738aef905.png", "/ms_tmp/buttons/b866167041ebe6bbb83238549cadbad86.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_37", 0, "null", clickLayerManager, null, "/ms_tmp/buttons/bf80914a7bcbce69a4b13b9df10f633ca.png", "/ms_tmp/buttons/b3d846eaa849e44d701eab21e05213bca.png", "/ms_tmp/buttons/b16eba5cdd21bda6a264aadb4f65a8480.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

var gMapDHTMLForm = document.forms[0];

MapWidgetInitVariables();

oButton =  new CWCButton("cwcimage_25", 0, "null", clickLayerOrder, "UP", "/ms_tmp/buttons/bd0c19fcb59040ba14d013be39e6d6966.png", "/ms_tmp/buttons/be7bff2bf63a39481eabff98376366867.png", "/ms_tmp/buttons/b04c391a6be20fa69787dbf1b52c38bc4.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_26", 0, "null", clickLayerOrder, "DOWN", "/ms_tmp/buttons/be83f429241785f16433f1fad848f918e.png", "/ms_tmp/buttons/bf654a85f21293bc917c2297420b1ed4f.png", "/ms_tmp/buttons/b5c518941c0556b2abeba584f17c8fb6e.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_27", 0, "null", clickRemoveLayer, null, "/ms_tmp/buttons/b59612380d66491b7abc29e62b20ddbf3.png", "/ms_tmp/buttons/bbc43d4ec5e86722f469586f65668fdea.png", "/ms_tmp/buttons/bdecddd97dad67c54b1ea224971b48d26.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

goEventManager.registerEventID( 'LAYER_SELECTION_CHANGED' );

oButton =  new CWCButton("cwcimage_11", 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_12", 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_17", 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_20", 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_23", 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_24", 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_29", 0, "null", clickUpdateMap, null, "/ms_tmp/buttons/b8f858d0ac165c9b73fd9889dc0e13b6f.png", "/ms_tmp/buttons/bc2dfa05c63357ff208f781f44626e09a.png", "/ms_tmp/buttons/bec871382cb778175dc762bde37f0f55f.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_32", 0, "null", clickContextDownload, null, "/ms_tmp/buttons/b1a034dddcbaae2adb8828e44d0710594.png", "/ms_tmp/buttons/b68fa2eda1efedf48fc0c891fba5ceeba.png", "/ms_tmp/buttons/ba9f248e18a0b06bef0f1386308a854e3.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_34", 0, "null", clickSLDDownload, null, "/ms_tmp/buttons/bb2e8516d17819f9b7324045d410309ee.png", "/ms_tmp/buttons/b49b5d012bbeee85c6e028edbc04ae7e6.png", "/ms_tmp/buttons/b04f81e2fd4e9eb2bc50622a5f2877eca.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_38", 0, "null", Classify, null, "/ms_tmp/buttons/b4fd4136c753b86036e5d44e1db96a3aa.png", "/ms_tmp/buttons/bacbfd6a8714503adab38f6dae6867753.png", "/ms_tmp/buttons/bf2ad47b6d54d0ed0e8c688e1aeefa611.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_39", 0, "null", clickLayerLabelsPopup, null, "/ms_tmp/buttons/bcb54f511dc521b7b496c780c1f7655e2.png", "/ms_tmp/buttons/b728be0abbe84f07500aa8d32571425f9.png", "/ms_tmp/buttons/b7968beb7bad0f7147eb178e9b353fd96.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_52", 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_53", 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_14", 2, "Navigation", NavSetActiveTool, new Array("14","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_15", 2, "Navigation", NavSetActiveTool, new Array("15","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_16", 0, "null", NavSetActiveTool, new Array("16","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_18", 2, "Navigation", NavSetActiveTool, new Array("18","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_19", 2, "Navigation", NavSetActiveTool, new Array("19","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_21", 2, "Navigation", NavSetActiveTool, new Array("21","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_22", 2, "Navigation", NavSetActiveTool, new Array("22","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_35", 0, "null", clickCatalogSearch, null, "/ms_tmp/buttons/ba0688d63c16a7f02074d94effc5cf8d3.png", "/ms_tmp/buttons/b040632add2976c87125b15508d0e9382.png", "/ms_tmp/buttons/b5c69b8495f39bbceccf345bd306ab57f.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_40", 0, "null", NavSetActiveTool, new Array("40","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_41", 0, "null", NavSetActiveTool, new Array("41","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_42", 0, "null", NavSetActiveTool, new Array("42","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_43", 0, "null", NavSetActiveTool, new Array("43","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_44", 0, "null", NavSetActiveTool, new Array("44","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_45", 0, "null", NavSetActiveTool, new Array("45","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_46", 0, "null", NavSetActiveTool, new Array("46","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_47", 0, "null", NavSetActiveTool, new Array("47","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_30", 0, "null", DisplayErrors, null, "/ms_tmp/buttons/b7f9fb0086c5b1e841e4ff5009fd2a690.png", "/ms_tmp/buttons/b62eb2a010bc79128bff455767f64d9f3.png", "/ms_tmp/buttons/ba1da1afdffc956715282abe626f80770.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

</script>
</HTML>