
<!-- 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_extract.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_extract.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_extract.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_extract.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_extract.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_extract.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_expression_clear.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_expression_clear.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_expression_clear.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_expression_build.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_expression_build.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_expression_build.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_warning.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_warning.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_warning.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_update.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_tools.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_tools.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_tools.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_tab_legend.png' in any of the registered or default skins.
ERROR: Button.php was unable to find the image 'icons/icon_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 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 cwc_button.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_button.js" type="text/javascript"></script>
<!-- javascript include cwc_roi.js -->
<script src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_roi.js" type="text/javascript"></script>
<!-- javascript include cwc_line.js -->
<script src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_line.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 = 500;
var gMapWiHeight = 250;
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=67483e75cd2cd&streaming=true&dummy=0.99534900+1732787829';
var gMapDHTMLAllowResize = 1;
var gMapOffset = 1;
 var gROIRenderer = "gROIRenderer";

 var gROIToolmouseX = 0;

 var gROIToolmouseY = 0;

 var gROIRectToolx1 = 0;

 var gROIRectTooly1 = 0;

 var gROIRectToolx2 = 0;

 var gROIRectTooly2 = 0;

 var gROIRectDragging = false;

 var goROIRectObj = null;

 var gROIRectBoxTop = "gROIRectBoxTop";

 var gROIRectBoxLeft = "gROIRectBoxLeft";

 var gROIRectBoxBottom = "gROIRectBoxBottom";

 var gROIRectBoxRight = "gROIRectBoxRight";

 var gROIRectBoxFill = "gROIRectBoxFill";

 var gROIPolygonToolx1 = 0;

 var gROIPolygonTooly1 = 0;

 var gROIPolygonToolx2 = 0;

 var gROIPolygonTooly2 = 0;

 var gROIPolygonOpen = false;

 var goROIPolygonObj = null;

 var gaROIPolygonObj = new Array();

 var gaszPolygonDivPointNames;

 var gaszPolygonDivNodeNames;

 var goFloaterLine = new Line( 0, 0, 0, 0, false ); ;

 var gnROIPolygonPointSpacing = 10;

 var gnInitialROIPolygonPointSpacing = 10;

 var gROICircleToolx1 = 0;

 var gROICircleTooly1 = 0;

 var gROICircleToolx2 = 0;

 var gROICircleTooly2 = 0;

 var gROICircleDragging = false;

 var goROICircleObj = null;

 var gROICircleCenter = "gROICircleCenter";

 var gROICircleLayer1 = "gROICircleLayer1";

 var gROICircleLayer2 = "gROICircleLayer2";

 var gROICircleLayer3 = "gROICircleLayer3";

 var gROICircleLayer4 = "gROICircleLayer4";

 var gROICircleLayer5 = "gROICircleLayer5";

 var gROICircleLayer6 = "gROICircleLayer6";

 var gROICircleLayer7 = "gROICircleLayer7";

 var gROICircleLayer8 = "gROICircleLayer8";

 var gROICircleLayer9 = "gROICircleLayer9";

 var gROICircleLayer10 = "gROICircleLayer10";

 var gROICircleLayer11 = "gROICircleLayer11";

 var gROICircleLayer12 = "gROICircleLayer12";

 var gnPanWFirstPointX = -1;

 var gnPanWFirstPointY = -1;

 var gRulergblPixelSize = 49.5668466059;

 var gRulermapMinX = -180.361445783;

 var gRulermapMaxY = 180.361445783;

 var gRulerMapImgOX = gMapWhspc;

 var gRulerMapImgOY = gMapWvspc;

 var gRulerCurrentTool = "distance";

 var gRulerfirstClickDist = "true";

 var gRulercMapWidth = 500;

 var gRulercMapHeight = 250;

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

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

}
function validateInteger( nValue )
{
    return !isNaN( Number(nValue) );
}
/**
 * clickBoundingBoxPopup
 * popup a Bounding Box dialog
 */
function clickBoundingBoxPopup()
{
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/BoundingBoxPopup/BoundingBoxPopup.phtml?sid=67483e75cd2cd', 'BoundingBoxPopup_16_67483e75cd2cd', '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( -180.4, -90.0, 180.4, 90.0 );
}
/**
 * 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 ROIManagerInit()
{
    var x = CWCDHTML_FindObjectPosX( CWCDHTML_GetImage('mapFrameTL'));
    var y = CWCDHTML_FindObjectPosY( CWCDHTML_GetImage('mapFrameTL'));
    goCWCROIManager.SetPixelExtents( x, y,  x+500, y+250)
    goCWCROIManager.SetGeoExtents( -180.361445783, -90, 180.361445783, 90);
    goCWCROIManager.SetRendererURL( "http://879566.lpdtradehk.tech/chameleon//widgets/ROIManager/ROIRenderer.php?sid=67483e75cd2cd" );
    goCWCROIManager.szEdgeColor = "0000FF";
    goCWCROIManager.nEdgeWidth = 2;
    goCWCROIManager.szFillColor = "0000FF";
    goCWCROIManager.nFillOpacity = 25;
    goCWCROIManager.bUseFill = 1;

    ROIManagerCreateDHTMLLayers();
}
function ROIManagerCreateDHTMLLayers()
{
    var szRendererURL = goCWCROIManager.GetRendererURL();
    var x = goCWCROIManager.pixMinX;
    var y = goCWCROIManager.pixMinY;
    var width = goCWCROIManager.pixMaxX - x;
    var height = goCWCROIManager.pixMaxY - y;
    var content = '<img name="ROIRenderer" id="ROIRenderer" galleryimg="no" src="' + szRendererURL + '&mode=0" border="0" width="' + width + '" height="' + height + '"' + 'onmouseover="MapWCaptureMouse();"onmouseout="MapWReleaseMouse()"' + '>' ;
    CWCDHTML_CreateLayer(gROIRenderer, x, y, width, height, true, content);
    CWCDHTML_HideLayer( gROIRenderer );
    CWCDHTML_SetLayerZOrder( gROIRenderer, 12 );
    if (CWCIsIE)
    {
        CWCDHTML_SetLayerOpacity( gROIRenderer, goCWCROIManager.nFillOpacity );
    }
}
function CWCROIManagerModeSet( oButton, xValues )
{
    goCWCROIManager.SetMode( xValues );
}    
function ROIRectTool26()
{
    goCWCROIManager.SetROITool('26');
    if (document.forms[0].CURSOR_TYPE != null)
	{
	  document.forms[0].CURSOR_TYPE.value = 'AUTO';
    }
}
function ROIRectToolInit()
{

    ROIRectToolCreateDHTMLLayers();
}
function ROIRectToolCreateDHTMLLayers()
{
    var content = "";


    content = '<img name="ROIRectImgTop" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
    CWCDHTML_CreateLayer(gROIRectBoxTop, gMapWhspc, gMapWvspc, gMapWiWidth, gMapWiHeight,
                         false, content);
    CWCDHTML_SetLayerZOrder( gROIRectBoxTop, 20 );
    content = '<img name="ROIRectImgLeft" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
    CWCDHTML_CreateLayer(gROIRectBoxLeft, gMapWhspc, gMapWvspc, gMapWiWidth, gMapWiHeight,
                         false, content);
    CWCDHTML_SetLayerZOrder( gROIRectBoxLeft, 20 );

    content = '<img name="ROIRectImgBottom" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
    CWCDHTML_CreateLayer(gROIRectBoxBottom, gMapWhspc, gMapWvspc, gMapWiWidth, gMapWiHeight,
                         false, content);
    CWCDHTML_SetLayerZOrder( gROIRectBoxBottom, 20 );

    content = '<img name="ROIRectImgRight" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
    CWCDHTML_CreateLayer(gROIRectBoxRight, gMapWhspc, gMapWvspc, gMapWiWidth, gMapWiHeight,
                         false, content);
    CWCDHTML_SetLayerZOrder( gROIRectBoxRight, 20 );

    content = '<img name="ROIRectImgFill" src="http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif" border="1">';
    CWCDHTML_CreateLayer(gROIRectBoxFill, gMapWhspc, gMapWvspc, gMapWiWidth, gMapWiHeight,
                         false, content);
    CWCDHTML_SetLayerZOrder( gROIRectBoxFill, 20 );

}
function ROIRectToolInitObjects()
{
    var jsObj;

}
function ROIRectToolStartZoomBox()
{
    goROIRectObj = new CWCRectangleROI();
    goROIRectObj.edgeColor = goCWCROIManager.szEdgeColor;
    goROIRectObj.edgeWidth = goCWCROIManager.nEdgeWidth;
    goROIRectObj.fillLayer = goCWCROIManager.bUseFill;
    goROIRectObj.fillColor = goCWCROIManager.szFillColor;
    goROIRectObj.fillOpacity = goCWCROIManager.nFillOpacity;
    goROIRectObj.leftLayer = gROIRectBoxLeft;
    goROIRectObj.topLayer = gROIRectBoxTop;
    goROIRectObj.rightLayer = gROIRectBoxRight;
    goROIRectObj.bottomLayer = gROIRectBoxBottom;
    goROIRectObj.fillLayer = gROIRectBoxFill;

    goROIRectObj.Show();

    gROIRectToolx2 = gROIRectToolx1 + 1;
    gROIRectTooly2 = gROIRectTooly1 + 1;

    ROIRectToolUpdateZoomBox();

    return true;
}
function ROIRectToolUpdateZoomBox()
{
    var right  = Math.max(gROIRectToolx1, gROIRectToolx2);
    var left   = Math.min(gROIRectToolx1, gROIRectToolx2);
    var bottom = Math.max(gROIRectTooly1, gROIRectTooly2);
    var top    = Math.min(gROIRectTooly1, gROIRectTooly2);

    goROIRectObj.Set( left, top, right, bottom )
    //window.status = "goROIRectObj set to " + left + ", " + top + ", " + right + ", " + bottom;

}
function ROIRectToolStopZoomBox()
{
    if ( goROIRectObj == null )
    {
        return;
    }
    goCWCROIManager.Add( goROIRectObj );
    goROIRectObj.Hide();
    goROIRectObj = null;
    return true;
}
function ROIRectToolMouseDown(e)
{
    ROIRectToolGetMousePosition(e);

    if (gROIToolmouseX >=0 && gROIToolmouseY >=0)
    {
        gROIRectToolx1 = gROIToolmouseX;
        gROIRectTooly1 = gROIToolmouseY;

        ROIRectToolStartZoomBox();
        gROIRectDragging = true;
    }
    return false;
}
function ROIRectToolMouseUp(e)
{
    ROIRectToolGetMousePosition(e);

    if (gROIToolmouseX >=0 && gROIToolmouseY >=0)
    {
        gROIRectToolx2 = gROIToolmouseX;
        gROIRectTooly2 = gROIToolmouseY;
        ROIRectToolStopZoomBox();

        gROIRectDragging = false;
    }

    // return
    return false;
}
function ROIRectToolGetMousePosition(e)
{
    if (CWCIsNav4 || CWCIsNav6) // Netscape
    {
        gROIToolmouseX = e.pageX;
        gROIToolmouseY = e.pageY;
    }
    else if (CWCIsIE) // IE
    {
        gROIToolmouseX = event.clientX + document.body.scrollLeft;
        gROIToolmouseY = event.clientY + document.body.scrollTop;
    }
    else
    {                              // Don't know
        gROIToolmouseX = gROIToolmouseY = 0;
    }
    var oImage = CWCDHTML_GetImage('mapimage');

    if (oImage == null)
    {
        gROIToolmouseX = -1;
        gROIToolmouseY = -1
        return false;
    }
    var left = CWCDHTML_FindObjectPosX( oImage );
    var top = CWCDHTML_FindObjectPosY( oImage );

    var width = oImage.width;
    var height = oImage.height;

    // subtract offsets from page left and top
    gROIToolmouseX = gROIToolmouseX - left;
    gROIToolmouseY = gROIToolmouseY - top;

    if (gROIToolmouseX < 0 || gROIToolmouseX > width ||
        gROIToolmouseY < 0 || gROIToolmouseY > height)
    {
        gROIToolmouseX = -1;
        gROIToolmouseY = -1
    }
    return true;
}
function ROIRectToolMouseMove(e)
{
    ROIRectToolGetMousePosition(e);

    if (gROIToolmouseX >=0 && gROIToolmouseY >=0 &&
        document.forms[0].NAV_CMD != null &&
        document.forms[0].NAV_CMD.value == "ROI_TOOL" &&
        26 == goCWCROIManager.GetROITool())
    {
        document.onmousedown = ROIRectToolMouseDown;
        document.onmouseup = ROIRectToolMouseUp;
        if (gROIRectDragging)
        {
            gROIRectToolx2 = gROIToolmouseX;
            gROIRectTooly2 = gROIToolmouseY;
            ROIRectToolUpdateZoomBox();
        }
    }
    else
    {
    }
    return false;
}
        function ROIPolygonTool27()
        {
            goCWCROIManager.SetROITool('27');
        }
function ROIPolygonToolInit()
{
    // create new layers to use with line drawing
    var sId = "";
    gaszPolygonDivPointNames = new Array();
    gaszPolygonDivNodeNames = new Array();
    var content = "<img  src='http://879566.lpdtradehk.tech/chameleon/images/ruler_pix.gif' width='6' height='6'><br>";
    var content2 = "<img  src='http://879566.lpdtradehk.tech/chameleon/images/ruler_node.gif' width='7' height='7'><br>";
    for (var i=1; i < 100; i++)
    {
        // create the point layers
        sId = 'polygonPointLayer'+i;
        CWCDHTML_CreateLayer(sId, 10, 10, 10, 10, false, content);
        CWCDHTML_SetLayerZOrder( sId, 20 );
        gaszPolygonDivPointNames.push( sId );

        // create the node layers
        sId = 'polygonNodeLayer'+i;
        CWCDHTML_CreateLayer(sId, 10, 10, 10, 10, false, content2);
        CWCDHTML_SetLayerZOrder( sId, 20 );
        gaszPolygonDivNodeNames.push( sId );
    }

    // init polygon object
    goROIPolygonObj = new CWCPolygonROI(100);
    goROIPolygonObj.pointImageWidth = 6;
    goROIPolygonObj.nodeImageWidth = 7;
    goROIPolygonObj.left = gMapWhspc;
    goROIPolygonObj.top = gMapWvspc;
    goROIPolygonObj.right = gMapWhspc + gMapWiWidth;
    goROIPolygonObj.bottom = gMapWvspc + gMapWiHeight;
    goROIPolygonObj.edgeColor = goCWCROIManager.szEdgeColor;
    goROIPolygonObj.edgeWidth = goCWCROIManager.nEdgeWidth;
    goROIPolygonObj.fillLayer = goCWCROIManager.bUseFill;
    goROIPolygonObj.fillColor = goCWCROIManager.szFillColor;
    goROIPolygonObj.fillOpacity = goCWCROIManager.nFillOpacity;

    // show the polygon
    goROIPolygonObj.Show();

}
function ROIPolygonToolInitObjects()
{
    var jsObj;

}
function ROIPolygonToolDrawFloater()
{
        // set or default the start points
        var nTmpStartX = 0;
        var nTmpStartY = 0;
        nTmpNodeSpacing = 10;
        if ( goROIPolygonObj.aNodeCoords[0] )
        {
            nTmpStartX = goROIPolygonObj.aNodeCoords[goROIPolygonObj.aNodeCoords.length-1][0];
            nTmpStartY = goROIPolygonObj.aNodeCoords[goROIPolygonObj.aNodeCoords.length-1][1];
            nTmpNodeSpacing = gnROIPolygonPointSpacing;
        }

        // delete old floater
        goFloaterLine.deleteLine();

        // create and setup the new floater line
        goFloaterLine = new Line( nTmpStartX, nTmpStartY,
            gROIToolmouseX, gROIToolmouseY, false );
        goFloaterLine.pointSpacing = nTmpNodeSpacing;
        goFloaterLine.layerNodeList = gaszPolygonDivNodeNames;
        goFloaterLine.layerPointList = gaszPolygonDivPointNames;

        // limit points to 3
        goFloaterLine.numPoints = 3

        // draw the line
        goFloaterLine.drawLine();
}
function ROIPolygonToolMouseDown(e)
{
    // skip if not on map or locked
    if ( !MapWinsideMap() || document.forms[0].ROI_TOOL_LOCKED.value == 1 )
    {
        return true;
    }

    ROIPolygonToolGetMousePosition(e);

    if (gROIToolmouseX >=0 && gROIToolmouseY >=0)
    {
        gROIPolygonToolx1 = gROIToolmouseX;
        gROIPolygonTooly1 = gROIToolmouseY;

        // flag that the polygon is open
        gROIPolygonOpen = true;

        // draw next node
        ROIPolygonDrawNode();
    }

    // set status message
    //window.status='Press `esc` to cancel or any other key to close the polygon.';

    return false;
}
function ROIPolygonToolMouseUp(e)
{
    return null;
}
function ROIPolygonToolGetMousePosition(e)
{
    if (CWCIsNav4 || CWCIsNav6) // Netscape
    {
        gROIToolmouseX = e.pageX;
        gROIToolmouseY = e.pageY;
    }
    else if (CWCIsIE) // IE
    {
        gROIToolmouseX = event.clientX + document.body.scrollLeft;
        gROIToolmouseY = event.clientY + document.body.scrollTop;
    }
    else
    {                              // Don't know
        gROIToolmouseX = gROIToolmouseY = 0;
    }
    var oImage = CWCDHTML_GetImage('mapimage');

    if (oImage == null)
    {
        gROIToolmouseX = -1;
        gROIToolmouseY = -1
        return false;
    }
    var left = CWCDHTML_FindObjectPosX( oImage );
    var top = CWCDHTML_FindObjectPosY( oImage );

    var width = oImage.width;
    var height = oImage.height;

    // subtract offsets from page left and top
    var nROIToolmouseX = gROIToolmouseX - left;
    var nROIToolmouseY = gROIToolmouseY - top;

    if (nROIToolmouseX < 0 || nROIToolmouseX > width ||
        nROIToolmouseY < 0 || nROIToolmouseY > height)
    {
        gROIToolmouseX = -1;
        gROIToolmouseY = -1
    }
    return true;
}
function ROIPolygonToolMouseMove(e)
{
    ROIPolygonToolGetMousePosition(e);

    if (gROIToolmouseX >=0 && gROIToolmouseY >=0 &&
        document.forms[0].NAV_CMD != null &&
        document.forms[0].NAV_CMD.value == "ROI_TOOL" &&
        27 == goCWCROIManager.GetROITool() )
    {
        // capture events
        if ( CWCIsNav4 || CWCIsNav6 )
        {
            document.captureEvents(Event.MOUSEDOWN);
            document.captureEvents(Event.MOUSEMOVE);
            document.captureEvents(Event.RESIZE);
            document.captureEvents(Event.DBLCLICK);
        }
        if( CWCIsNav4 )
        {
            document.onmousedown = ROIPolygonToolMouseDown;
            document.onmouseup = ROIPolygonToolMouseUp;
            document.onKeyPress = ROIPolygonToolKeyPress;
            document.onDblClick=ROIPolygonToolKeyPress;
        }
        else if ( CWCIsIE || CWCIsNav6 )
        {
            var layer  = document.getElementById("MapLayerDiv");
            document.onmousedown = ROIPolygonToolMouseDown;
            document.onmouseup = ROIPolygonToolMouseUp;
            document.onkeypress = ROIPolygonToolKeyPress;
            document.ondblclick=ROIPolygonToolKeyPress;

            if ( CWCIsNav6 )
              document.addEventListener("keypress", ROIPolygonToolKeyPress, true);
              //document.addEventListener("dblclick",ROIPolygonToolKeyPress,true);
        }

        if ( gROIPolygonOpen )
        {
            // update end point of current line
            gROIPolygonToolx2 = gROIToolmouseX;
            gROIPolygonTooly2 = gROIToolmouseY;

            // continuously update the floater line
            ROIPolygonToolDrawFloater();
        }
    }

    return false;
}
function ROIPolygonDrawNode()
{
    // calculate coordinates
    var nPreviousX = gROIPolygonToolx1;
    var nPreviousY = gROIPolygonTooly1;
    var bDefaulted = 1;
    var nNumNodes = 0;
    if ( goROIPolygonObj.aNodeCoords )
        nNumNodes = goROIPolygonObj.aNodeCoords.length;

    if ( nNumNodes > 0 )
    {
        nPreviousX = goROIPolygonObj.aNodeCoords[goROIPolygonObj.aNodeCoords.length-1][0];
        nPreviousY = goROIPolygonObj.aNodeCoords[goROIPolygonObj.aNodeCoords.length-1][1];
        bDefaulted = 0;
    }

    // skip if coordinates match (i.e. double event triggered)
    if ( nPreviousX == gROIPolygonToolx1 && nPreviousY == gROIPolygonTooly1 && bDefaulted == 0 )
        return null;

    // loop through array of lines an check for overlap
    if ( document.forms[0].ROI_TOOL_LOCKED.value != 1 && gaROIPolygonObj )
    {
        var oTmpLine = new Line( nPreviousX, nPreviousY, gROIPolygonToolx1, gROIPolygonTooly1, false );
        for ( var i=0; i<gaROIPolygonObj.length; i++ )
        {
            // check for intersection
            if ( oTmpLine.intersectsWith( gaROIPolygonObj[i] ) )
            {
                // give message
                alert('A polygon may not overlap itself.  The side you are attempting to draw intersects with an existing side of the polygon.');

                // lock the tool on a timer
                document.forms[0].ROI_TOOL_LOCKED.value = 1;
                setTimeout( "ROIPolygonToolUnlockTool()", 500 );

                // exit function
                return null;
            }
        }
    }

    // delete floater
    goFloaterLine.deleteLine();

    // draw line
    ROIPolygonToolDrawLine( nPreviousX, nPreviousY, gROIPolygonToolx1, gROIPolygonTooly1 );

    // return
    return null;
}
function ROIPolygonToolUnlockTool()
{
    // reset the lock
    document.forms[0].ROI_TOOL_LOCKED.value = 0;
    return null;
}
function ROIPolygonToolKeyPress(e)
{
    // only process if polygon tool is selected
    if ( document.forms[0].NAV_CMD != null &&
        document.forms[0].NAV_CMD.value == "ROI_TOOL" &&
        27 == goCWCROIManager.GetROITool() &&
        document.forms[0].ROI_TOOL_LOCKED.value != 1 )
    {
        // delete floater
        goFloaterLine.deleteLine();

        // check which key was pressed
        var nKey;

        // capture based on browser type
        if ( CWCIsIE )
            nKey = event.keyCode;
        else
            nKey = e.keyCode;

        switch ( nKey )
        {
            case 27:
                // esc was pressed so abort
                ROIPolygonToolClearPolygon();
                break;

            default:
                // close polygon
                if (goROIPolygonObj.aNodeCoords.length > 0)
                {
                ROIPolygonToolClosePolygon();
                }
        }
    }

    // return
    return null;
}
function ROIPolygonToolClosePolygon()
{
    // loop through array of lines an check for overlap
    if ( document.forms[0].ROI_TOOL_LOCKED.value != 1 )
    {
        var oTmpLine = new Line(  goROIPolygonObj.aNodeCoords[goROIPolygonObj.aNodeCoords.length-1][0],
                                goROIPolygonObj.aNodeCoords[goROIPolygonObj.aNodeCoords.length-1][1],
                                goROIPolygonObj.aNodeCoords[0][0],
                                goROIPolygonObj.aNodeCoords[0][1], false );
        for ( var i=0; i<gaROIPolygonObj.length; i++ )
        {
            // check for intersection
            if ( oTmpLine.intersectsWith( gaROIPolygonObj[i] ) )
            {
                // give message
                alert('Unable to close polygon.  Closing the polygon would cause the final side to intersect with an existing side of the polygon.  Click `OK` and either add another line segment so that the polygon will not overlap itself or use the escape key to cancel.');

                // lock the tool on a timer
                document.forms[0].ROI_TOOL_LOCKED.value = 1;
                setTimeout( "ROIPolygonToolUnlockTool()", 500 );

                // exit function
                return null;
            }
        }
    }

    // close polygon
    gROIPolygonOpen = false;

    // clear statusbar
    //window.status='';

    // draw line
    ROIPolygonToolDrawLine( goROIPolygonObj.aNodeCoords[goROIPolygonObj.aNodeCoords.length-1][0],
                            goROIPolygonObj.aNodeCoords[goROIPolygonObj.aNodeCoords.length-1][1],
                            goROIPolygonObj.aNodeCoords[0][0],
                            goROIPolygonObj.aNodeCoords[0][1], false );

    // add aoi (update position incase application has been recentered)
    goROIPolygonObj.left = gMapWhspc;
    goROIPolygonObj.top = gMapWvspc;
    goCWCROIManager.Add( goROIPolygonObj );

    // wait to hide the points (need to see the polygon close)
    setTimeout( 'ROIPolygonToolClearPolygon()', 800 );

    // lock the tool on a timer
    document.forms[0].ROI_TOOL_LOCKED.value = 1;
    setTimeout( "ROIPolygonToolUnlockTool()", 500 );

    // return
    return true;
}
function ROIPolygonToolDrawLine( x1, y1, x2, y2, bDrawStartNode )
{
    // draw a new line if necessary
    var nLineCount = 0;
    if ( goROIPolygonObj.aNodeCoords )
        nLineCount = goROIPolygonObj.aNodeCoords.length;

    if ( nLineCount == 0 )
    {
        var oLine = new Line( x1, y1, x2, y2, bDrawStartNode );
        oLine.layerNodeList = gaszPolygonDivNodeNames;
        oLine.layerPointList = gaszPolygonDivPointNames;

        // ensure that no nodes are drawn
        oLine.numPoints = 0;

        // draw the line
        oLine.drawLine();

        // add to array of line objects
        gaROIPolygonObj.push( oLine );
    }
    else if ( nLineCount > 0 )
    {
        var oLine = new Line( x1, y1, x2, y2, bDrawStartNode );
        oLine.pointSpacing = gnROIPolygonPointSpacing;
        oLine.layerNodeList = gaszPolygonDivNodeNames;
        oLine.layerPointList = gaszPolygonDivPointNames;

        // draw the line
        oLine.drawLine();

        // add to array of line objects
        gaROIPolygonObj.push( oLine );
    }

    // check if no more nodes then redraw all lines using double spacing
    if ( gaszPolygonDivPointNames.length == 0 )
    {
        // update global point spacing
        gnROIPolygonPointSpacing = gnROIPolygonPointSpacing * 2;

        // loop through the list lines, delete, and recreate
        nLineCount = gaROIPolygonObj.length;
        for ( var i=0; i<nLineCount; i++ )
        {
            gaROIPolygonObj[i].deleteLine();
            gaROIPolygonObj[i].pointSpacing = gnROIPolygonPointSpacing;
            gaROIPolygonObj[i].drawLine();
        }
    }

    // record node click if polygon is open
    if ( gROIPolygonOpen )
    {
        var aTmpArray = new Array( gROIPolygonToolx1, gROIPolygonTooly1 );
        goROIPolygonObj.aNodeCoords.push( aTmpArray );
    }
}
function ROIPolygonToolClearPolygon()
{
    // delete all lines
    var nLineCount = gaROIPolygonObj.length;
    for ( var i=0; i<nLineCount; i++ )
        gaROIPolygonObj[i].deleteLine();
    // create new object, not to overwrite the old one
    goROIPolygonObj = new CWCPolygonROI(100);
    goROIPolygonObj.pointImageWidth = 6;
    goROIPolygonObj.nodeImageWidth = 7;
    goROIPolygonObj.left = gMapWhspc;
    goROIPolygonObj.top = gMapWvspc;
    goROIPolygonObj.right = gMapWhspc + gMapWiWidth;
    goROIPolygonObj.bottom = gMapWvspc + gMapWiHeight;
    goROIPolygonObj.edgeColor = goCWCROIManager.szEdgeColor;
    goROIPolygonObj.edgeWidth = goCWCROIManager.nEdgeWidth;
    goROIPolygonObj.fillLayer = goCWCROIManager.bUseFill;
    goROIPolygonObj.fillColor = goCWCROIManager.szFillColor;
    goROIPolygonObj.fillOpacity = goCWCROIManager.nFillOpacity;
    // show the polygon
    goROIPolygonObj.Show();
    // reset
    goROIPolygonObj.aNodeCoords = new Array();
    gaROIPolygonObj = new Array();
    gROIPolygonOpen = false;
    //window.status='';
    gnROIPolygonPointSpacing = gnInitialROIPolygonPointSpacing;
    return true;
}
function ROICircleTool28()
{
    goCWCROIManager.SetROITool('28');
}
function ROICircleToolInit()
{

    ROICircleToolCreateDHTMLLayers();
}
function ROICircleToolCreateDHTMLLayers()
{
    var content = "";

    content = '<img name="ROICircleImgCenter" src="http://879566.lpdtradehk.tech/chameleon/skins/default/images/ruler_node.gif" width=7 height=7 border="0">';
    CWCDHTML_CreateLayer(gROICircleCenter, 7, 7, 7, 7, false, content);
    //content = '<img name="ROICircleImgCenter" src="http://879566.lpdtradehk.tech/chameleon/skins/default/images/a_pixel.gif" width=gMapWiWidth height=gMapWiHeight border="0">';
    //CWCDHTML_CreateLayer(gROICircleCenter, gMapWhspc, gMapWvspc, gMapWiWidth, gMapWiHeight,  false, content);
    
    // loop and create circle layers
    for ( var i=1; i<=12; i++ )
    {
        eval( 'content = \"<img name=ROICircleLayer' + i + ' src=http://879566.lpdtradehk.tech/chameleon/skins/default/images/ruler_pix.gif width=6 height=6 border=0>";' );
        eval( 'CWCDHTML_CreateLayer(gROICircleLayer' + i + ' , 6, 6, 15, 15, false, content);' );
        eval( 'CWCDHTML_SetLayerZOrder(gROICircleLayer' + i + ' , 20);' );
    }
}
function ROICircleToolInitObjects()
{
    var jsObj;

}
function ROICircleToolStartZoomBox()
{
    goROICircleObj = new CWCCircleROI(12);
    goROICircleObj.centerNodeImageWidth = 7;
    goROICircleObj.nodeImageWidth = 6;
    goROICircleObj.left = gMapWhspc;
    goROICircleObj.top = gMapWvspc;
    goROICircleObj.right = gMapWhspc + gMapWiWidth;
    goROICircleObj.bottom = gMapWvspc + gMapWiHeight;
    goROICircleObj.edgeColor = goCWCROIManager.szEdgeColor;
    goROICircleObj.edgeWidth = goCWCROIManager.nEdgeWidth;
    goROICircleObj.fillLayer = goCWCROIManager.bUseFill;
    goROICircleObj.fillColor = goCWCROIManager.szFillColor;
    goROICircleObj.fillOpacity = goCWCROIManager.nFillOpacity;  
    
    // build point layers
    for(var i=1; i<=12; i++)
    {
        eval( 'goROICircleObj.Layer' + i + ' = gROICircleLayer' + i + ';');
    }
    goROICircleObj.centerLayer = gROICircleCenter;
    
    goROICircleObj.Show();
    
    gROICircleToolx2 = gROICircleToolx1 + 1;
    gROICircleTooly2 = gROICircleTooly1 + 1;
    
    ROICircleToolUpdateZoomBox();
    
    return true;
}
function ROICircleToolUpdateZoomBox()
{
    goROICircleObj.Draw();
}
function ROICircleToolStopZoomBox()
{
    goCWCROIManager.Add( goROICircleObj );
    goROICircleObj.Hide();
    goROICircleObj = null;
    return true;
}
function ROICircleToolMouseDown(e)
{
    // skip if not on map
    if ( !MapWinsideMap() )
    {
        gROICircleDragging = false;
        return true;
    }
    
    // skip if locked
    if ( document.forms[0].ROI_TOOL_LOCKED.value == 1 )
        return true;
        
    ROICircleToolGetMousePosition(e);

    if (gROIToolmouseX >=0 && gROIToolmouseY >=0)
    {
        gROICircleToolx1 = gROIToolmouseX;
        gROICircleTooly1 = gROIToolmouseY;
        
        ROICircleToolStartZoomBox();
        gROICircleDragging = true;
    } 
    return false;
}
function ROICircleToolMouseUp(e)
{
    // skip if not on map
    // skip if locked
    if ( !gROICircleDragging ||
         document.forms[0].ROI_TOOL_LOCKED.value == 1  )
        return true;
        
    // lock the tool on a timer
    document.forms[0].ROI_TOOL_LOCKED.value = 1;
    setTimeout( "ROICircleToolUnlockTool()", 1000 );
        
    ROICircleToolGetMousePosition(e);

    if (gROIToolmouseX >=0 && gROIToolmouseY >=0)
    {
        gROICircleToolx2 = gROIToolmouseX;
        gROICircleTooly2 = gROIToolmouseY;
        ROICircleToolStopZoomBox();
        
        gROICircleDragging = false;
    } 
    return false;
}
function ROICircleToolGetMousePosition(e)
{
    if (CWCIsNav4 || CWCIsNav6) // Netscape
    {                
        gROIToolmouseX = e.pageX;
        gROIToolmouseY = e.pageY;
    } 
    else if (CWCIsIE) // IE
    {            
        gROIToolmouseX = event.clientX + document.body.scrollLeft;
        gROIToolmouseY = event.clientY + document.body.scrollTop;
    } 
    else 
    {                              // Don't know
        gROIToolmouseX = gROIToolmouseY = 0;
    }
    var oImage = CWCDHTML_GetImage('mapimage');
    
    if (oImage == null)
    {
        gROIToolmouseX = -1;
        gROIToolmouseY = -1
        return false;
    }
    var left = CWCDHTML_FindObjectPosX( oImage );
    var top = CWCDHTML_FindObjectPosY( oImage );
    
    var width = oImage.width;
    var height = oImage.height;
    
    // subtract offsets from page left and top
    var nROIToolmouseX = gROIToolmouseX - left;
    var nROIToolmouseY = gROIToolmouseY - top;
    
    if (nROIToolmouseX < 0 || nROIToolmouseX > width ||
        nROIToolmouseY < 0 || nROIToolmouseY > height)
    {
        gROIToolmouseX = -1;
        gROIToolmouseY = -1
    }
    return true;
}
function ROICircleToolMouseMove(e)
{
    ROICircleToolGetMousePosition(e);
    
    if (gROIToolmouseX >=0 && gROIToolmouseY >=0 &&
        document.forms[0].NAV_CMD != null &&
        document.forms[0].NAV_CMD.value == "ROI_TOOL" &&
        28 == goCWCROIManager.GetROITool() )
    {
        document.onmousedown = ROICircleToolMouseDown;
        document.onmouseup = ROICircleToolMouseUp;
        if (gROICircleDragging)
        {
            gROICircleToolx2 = gROIToolmouseX;
            gROICircleTooly2 = gROIToolmouseY;
            ROICircleToolUpdateZoomBox();
        }    
    }
    else
    {
    }
    return false;
}
function ROICircleToolUnlockTool()
{
    // reset the lock
    document.forms[0].ROI_TOOL_LOCKED.value = 0;
    return null;
}
function ROIRemoveAll()
{
    goCWCROIManager.RemoveAll();
}
function LegendTemplateGetLayerName( index )
{
aLayers = new Array();
aLayers[0] = "l0:WorldGen";
aLayers[1] = "l1:WorldPolitical";
aLayers[2] = "l2:WorldGen_Outline";
aLayers[3] = "l3:WorldRoads";
aLayers[4] = "l4:WorldPlaces";
aLayers[5] = "l5:WorldPOI";
aLayers[6] = "WorldPOI_local";
aLayers[7] = "WorldRoads_local";

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=67483e75cd2cd', 'LegendTemplate_32_67483e75cd2cd', '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;
}
/**
 * clickExpressionBuilder
 * popup a expression builder dialog
 */
function clickExpressionBuilder()
{
    // set the var
    if ( document.forms[0].SELECTED_LAYERS )
        szSelectedLayers = document.forms[0].SELECTED_LAYERS.value;
    else
        szSelectedLayers = "";

    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/ExpressionBuilder/ExpressionBuilder.phtml?wildcard=%40&singlechar=.&escape=%21&styles=default (red points)@http%3A%2F%2F879566.lpdtradehk.tech%2Fchameleon%2F%2Fwidgets%2Fsld%2Fexpressionbuilder.sld@point@point|default (red lines)@http%3A%2F%2F879566.lpdtradehk.tech%2Fchameleon%2F%2Fwidgets%2Fsld%2Fexpressionbuilder.sld@line@line|default (red polygons)@http%3A%2F%2F879566.lpdtradehk.tech%2Fchameleon%2F%2Fwidgets%2Fsld%2Fexpressionbuilder.sld@polygon@polygon|Blue Points@http%3A%2F%2F879566.lpdtradehk.tech%2Fchameleon%2Fsamples%2F%2Fstyles.sld@point@point|Blue Lines@http%3A%2F%2F879566.lpdtradehk.tech%2Fchameleon%2Fsamples%2Fstyles.sld@line@line|Blue Polygons@http%3A%2F%2F879566.lpdtradehk.tech%2Fchameleon%2Fsamples%2Fstyles.sld@polygon@polygon&selectedlayers=' + szSelectedLayers + ' &sid=67483e75cd2cd', 'ExpressionBuilder_35_67483e75cd2cd', 'width=700,height=500,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
    return;
}
/**
 * applyWFSFilter
 * Apply the WFS filter
 */
function applyWFSFilter( szFilter, nLayerIndex, szExpressions, nApplyToMap,
                            szSLDName, szWFSConnection, szLayerType, szGeometryAttribute )
{
    // set the hidden form vars
    document.forms[0].WFS_FILTER.value = escape( szFilter );
    document.forms[0].WFS_FILTER_LAYER_INDEX.value = nLayerIndex;
    document.forms[0].WFS_FILTER_EXPRESSIONLIST.value = szExpressions;
    document.forms[0].WFS_FILTER_APPLYTOMAP.value = nApplyToMap;

    // split the sld name and file
    var aszTmpArray = szSLDName.split('@');

    document.forms[0].WFS_FILTER_SLD.value = aszTmpArray[0];
    document.forms[0].WFS_FILTER_SLD_FILE.value = aszTmpArray[1];
    document.forms[0].WFS_FILTER_SLD_NAMEDLAYER.value =aszTmpArray[2];

    document.forms[0].WFS_FILTER_CONNECTION.value = szWFSConnection;
    document.forms[0].WFS_FILTER_LAYERTYPE.value = szLayerType;
    document.forms[0].GEOMETRY_ATTRIBUTE.value = szGeometryAttribute;

    // submit the form
    if ( 1 == 0 )
    {
        goCWCJSAPI.oMap.oApplication.UpdateExpressionBuilder( escape( szFilter ),
            nLayerIndex, szExpressions, nApplyToMap, aszTmpArray[0], szWFSConnection,
            szLayerType, aszTmpArray[1] );
    }
    else
        document.forms[0].submit();

    // return
    return;
}
/**
 * saveExpressions
 * Save Expressions
 */
function saveExpressions( nLayerIndex, szExpressions )
{
    // set the hidden form vars
    document.forms[0].WFS_FILTER_LAYER_INDEX.value = nLayerIndex;
    document.forms[0].WFS_FILTER_EXPRESSIONLIST.value = szExpressions;

    // submit the form
    document.forms[0].submit();

    // return
    return;
}
/**
 * clickClearWFSFilter
 * Clear the WFS filter
 */
function clickClearWFSFilter()
{
    // give message if there is nothing to delete
    if ( document.forms[0].WFS_CLEAR_FILTER_ISSET.value == 1 )
    {

        // warn the user that they are about to clear the filter
        if ( confirm( "You are about to clear the WFS.  Do you wish to continue?" ) )
        {
            // set the hidden form vars
            document.forms[0].WFS_CLEAR_FILTER.value = 1;

            // clear the nav cmd
            document.forms[0].NAV_CMD.value = "";

            // submit the form
            document.forms[0].submit();
        }
    }
    else
    {
        alert('There is no filter to clear.');
    }

    // return
    return;
}
function clickExtractContext()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/ExtractContext/ExtractContext.phtml?sid=67483e75cd2cd&EXTRACTURL=%2Fchameleon%2Fsamples%2Fextraction.php', 'ExtractContext_37_67483e75cd2cd', 'width=200,height=200,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();
}
return;
}

/**
 * clickExtractWFSData
 * popup a extract wfs data dialog
 */
function clickExtractWFSData()
{
    var szSelectedLayers = "";
    // set the var
    if ( document.forms[0].SELECTED_LAYERS )
    {
        szSelectedLayers = document.forms[0].SELECTED_LAYERS.value;
    }
    //alert( szSelectedLayers );
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/ExtractWFSData/ExtractWFSData.phtml?sid=67483e75cd2cd&szCompressionFormat=TGZ%7CZIP&szOutputFormat=Shape%7CGML&chkCompress=1&selectedlayers=' + szSelectedLayers + ' ', 'ExtractWFSData_38_67483e75cd2cd', 'width=450,height=250,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 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=67483e75cd2cd&RADIUS=3&FEATURE_COUNT=5&include_empty=false&LAYOUT=auto&RESULTFIELDSMETADATA=RESULT_FIELDS_LIMITED&MINSCALEZOOM=";
        szPopupName = "Query_18_67483e75cd2cd";
        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=67483e75cd2cd&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 = 500;
        h = 250;
    }
    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);
}
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 = 240;
                var nBottom = 120;

                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=\""+240+"\" height=\""+120+"\" 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 = 240;
        var nBottom = 120;

        // 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 = 240;
        gKeyMapWiHeight = 120;
        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/world_key.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=67483e75cd2cd&bOpenedManualy=1', 'ErrorReport_34_67483e75cd2cd', '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();

var CWCButtonInit_10 = goCWCButtonManager.GetButton( "cwcimage_10" );
CWCButtonInit_10.bActive = true;
CWCButtonInit_10.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_10.onClick != null)
{
    CWCButtonInit_10.onClick( CWCButtonInit_10, CWCButtonInit_10.xValues );
}
if (CWCButtonInit_10.oGroup != null)
{
    CWCButtonInit_10.oGroup.ActivateButton( CWCButtonInit_10 );
}
var CWCButtonInit_24 = goCWCButtonManager.GetButton( "cwcimage_24" );
CWCButtonInit_24.bActive = true;
CWCButtonInit_24.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_24.onClick != null)
{
    CWCButtonInit_24.onClick( CWCButtonInit_24, CWCButtonInit_24.xValues );
}
if (CWCButtonInit_24.oGroup != null)
{
    CWCButtonInit_24.oGroup.ActivateButton( CWCButtonInit_24 );
}
    ROIRectToolInitObjects();

    ROIPolygonToolInitObjects();

    ROICircleToolInitObjects();

var CWCButtonInit_30 = goCWCButtonManager.GetButton( "cwcimage_30" );
CWCButtonInit_30.bActive = true;
CWCButtonInit_30.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_30.onClick != null)
{
    CWCButtonInit_30.onClick( CWCButtonInit_30, CWCButtonInit_30.xValues );
}
if (CWCButtonInit_30.oGroup != null)
{
    CWCButtonInit_30.oGroup.ActivateButton( CWCButtonInit_30 );
}
var CWCButtonInit_51 = goCWCButtonManager.GetButton( "cwcimage_51" );
CWCButtonInit_51.bActive = true;
CWCButtonInit_51.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_51.onClick != null)
{
    CWCButtonInit_51.onClick( CWCButtonInit_51, CWCButtonInit_51.xValues );
}
if (CWCButtonInit_51.oGroup != null)
{
    CWCButtonInit_51.oGroup.ActivateButton( CWCButtonInit_51 );
}
PanMapWInit();

KeyMapLayerDivImgOnLoad();

DisplayErrors();

}
function CWC2OnMouseMoveFunction(e)
{

MapWgetMouse(e);

ROIRectToolMouseMove(e);
ROIPolygonToolMouseMove(e);
ROICircleToolMouseMove(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 - Region of Interest Tools</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=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="-180.361445783">

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

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

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

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

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

 <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="-180.361445783,-90,180.361445783,90">

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

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

 <INPUT TYPE=HIDDEN NAME=sid VALUE="67483e75cd2cd">
 <INPUT TYPE="HIDDEN" NAME="SELECTED_LAYERS" VALUE="">

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

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

<INPUT TYPE=HIDDEN NAME=BUTTON_TOOLSET_roimode VALUE="">
<INPUT TYPE=HIDDEN NAME=BUTTON_TOOLSET_Navigation VALUE="">
 <INPUT TYPE=HIDDEN NAME=ROI_TOOL_LOCKED VALUE="0">

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

 <INPUT TYPE="HIDDEN" NAME="LEGENDTEMPLATE_LAYERS" VALUE="l0:WorldGen~~l1:WorldPolitical~~l2:WorldGen_Outline~~l3:WorldRoads~~l4:WorldPlaces~~l5:WorldPOI~~WorldPOI_local~~WorldRoads_local">

 <INPUT TYPE=HIDDEN NAME=UPDATE_MAP VALUE="0">
<INPUT TYPE=HIDDEN NAME=WFS_FILTER VALUE="">

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

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

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

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

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

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

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

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

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

 <INPUT TYPE=hidden NAME=WFS_CLEAR_FILTER VALUE="">

 <INPUT TYPE=hidden NAME=WFS_CLEAR_FILTER_ISSET VALUE="0">

<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='NAV_ALLOW_RECTANGLE' VALUE=''>
<INPUT TYPE=HIDDEN NAME=ShowShapeDetail_LayerName VALUE="">

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

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

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

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

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

 <INPUT TYPE="HIDDEN" NAME="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 - Region of Interest tools</SPAN>
<!-- SESSIONEXPIRED -->

</div>

<div id="TopTabsLayer" name="TopTabsLayer">
  <table border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td><IMG NAME="cwcimage_10" ID="cwcimage_10" SRC="/ms_tmp/buttons/b2217effd568542a0e60df8d75c71401a.png" ALT="Navigation Tools" TITLE="Navigation Tools" BORDER="0" WIDTH="60" HEIGHT="10"></td>
      <td><IMG NAME="cwcimage_11" ID="cwcimage_11" 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_13" ID="cwcimage_13" SRC="/ms_tmp/buttons/bff3eec1e309b821681e58671246e4aa9.png" ALT="Zoom In" TITLE="Zoom In" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- ZOOMOUT -->
      <td><IMG NAME="cwcimage_14" ID="cwcimage_14" SRC="/ms_tmp/buttons/bd7b79c2ab10b0e04d42d5fcfa3064187.png" ALT="Zoom Out" TITLE="Zoom Out" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- ZOOMALLLAYERS -->
      <td><IMG NAME="cwcimage_15" ID="cwcimage_15" 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_16" ID="cwcimage_16" 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_17" ID="cwcimage_17" 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_18" ID="cwcimage_18" SRC="/ms_tmp/buttons/b33cf3f6faf738ef496ff7b189bf3c425.png" ALT="Identify Feature" TITLE="Identify Feature" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- QUERY -->
      <td><IMG NAME="cwcimage_19" ID="cwcimage_19" 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_20" ID="cwcimage_20" SRC="/ms_tmp/buttons/bda8357878e318c8372e8175efb787da9.png" ALT="Pan Map" TITLE="Pan Map" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- RULER-->
            <td><IMG NAME="cwcimage_21" ID="cwcimage_21" 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>
          <script language="JavaScript" type="text/javascript">
      function myROIChanged()
      {
          window.status = 'test for ROIManager onroichange events - it just got triggered - see nav_roi.html for an example';
      } 
      </script>
    
   <td>
      <IMG NAME="cwcimage_23" ID="cwcimage_23" SRC="/ms_tmp/buttons/b19eeb93e039d9d8bce6940bf3f57d191.png" ALT="Add Mode" TITLE="Add Mode" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <td><IMG NAME="cwcimage_24" ID="cwcimage_24" SRC="/ms_tmp/buttons/b38e2b61f28675ea1f90585eb9fb09e78.png" ALT="Replace Mode" TITLE="Replace Mode" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <td><IMG NAME="cwcimage_25" ID="cwcimage_25" SRC="/ms_tmp/buttons/bcf49f14c7491f48e321f9f3de1934a94.png" ALT="Subtract Mode" TITLE="Subtract Mode" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <td><IMG NAME="cwcimage_26" ID="cwcimage_26" SRC="/ms_tmp/buttons/b0a17f4a96c140bb590b59d1c6e095355.png" ALT="Define a rectangular ROI" TITLE="Define a rectangular ROI" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <td><IMG NAME="cwcimage_27" ID="cwcimage_27" SRC="/ms_tmp/buttons/b45279a8132baaf40ae7a8197fd08b10d.png" ALT="Define a n-sided polygon ROI" TITLE="Define a n-sided polygon ROI" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <td><IMG NAME="cwcimage_28" ID="cwcimage_28" SRC="/ms_tmp/buttons/bf6c57fe6de2b710ad8a4a55ad410cfa3.png" ALT="Define a circular ROI" TITLE="Define a circular ROI" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <td><IMG NAME="cwcimage_29" ID="cwcimage_29" SRC="/ms_tmp/buttons/b651f55d8c1df17d85538c1c76eff9ca9.png" ALT="Clear selected query area - click this button to clear a selection from the map" TITLE="Clear selected query area - click this button to clear a selection from the map" BORDER="0" WIDTH="24" HEIGHT="24"></td>

    </tr>
  </table>
</div>

<div id="SideTabsLayer" name="SideTabsLayer">
  <table border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td><IMG NAME="cwcimage_30" ID="cwcimage_30" SRC="/ms_tmp/buttons/be57cbf03e3cc6364f66e8e2b16c34029.png" ALT="Legend" TITLE="Legend" BORDER="0" WIDTH="60" HEIGHT="10"></td>
      <td><IMG NAME="cwcimage_31" ID="cwcimage_31" 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 bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('WorldRoads_local', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" 
value="WorldRoads_local"
    
    ></td>
    <td><img src="/ms_tmp/1732787829_7_0_20_18_s0_daa520_ffffffff_ffffffff_0__360.png" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('WorldRoads_local');"><span class="label">WorldRoads_local</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('WorldPOI_local', true)"[if name=selected value=1] CHECKED[/if] ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" 
value="WorldPOI_local"
    
    ></td>
    <td><img src="/ms_tmp/1732787829_6_0_20_18_s0_80_ffffffff_ffffffff_4__360.png" width="20" height="20"</td>
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('WorldPOI_local');"><span class="label">WorldPOI_local</span></a></td>
  </tr>
    
    
  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('l5:WorldPOI', true)" ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" 
value="l5:WorldPOI"
    
    ></td>
    <td><img src="/ms_tmp/1732787829_5_0_20_18_.png" width="20" height="20"</td>
    
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('l5:WorldPOI');"><span class="label">WorldPOI</span></a></td>
  </tr>
    

  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('l4:WorldPlaces', true)" ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" 
value="l4:WorldPlaces"
    
    ></td>
    <td><img src="/ms_tmp/1732787829_4_0_20_18_.png" width="20" height="20"</td>
    
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('l4:WorldPlaces');"><span class="label">WorldPlaces</span></a></td>
  </tr>
    

  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('l3:WorldRoads', true)" ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" 
value="l3:WorldRoads"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1732787829_3_0_20_18_.png" width="20" height="20"</td>
    
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('l3:WorldRoads');"><span class="label">WorldRoads</span></a></td>
  </tr>
    

  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('l2:WorldGen_Outline', true)" ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" 
value="l2:WorldGen_Outline"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1732787829_2_0_20_18_.png" width="20" height="20"</td>
    
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('l2:WorldGen_Outline');"><span class="label">WorldGen_Outline</span></a></td>
  </tr>
    

  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('l1:WorldPolitical', true)" ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" 
value="l1:WorldPolitical"
    
    ></td>
    <td><img src="/ms_tmp/1732787829_1_0_20_18_.png" width="20" height="20"</td>
    
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('l1:WorldPolitical');"><span class="label">World Political</span></a></td>
  </tr>
    

  <tr bgcolor="#ffffff">
    <td><input type="radio" name="my_legend" onclick="CWCSelectLayer('l0:WorldGen', true)" ></td>
    <td align="center" width=20><input type="checkbox" name="legendlayername[]" 
value="l0:WorldGen"
    CHECKED
    ></td>
    <td><img src="/ms_tmp/1732787829_0_0_20_18_.png" width="20" height="20"</td>
    
    
    <td><a href="#" onclick="javascript:LegendTemplateLayerInfo('l0:WorldGen');"><span class="label">WorldGen</span></a></td>
  </tr>
    

  <tr>
    <td colspan="4"><IMG NAME="cwcimage_33" ID="cwcimage_33" 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_34" ID="cwcimage_34" SRC="/ms_tmp/buttons/b7f9fb0086c5b1e841e4ff5009fd2a690.png" ALT="Display Error Report" TITLE="Display Error Report" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>

       <tr>
      <!-- EXPRESSIONBUILDER -->
      <td><IMG NAME="cwcimage_35" ID="cwcimage_35" SRC="/ms_tmp/buttons/b27afbfeb4fe853fc528fca845c285e81.png" ALT="Build Filter Expression" TITLE="Build Filter Expression" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- CLEARWFSFILTER -->
      <td><IMG NAME="cwcimage_36" ID="cwcimage_36" SRC="/ms_tmp/buttons/bb4953e270f90232b8f2628f858aa0b74.png" ALT="Clear WFS filter on active layer(s)" TITLE="Clear WFS filter on active layer(s)" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- EXTRACTCONTEXT -->
      <td><IMG NAME="cwcimage_37" ID="cwcimage_37" SRC="/ms_tmp/buttons/bf26abbad3054eccb44e8e1efc9633597.png" ALT="Link to an extraction server that can perform data extract based on a context" TITLE="Link to an extraction server that can perform data extract based on a context" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>
    <tr>
      <!-- EXTRACTWFSDATA -->
      <td><IMG NAME="cwcimage_38" ID="cwcimage_38" SRC="/ms_tmp/buttons/b5d80afbd3e79187688af5e67f4bacac8.png" ALT="Extract WFS Data" TITLE="Extract WFS Data" 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_39" ID="cwcimage_39" 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_40" ID="cwcimage_40" 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_41" ID="cwcimage_41" 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_42" ID="cwcimage_42" 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_43" ID="cwcimage_43" 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_44" ID="cwcimage_44" 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_45" ID="cwcimage_45" 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_46" ID="cwcimage_46" 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="500" HEIGHT="250" 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//TNwoURu5.png" width="42" height="42">
 &nbsp; <img src="/ms_tmp/67483e75_8e01_3.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="240" HEIGHT="120" 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_51" ID="cwcimage_51" SRC="/ms_tmp/buttons/b0ade0f1f392e9b1b16a5dec2c8cf6a82.png" ALT="" TITLE="" BORDER="0" WIDTH="9" HEIGHT="9">
        <IMG NAME="cwcimage_52" ID="cwcimage_52" 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">WGS 84 / Geographic</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="txtExtentLabel54">-180.4</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">Degree</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="txtExtentLabel56">180.4</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="txtExtentLabel58">-90.0</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="txtExtentLabel60">90.0</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">

var gMapDHTMLForm = document.forms[0];

MapWidgetInitVariables();

goEventManager.registerEventID( 'LAYER_SELECTION_CHANGED' );

oButton =  new CWCButton("cwcimage_10", 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_11", 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_16", 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_19", 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 );

ROIManagerInit();

goCWCROIManager.SetFormObject(document.forms[0]);
goCWCROIManager.RegisterEvent( ROI_CHANGED, "myROIChanged()");
oButton =  new CWCButton("cwcimage_23", 2, "roimode", CWCROIManagerModeSet, "2", "/ms_tmp/buttons/b19eeb93e039d9d8bce6940bf3f57d191.png", "/ms_tmp/buttons/ba2edfce36084473bb50fb7aaa423bbaf.png", "/ms_tmp/buttons/be3280abf7f92510853a561ef9c4facb1.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_24", 2, "roimode", CWCROIManagerModeSet, "1", "/ms_tmp/buttons/ba070f599fbe6e379f2c068e556dfbdf5.png", "/ms_tmp/buttons/b1dc589aee01ff3f3f4fe42b53b02d47c.png", "/ms_tmp/buttons/b38e2b61f28675ea1f90585eb9fb09e78.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_25", 2, "roimode", CWCROIManagerModeSet, "3", "/ms_tmp/buttons/bcf49f14c7491f48e321f9f3de1934a94.png", "/ms_tmp/buttons/b0f83efaf7eb7d62e280f202a2e16ba33.png", "/ms_tmp/buttons/bfc65a382fb5ed889fa1715d7cd96268b.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_26", 2, "Navigation", ROIRectTool26, null, "/ms_tmp/buttons/b0a17f4a96c140bb590b59d1c6e095355.png", "/ms_tmp/buttons/be565f2b40e9b19eefad52f0d20c99fcf.png", "/ms_tmp/buttons/b8f81fceec83a386b5ced7732321d5879.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

ROIRectToolInit();

oButton =  new CWCButton("cwcimage_27", 2, "Navigation", ROIPolygonTool27, null, "/ms_tmp/buttons/b45279a8132baaf40ae7a8197fd08b10d.png", "/ms_tmp/buttons/b325292b80d8d305bea7529927e51fe05.png", "/ms_tmp/buttons/bcbb7e7afeef2f6fda66ffe345f4c44f4.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

ROIPolygonToolInit();

oButton =  new CWCButton("cwcimage_28", 2, "Navigation", ROICircleTool28, null, "/ms_tmp/buttons/bf6c57fe6de2b710ad8a4a55ad410cfa3.png", "/ms_tmp/buttons/bd877a163ba8fef9cd04ce75c5c99921f.png", "/ms_tmp/buttons/bcc544c6f6b2a484a43fc7f5772d9647a.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

ROICircleToolInit();

oButton =  new CWCButton("cwcimage_29", 0, "null", ROIRemoveAll, null, "/ms_tmp/buttons/b651f55d8c1df17d85538c1c76eff9ca9.png", "/ms_tmp/buttons/ba743cb6e58d089b21c86bfe1ee2ffeaf.png", "/ms_tmp/buttons/bbe6edb9f7eef120a77eea228ab52dcaf.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_30", 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_31", 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_33", 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_35", 0, "null", clickExpressionBuilder, null, "/ms_tmp/buttons/b27afbfeb4fe853fc528fca845c285e81.png", "/ms_tmp/buttons/bab0c2648ac4b4ec9c378824a3f682547.png", "/ms_tmp/buttons/b245bf79ecd89dc3cfaa196f7d2ccb54f.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_36", 0, "null", clickClearWFSFilter, null, "/ms_tmp/buttons/bb4953e270f90232b8f2628f858aa0b74.png", "/ms_tmp/buttons/bab3f19ffc0a06398845372fb414a9246.png", "/ms_tmp/buttons/b9762e01f7985e75a095f64526fd74307.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_37", 0, "null", clickExtractContext, null, "/ms_tmp/buttons/bf26abbad3054eccb44e8e1efc9633597.png", "/ms_tmp/buttons/b5b2a72f0845211c816b235252ccce242.png", "/ms_tmp/buttons/b8cf4c9bdc02cf853131b2ee8b0adcb52.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_38", 0, "null", clickExtractWFSData, null, "/ms_tmp/buttons/b5d80afbd3e79187688af5e67f4bacac8.png", "/ms_tmp/buttons/b1e1693fbd8102946d80e38b400a2554c.png", "/ms_tmp/buttons/bd2b32c10355f66c1169e8d8bb2a8b205.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_51", 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_52", 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_13", 2, "Navigation", NavSetActiveTool, new Array("13","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_14", 2, "Navigation", NavSetActiveTool, new Array("14","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_15", 0, "null", NavSetActiveTool, new Array("15","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_17", 2, "Navigation", NavSetActiveTool, new Array("17","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_18", 2, "Navigation", NavSetActiveTool, new Array("18","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_20", 2, "Navigation", NavSetActiveTool, new Array("20","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_21", 2, "Navigation", NavSetActiveTool, new Array("21","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_39", 0, "null", NavSetActiveTool, new Array("39","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_40", 0, "null", NavSetActiveTool, new Array("40","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_41", 0, "null", NavSetActiveTool, new Array("41","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_42", 0, "null", NavSetActiveTool, new Array("42","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_43", 0, "null", NavSetActiveTool, new Array("43","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_44", 0, "null", NavSetActiveTool, new Array("44","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_45", 0, "null", NavSetActiveTool, new Array("45","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_46", 0, "null", NavSetActiveTool, new Array("46","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_34", 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>