

<!-- ERRORS
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_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_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 http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_cs.js -->
<script language="JavaScript" src="http://879566.lpdtradehk.tech/chameleon//widgets/js/cwc_cs.js" type="text/javascript"></script>
<SCRIPT Language="JavaScript"  type="text/javascript">

var gCWCJSAPI = 0;
var gAPixel = 'http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif';
var gMapWiWidth = 400;
var gMapWiHeight = 300;
var gMapDHTMLDelayDraw = true;
var gMapDHTMLWaitImage = 'http://879566.lpdtradehk.tech/chameleon/samples///skins/sample/images/spinner.gif';
var gMapDHTMLWaitImageWidth = 216;
var gMapDHTMLWaitImageHeight = 50;
var gMapDHTMLVerticalMarquee = 'http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif';
var gMapDHTMLHorizontalMarquee = 'http://879566.lpdtradehk.tech/chameleon//skins/default/images/a_pixel.gif';
var gMapDHTMLMarqueeWidth = 2;
var gMapDHTMLMarqueeColor = 'FF3333';
var gMapDHTMLURL = '/chameleon/common//wrapper/drawmap.php?map_session_mode=1&run_query=0&sid=674bc71c72a6b&streaming=true&dummy=0.65896300+1733019420';
var gMapDHTMLAllowResize = 1;
var gMapOffset = 1;
if (navigator.appName != "Microsoft Internet Explorer") document.captureEvents(Event.MOUSEMOVE);

var gnMouseX = -1;

var gnMouseY = -1;

 var gContextSelectorManager = "0";

function KeyMapTrackMouseXY(e)
{
    if (navigator.appName == "Microsoft Internet Explorer")
    {
        gnMouseX = event.clientX + document.body.scrollLeft;
        gnMouseY = event.clientY + document.body.scrollTop;
    }
    else
    {
        gnMouseX = e.pageX;
        gnMouseY = e.pageY;
    }
    return true;
}
function KeyMapCaptureMouse()
{
    document.onmousemove=KeyMapTrackMouseXY;
}
function KeyMapReleaseMouse()
{
    document.onmousemove=null;
}
function KeyMapClicked( )
{
    if (gnMouseX == -1 || gnMouseY == -1)
        return;

    var nAnchorX = CWCDHTML_FindObjectPosX( CWCDHTML_GetImage('keymapFrameTL') );
    var nAnchorY = CWCDHTML_FindObjectPosY( CWCDHTML_GetImage('keymapFrameTL') );;

    // Keep the old information for the jsapi mode.
    if(0)
    {
        var sOldTool = goCWCJSAPI.NAV_CMD;
    }

    nAnchorX +=1;
    nAnchorY +=1;

    nMapX = gnMouseX - nAnchorX;
    nMapY = gnMouseY - nAnchorY;

    szCoord= nMapX + "," + nMapY;

    document.forms[0].NAV_INPUT_COORDINATES.value=szCoord;
    document.forms[0].NAV_INPUT_TYPE.value='POINT';
    document.forms[0].NAV_CMD.value='KEY_MAP';

    if (0)
    {
        goCWCJSAPI.NAV_INPUT_COORDINATES = szCoord;
        goCWCJSAPI.NAV_INPUT_TYPE = 'POINT';
        goCWCJSAPI.NAV_CMD='KEY_MAP';
        goCWCJSAPI.UpdateNavTools();

        goCWCJSAPI.NAV_CMD = sOldTool;
        goCWCJSAPI.NAV_INPUT_COORDINATES = '';
        goCWCJSAPI.NAV_INPUT_TYPE = '';
        document.forms[0].NAV_INPUT_COORDINATES.value='';
        document.forms[0].NAV_INPUT_TYPE.value='';
        document.forms[0].NAV_CMD.value=sOldTool;
    }
    else
    {
        document.forms[0].submit();
    }
}
/**
 * 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=674bc71c72a6b', 'BoundingBoxPopup_15_674bc71c72a6b', 'width=490,height=450,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes');
if (!wh)
{
    alert( 'unable to open popup dialog.  Perhaps you have a popup blocker installed?' );
}
else
{
    wh.focus();
}
    return;
}
/**
 * applyBoundingBox
 * popup a Bounding Box dialog
 */
function applyBoundingBox(nMinX, nMinY, nMaxX, nMaxY)
{
    szCoords = "" + nMinX + "," + nMinY;
    if (nMaxX != "" && nMaxY != "")
    {
        szType = "RECTANGLE";
        szCoords = szCoords + "," + nMaxX + "," + nMaxY;
    }
    else
    {
        szType = "POINT";
    }
    document.forms[0].NAV_CMD.value="ZOOM_BBOX";
    document.forms[0].NAV_INPUT_TYPE.value=szType;
    document.forms[0].NAV_INPUT_COORDINATES.value=szCoords;

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

    if (0)
    {
        goCWCJSAPI.NAV_CMD="ZOOM_BBOX";
        goCWCJSAPI.NAV_INPUT_TYPE = szType;
        goCWCJSAPI.NAV_INPUT_COORDINATES=szCoords;
        if (arguments.length == 5)
        {
            goCWCJSAPI.NAV_INPUT_SRS=arguments[4];
        }
        goCWCJSAPI.UpdateNavTools();
    }
    else
    {
        document.forms[0].submit();
    }
     return;
}
/**
 * getMapExtents
 * return the current extents as an array (minx, miny, maxx, maxy)
 */
function getMapExtents()
{
    return new Array( -2601225, -712631, 3474025, 3840000 );
}
/**
 * clickClearQueryResults
 * called when the user clicks the ClearQueryResults icon
 */
function clickClearQueryResults()
{
    var img = CWCDHTML_GetImage( 'MapLayerDivImg' );
    var url = gMapDHTMLURL;
    var d = new Date();
    var unique = d.getTime() + '' + Math.floor(1000 * Math.random());
    url = url + "&UniqId="+unique;
    img.src = url + "&gszPersistentQuery=false";
    return true;
}
/**
 * ContextSelector_initialize
 * called during OnLoad event to initialize the Context Selector manager
 * adube, also hide previously hidden html elements by user before the update
 */
function ContextSelector_initialize()
{
    gContextSelectorManager = new CWC2_CS_Manager( );
    gContextSelectorManager.form = document.forms[0];
    gContextSelectorManager.mszDisplayButton = "/chameleon/images/button_display.png";
    gContextSelectorManager.mszHideButton = "/chameleon/images/button_hide.png";
    gContextSelectorManager.mszThemeLegendMode = "tree";
    oTheme0 = new CWC2_CS_Theme( ": Raster" );
    gContextSelectorManager.AddTheme( oTheme0 );
    oTheme0.SetType( "radio" );
    oTheme0.SetSelfType( "checkbox" );
    oGroup = new CWC2_CS_Group( "Bathymetry" );
    oTheme0.AddGroup( oGroup );
    oGroup.SetSelfType( "radio" );
    oGroup.AddLayer( new CWC2_CS_Layer( "bathymetry" ) );
    oGroup.SetStatus( true );
    oTheme1 = new CWC2_CS_Theme( ": Polygons" );
    gContextSelectorManager.AddTheme( oTheme1 );
    oTheme1.SetType( "checkbox" );
    oTheme1.SetSelfType( "checkbox" );
    oTheme2 = new CWC2_CS_Theme( ": Parks and Water" );
    gContextSelectorManager.AddChildTheme( 1, oTheme2 );
    oTheme2.SetType( "checkbox" );
    oTheme2.SetSelfType( "checkbox" );
    oTheme3 = new CWC2_CS_Theme( ": Parks" );
    gContextSelectorManager.AddChildTheme( 2, oTheme3 );
    oTheme3.SetType( "checkbox" );
    oTheme3.SetSelfType( "checkbox" );
    oGroup = new CWC2_CS_Group( "Parks" );
    oTheme3.AddGroup( oGroup );
    oGroup.SetSelfType( "checkbox" );
    oGroup.AddLayer( new CWC2_CS_Layer( "park" ) );
    oTheme4 = new CWC2_CS_Theme( ": Water" );
    gContextSelectorManager.AddChildTheme( 2, oTheme4 );
    oTheme4.SetType( "checkbox" );
    oTheme4.SetSelfType( "checkbox" );
    oGroup = new CWC2_CS_Group( "Water" );
    oTheme4.AddGroup( oGroup );
    oGroup.SetSelfType( "checkbox" );
    oGroup.AddLayer( new CWC2_CS_Layer( "drain_fn" ) );
    oGroup.AddLayer( new CWC2_CS_Layer( "drainage" ) );
    oGroup.SetStatus( true );
    oTheme5 = new CWC2_CS_Theme( ": Foreign Lands" );
    gContextSelectorManager.AddChildTheme( 1, oTheme5 );
    oTheme5.SetType( "checkbox" );
    oTheme5.SetSelfType( "checkbox" );
    oGroup = new CWC2_CS_Group( "Foreign Lands" );
    oTheme5.AddGroup( oGroup );
    oGroup.SetSelfType( "checkbox" );
    oGroup.AddLayer( new CWC2_CS_Layer( "land_fn" ) );
    oGroup.SetStatus( true );
    oTheme6 = new CWC2_CS_Theme( ": Line" );
    gContextSelectorManager.AddTheme( oTheme6 );
    oTheme6.SetType( "radio" );
    oTheme6.SetSelfType( "checkbox" );
    oTheme7 = new CWC2_CS_Theme( ": Transportation" );
    gContextSelectorManager.AddChildTheme( 6, oTheme7 );
    oTheme7.SetType( "checkbox" );
    oTheme7.SetSelfType( "radio" );
    oTheme8 = new CWC2_CS_Theme( ": Road" );
    gContextSelectorManager.AddChildTheme( 7, oTheme8 );
    oTheme8.SetType( "checkbox" );
    oTheme8.SetSelfType( "checkbox" );
    oGroup = new CWC2_CS_Group( "Road" );
    oTheme8.AddGroup( oGroup );
    oGroup.SetSelfType( "checkbox" );
    oGroup.AddLayer( new CWC2_CS_Layer( "road" ) );
    oTheme9 = new CWC2_CS_Theme( ": Rail" );
    gContextSelectorManager.AddChildTheme( 7, oTheme9 );
    oTheme9.SetType( "radio" );
    oTheme9.SetSelfType( "checkbox" );
    oGroup = new CWC2_CS_Group( "Rail" );
    oTheme9.AddGroup( oGroup );
    oGroup.SetSelfType( "radio" );
    oGroup.AddLayer( new CWC2_CS_Layer( "rail" ) );
    oTheme10 = new CWC2_CS_Theme( ": Boundaries" );
    gContextSelectorManager.AddChildTheme( 6, oTheme10 );
    oTheme10.SetType( "radio" );
    oTheme10.SetSelfType( "radio" );
    oTheme11 = new CWC2_CS_Theme( ": Provinces" );
    gContextSelectorManager.AddChildTheme( 10, oTheme11 );
    oTheme11.SetType( "checkbox" );
    oTheme11.SetSelfType( "radio" );
    oGroup = new CWC2_CS_Group( "Provinces" );
    oTheme11.AddGroup( oGroup );
    oGroup.SetSelfType( "checkbox" );
    oGroup.AddLayer( new CWC2_CS_Layer( "prov_bound" ) );
    oGroup.SetStatus( true );
    oTheme12 = new CWC2_CS_Theme( ": Federal Limit" );
    gContextSelectorManager.AddChildTheme( 10, oTheme12 );
    oTheme12.SetType( "radio" );
    oTheme12.SetSelfType( "radio" );
    oGroup = new CWC2_CS_Group( "Federal Limit" );
    oTheme12.AddGroup( oGroup );
    oGroup.SetSelfType( "radio" );
    oGroup.AddLayer( new CWC2_CS_Layer( "fedlimit" ) );
    oGroup.SetStatus( true );
    oTheme13 = new CWC2_CS_Theme( ": Point" );
    gContextSelectorManager.AddTheme( oTheme13 );
    oTheme13.SetType( "radio" );
    oTheme13.SetSelfType( "checkbox" );
    oTheme14 = new CWC2_CS_Theme( ": Cities1" );
    gContextSelectorManager.AddChildTheme( 13, oTheme14 );
    oTheme14.SetType( "radio" );
    oTheme14.SetSelfType( "radio" );
    oTheme15 = new CWC2_CS_Theme( ": Cities2" );
    gContextSelectorManager.AddChildTheme( 14, oTheme15 );
    oTheme15.SetType( "checkbox" );
    oTheme15.SetSelfType( "radio" );
    oTheme16 = new CWC2_CS_Theme( ": Cities3" );
    gContextSelectorManager.AddChildTheme( 15, oTheme16 );
    oTheme16.SetType( "radio" );
    oTheme16.SetSelfType( "checkbox" );
    oTheme17 = new CWC2_CS_Theme( ": Cities4" );
    gContextSelectorManager.AddChildTheme( 16, oTheme17 );
    oTheme17.SetType( "radio" );
    oTheme17.SetSelfType( "radio" );
    oGroup = new CWC2_CS_Group( "Cities" );
    oTheme17.AddGroup( oGroup );
    oGroup.SetSelfType( "radio" );
    oGroup.AddLayer( new CWC2_CS_Layer( "popplace" ) );
    oGroup.SetStatus( true );
    oTheme18 = new CWC2_CS_Theme( ": Other" );
    gContextSelectorManager.AddTheme( oTheme18 );
    oTheme18.SetType( "radio" );
    oTheme18.SetSelfType( "checkbox" );
    oGroup = new CWC2_CS_Group( "grid" );
    oTheme18.AddGroup( oGroup );
    oGroup.SetSelfType( "radio" );
    oGroup.AddLayer( new CWC2_CS_Layer( "grid" ) );
    oGroup = new CWC2_CS_Group( "charts" );
    oTheme18.AddGroup( oGroup );
    oGroup.SetSelfType( "radio" );
    oGroup.AddLayer( new CWC2_CS_Layer( "charts" ) );
    oGroup = new CWC2_CS_Group( "SmallerExtents" );
    oTheme18.AddGroup( oGroup );
    oGroup.SetSelfType( "radio" );
    oGroup.AddLayer( new CWC2_CS_Layer( "SmallerExtents" ) );
    gContextSelectorManager.UpdateStatus();

}
/**
* ContextSelector_openGroupInfo
* called when a Group is clicked in the ContextSelector widget
*/
function ContextSelector_openGroupInfo(groupName, groupAbstract, groupLayers)
{
    var i;
    //calculate the URL options
    szGroupLayers = "";
    szSep = "";
    for (i=0; i<groupLayers.length; i++)
    {
        szGroupLayers += szSep + groupLayers[i];
        szSep = ";";
    }
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/XMLThemeLegend/XMLThemeLegendInfo.phtml?sid=674bc71c72a6b&groups='+groupName+'&groups_abstracts='+groupAbstract+'&groups_layers='+szGroupLayers+'', 'XMLThemeLegend_21_674bc71c72a6b', 'width=400,height=400,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();
}
}

/**
* ContextSelector_openThemeInfo
* called when a Theme is clicked in the ContextSelector widget
*/
function ContextSelector_openThemeInfo(themeName, themeAbstract, themeGroups)
{
    var i, j;

    //calculate the URL options

    var szThemeLayers = "";
    var szThemeSep = "";
    var szGroups = "";
    var szGroupAbstracts = "";
    for (i=0; i<themeGroups.length; i++)
    {
        var szGroupLayers = "";
        var szGroupSep = "";
        var group = themeGroups[i];
        szGroups += szThemeSep + group[0];
        szGroupAbstracts += szThemeSep + group[1];
        groupLayers = group[2];
        for (j=0; j<groupLayers.length; j++)
        {
            szGroupLayers += szGroupSep + groupLayers[j];
            szGroupSep = ";";
        }

        szThemeLayers += szThemeSep + szGroupLayers;
        szThemeSep = "|";
    }
    var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/XMLThemeLegend/XMLThemeLegendInfo.phtml?sid=674bc71c72a6b&groups='+groupName+'&groups_abstracts='+groupAbstract+'&groups_layers='+szGroupLayers+'', 'XMLThemeLegend_21_674bc71c72a6b', 'width=400,height=400,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();
}
}

/*
 * ContextSelector_SetThemeStatus
 */
function ContextSelector_SetThemeStatus( nTheme, bStatus )
{
    //alert( "set theme status for theme " + nTheme + " to " + bStatus );
    gContextSelectorManager.SetThemeStatus( nTheme, bStatus );
    document.forms[0].CONTEXTSELECTOR_LAYERS_ON.value = gContextSelectorManager.GetVisibleLayerNames();
}
/*
 * ContextSelector_SetGroupStatus
 */
function ContextSelector_SetGroupStatus( nTheme, nGroup, bStatus )
{
    //alert( "set group status for theme " + nTheme + ", group " + nGroup + " to " + bStatus );
    gContextSelectorManager.SetGroupStatus( nTheme, nGroup, bStatus );
    document.forms[0].CONTEXTSELECTOR_LAYERS_ON.value = gContextSelectorManager.GetVisibleLayerNames();
}
/**
* ContextSelected
* called when a conext is selected in ContextSelector widget
*/
function ContextSelected(szTemplate, szContext)
{
        document.forms[0].CONTEXT.value = szContext;
        document.forms[0].TEMPLATE.value = szTemplate;
        document.forms[0].CONTEXTSELECTOR_CONTEXT_CHANGED.value = "1";
        document.forms[0].submit();
}
/**
 * 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;
}
/**
 * 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=674bc71c72a6b&RADIUS=3&FEATURE_COUNT=5&include_empty=false&LAYOUT=auto&RESULTFIELDSMETADATA=RESULT_FIELDS_LIMITED&MINSCALEZOOM=";
        szPopupName = "Query_17_674bc71c72a6b";
        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=674bc71c72a6b&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;

}
function DisplayErrors()
{
var wh = window.open('http://879566.lpdtradehk.tech/chameleon//widgets/ErrorReport/ErrorReportPopup.phtml?sid=674bc71c72a6b&bOpenedManualy=1', 'ErrorReport_23_674bc71c72a6b', '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_9 = goCWCButtonManager.GetButton( "cwcimage_9" );
CWCButtonInit_9.bActive = true;
CWCButtonInit_9.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_9.onClick != null)
{
    CWCButtonInit_9.onClick( CWCButtonInit_9, CWCButtonInit_9.xValues );
}
if (CWCButtonInit_9.oGroup != null)
{
    CWCButtonInit_9.oGroup.ActivateButton( CWCButtonInit_9 );
}
var CWCButtonInit_19 = goCWCButtonManager.GetButton( "cwcimage_19" );
CWCButtonInit_19.bActive = true;
CWCButtonInit_19.SetState( CWCBUTTONSTATE_SELECTED );
if (CWCButtonInit_19.onClick != null)
{
    CWCButtonInit_19.onClick( CWCButtonInit_19, CWCButtonInit_19.xValues );
}
if (CWCButtonInit_19.oGroup != null)
{
    CWCButtonInit_19.oGroup.ActivateButton( CWCButtonInit_19 );
}
ContextSelector_initialize();
DisplayErrors();

}
function CWC2OnMouseMoveFunction(e)
{

MapWgetMouse(e);

CursorXMouseMoved(e);

CursorYMouseMoved(e);

QueryWMouseMove(e);

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

<title>Chameleon Sample - XML Theme Legend</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_infinite.css" rel="stylesheet" type="text/css"><!-- adube -->
</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="-2601225.03177">

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

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

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

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

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

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

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

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

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

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

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

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

<INPUT TYPE='HIDDEN' NAME='NAV_ALLOW_RECTANGLE' VALUE=''>
 <INPUT TYPE=HIDDEN NAME=sid VALUE="674bc71c72a6b">
 <INPUT TYPE="HIDDEN" NAME="SELECTED_LAYERS" VALUE="bathymetry">

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

<INPUT TYPE=HIDDEN NAME=BUTTON_TOOLSET_SideTabs VALUE="">
<INPUT TYPE=HIDDEN NAME=CONTEXTSELECTOR VALUE="1">
<INPUT TYPE=HIDDEN NAME=CONTEXT VALUE="">
<INPUT TYPE=HIDDEN NAME=TEMPLATE VALUE="">
<INPUT TYPE=HIDDEN NAME=CONTEXTSELECTOR_CONTEXT_CHANGED VALUE="">
<INPUT TYPE=HIDDEN NAME=CONTEXTSELECTOR_LAYERS_ON VALUE="bathymetry|land_fn|drain_fn|drainage|prov_bound|fedlimit|popplace">
<INPUT TYPE=HIDDEN NAME=CONTEXTSELECTOR_ALL_LAYERS VALUE="bathymetry|land_fn|park|drain_fn|drainage|prov_bound|fedlimit|rail|road|popplace|grid|charts|SmallerExtents">
<INPUT TYPE=HIDDEN NAME=CONTEXTSELECTOR_TEMPLATE VALUE="">
 <INPUT TYPE=HIDDEN NAME=UPDATE_MAP VALUE="0">
<INPUT TYPE=HIDDEN NAME=BUTTON_TOOLSET_Navigation 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="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 - an XML Theme Legend</SPAN>
<!-- SESSIONEXPIRED -->

</div>

<div id="TopTabsLayer" name="TopTabsLayer">
  <table border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td><IMG NAME="cwcimage_9" ID="cwcimage_9" SRC="/ms_tmp/buttons/b2217effd568542a0e60df8d75c71401a.png" ALT="Navigation Tools" TITLE="Navigation Tools" BORDER="0" WIDTH="60" HEIGHT="10"></td>
      <td><IMG NAME="cwcimage_10" ID="cwcimage_10" 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_12" ID="cwcimage_12" SRC="/ms_tmp/buttons/bff3eec1e309b821681e58671246e4aa9.png" ALT="Zoom In" TITLE="Zoom In" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- ZOOMOUT -->
      <td><IMG NAME="cwcimage_13" ID="cwcimage_13" SRC="/ms_tmp/buttons/bd7b79c2ab10b0e04d42d5fcfa3064187.png" ALT="Zoom Out" TITLE="Zoom Out" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- ZOOMALLLAYERS -->
      <td><IMG NAME="cwcimage_14" ID="cwcimage_14" 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_15" ID="cwcimage_15" 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_16" ID="cwcimage_16" 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_17" ID="cwcimage_17" SRC="/ms_tmp/buttons/b33cf3f6faf738ef496ff7b189bf3c425.png" ALT="Identify Feature" TITLE="Identify Feature" BORDER="0" WIDTH="24" HEIGHT="24"></td>
      <!-- QUERY -->
      <td><IMG NAME="cwcimage_18" ID="cwcimage_18" SRC="/ms_tmp/buttons/b41105a85d8ef0dc7d74f3cc5e2336ca3.png" ALT="Remove existing query results" TITLE="Remove existing query results" BORDER="0" WIDTH="24" HEIGHT="24"></td>

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

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

<div id="SideTabsLayer" name="SideTabsLayer">
  <table border="0" cellspacing="0" cellpadding="1">
    <tr>
      <td><IMG NAME="cwcimage_19" ID="cwcimage_19" SRC="/ms_tmp/buttons/be57cbf03e3cc6364f66e8e2b16c34029.png" ALT="Legend" TITLE="Legend" BORDER="0" WIDTH="60" HEIGHT="10"></td>
      <td><IMG NAME="cwcimage_20" ID="cwcimage_20" 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 cellspacing="0" cellpadding="0" width="100%">
        <tr id="theme_tr_id_: Raster">
      <td style="padding-left: 0px;" valign="middle" bgcolor="dddddd">
        <img id="toggle_display_button_: Raster" onClick="gContextSelectorManager.ToggleThemeChildDisplay('0')" src="/chameleon/images/button_hide.png" height="20" width="20" />        <input type="hidden" name="theme_display_value_: Raster" id="theme_display_value_: Raster" value="">        <input name=": Raster" type="checkbox" value=": Raster" onClick="ContextSelector_SetThemeStatus('0', this.checked)"  checked="checked">        <span class="label">: Raster</span>
      </td>
    </tr>
                            <tr id="group_tr_id_Bathymetry" style="display:none">
            <td style="padding-left: 20px;" valign="middle">
              <input type="hidden" name="group_display_value_Bathymetry" id="group_display_value_Bathymetry" value="none">              <img src="images/unknown.gif" />
              <input name="Bathymetry" type="radio" value="Bathymetry" onClick="ContextSelector_SetGroupStatus('0', '0', this.checked)"  CHECKED>              <span class="label">Bathymetry</span>
            </td>
          </tr>
                                                                                                                                        <tr id="theme_tr_id_: Polygons">
      <td style="padding-left: 0px;" valign="middle" bgcolor="dddddd">
        <img id="toggle_display_button_: Polygons" onClick="gContextSelectorManager.ToggleThemeChildDisplay('1')" src="/chameleon/images/button_hide.png" height="20" width="20" />        <input type="hidden" name="theme_display_value_: Polygons" id="theme_display_value_: Polygons" value="">        <input name=": Polygons" type="checkbox" value=": Polygons" onClick="ContextSelector_SetThemeStatus('1', this.checked)"  checked="checked">        <span class="label">: Polygons</span>
      </td>
    </tr>
                                                                                                                                          <tr id="theme_tr_id_: Parks and Water" style="display:none">
        <td style="padding-left: 20px;" valign="middle">
          <img id="toggle_display_button_: Parks and Water" onClick="gContextSelectorManager.ToggleThemeChildDisplay('2')" src="/chameleon/images/button_hide.png" height="20" width="20" />          <input type="hidden" name="theme_display_value_: Parks and Water" id="theme_display_value_: Parks and Water" value="none">          <input name=": Parks and Water" type="checkbox" value=": Parks and Water" onClick="ContextSelector_SetThemeStatus('2', this.checked)"  checked="checked">          <span class="label">: Parks and Water</span>
        </td>
      </tr>
                                                                                                                                                                                                        <tr id="theme_tr_id_: Parks" style="display:none">
          <td style="padding-left: 40px;" valign="middle">
            <img id="toggle_display_button_: Parks" onClick="gContextSelectorManager.ToggleThemeChildDisplay('3')" src="/chameleon/images/button_hide.png" height="20" width="20" />            <input type="hidden" name="theme_display_value_: Parks" id="theme_display_value_: Parks" value="none">            <input name=": Parks" type="checkbox" value=": Parks" onClick="ContextSelector_SetThemeStatus('3', this.checked)" >            <span class="label">: Parks</span>
          </td>
        </tr>
                                                              <tr id="group_tr_id_Parks" style="display:none">
                <td style="padding-left: 60px;" valign="middle">
                  <input type="hidden" name="group_display_value_Parks" id="group_display_value_Parks" value="none">                  <img src="images/park.gif" />
                  <input name="Parks" type="checkbox" value="Parks" onClick="ContextSelector_SetGroupStatus('3', '0', this.checked)" >                  <span class="label">Parks</span>
                </td>
              </tr>
                                                                                                                                                                                                                                                  <tr id="theme_tr_id_: Water" style="display:none">
          <td style="padding-left: 40px;" valign="middle">
            <img id="toggle_display_button_: Water" onClick="gContextSelectorManager.ToggleThemeChildDisplay('4')" src="/chameleon/images/button_hide.png" height="20" width="20" />            <input type="hidden" name="theme_display_value_: Water" id="theme_display_value_: Water" value="none">            <input name=": Water" type="checkbox" value=": Water" onClick="ContextSelector_SetThemeStatus('4', this.checked)"  checked="checked">            <span class="label">: Water</span>
          </td>
        </tr>
                                                                                <tr id="group_tr_id_Water" style="display:none">
                <td style="padding-left: 60px;" valign="middle">
                  <input type="hidden" name="group_display_value_Water" id="group_display_value_Water" value="none">                  <img src="images/water.gif" />
                  <input name="Water" type="checkbox" value="Water" onClick="ContextSelector_SetGroupStatus('4', '0', this.checked)"  CHECKED>                  <span class="label">Water</span>
                </td>
              </tr>
                                                                                                                                                                                                                        <tr id="theme_tr_id_: Foreign Lands" style="display:none">
        <td style="padding-left: 20px;" valign="middle">
          <img id="toggle_display_button_: Foreign Lands" onClick="gContextSelectorManager.ToggleThemeChildDisplay('5')" src="/chameleon/images/button_hide.png" height="20" width="20" />          <input type="hidden" name="theme_display_value_: Foreign Lands" id="theme_display_value_: Foreign Lands" value="none">          <input name=": Foreign Lands" type="checkbox" value=": Foreign Lands" onClick="ContextSelector_SetThemeStatus('5', this.checked)"  checked="checked">          <span class="label">: Foreign Lands</span>
        </td>
      </tr>
                                                                              <tr id="group_tr_id_Foreign Lands" style="display:none">
              <td style="padding-left: 40px;" valign="middle">
                <input type="hidden" name="group_display_value_Foreign Lands" id="group_display_value_Foreign Lands" value="none">                <img src="images/land_fn.gif" />
                <input name="Foreign Lands" type="checkbox" value="Foreign Lands" onClick="ContextSelector_SetGroupStatus('5', '0', this.checked)"  CHECKED>                <span class="label">Foreign Lands</span>
              </td>
            </tr>
                                                                                                                                                    <tr id="theme_tr_id_: Line">
      <td style="padding-left: 0px;" valign="middle" bgcolor="dddddd">
        <img id="toggle_display_button_: Line" onClick="gContextSelectorManager.ToggleThemeChildDisplay('6')" src="/chameleon/images/button_hide.png" height="20" width="20" />        <input type="hidden" name="theme_display_value_: Line" id="theme_display_value_: Line" value="">        <input name=": Line" type="checkbox" value=": Line" onClick="ContextSelector_SetThemeStatus('6', this.checked)"  checked="checked">        <span class="label">: Line</span>
      </td>
    </tr>
                                                                                                                                          <tr id="theme_tr_id_: Transportation" style="display:none">
        <td style="padding-left: 20px;" valign="middle">
          <img id="toggle_display_button_: Transportation" onClick="gContextSelectorManager.ToggleThemeChildDisplay('7')" src="/chameleon/images/button_hide.png" height="20" width="20" />          <input type="hidden" name="theme_display_value_: Transportation" id="theme_display_value_: Transportation" value="none">          <input name=": Transportation" type="radio" value=": Transportation" onClick="ContextSelector_SetThemeStatus('7', this.checked)" >          <span class="label">: Transportation</span>
        </td>
      </tr>
                                                                                                                                                                                                        <tr id="theme_tr_id_: Road" style="display:none">
          <td style="padding-left: 40px;" valign="middle">
            <img id="toggle_display_button_: Road" onClick="gContextSelectorManager.ToggleThemeChildDisplay('8')" src="/chameleon/images/button_hide.png" height="20" width="20" />            <input type="hidden" name="theme_display_value_: Road" id="theme_display_value_: Road" value="none">            <input name=": Road" type="checkbox" value=": Road" onClick="ContextSelector_SetThemeStatus('8', this.checked)" >            <span class="label">: Road</span>
          </td>
        </tr>
                                                                                                                    <tr id="group_tr_id_Road" style="display:none">
                <td style="padding-left: 60px;" valign="middle">
                  <input type="hidden" name="group_display_value_Road" id="group_display_value_Road" value="none">                  <img src="images/road.gif" />
                  <input name="Road" type="checkbox" value="Road" onClick="ContextSelector_SetGroupStatus('8', '0', this.checked)" >                  <span class="label">Road</span>
                </td>
              </tr>
                                                                                                                                                                                            <tr id="theme_tr_id_: Rail" style="display:none">
          <td style="padding-left: 40px;" valign="middle">
            <img id="toggle_display_button_: Rail" onClick="gContextSelectorManager.ToggleThemeChildDisplay('9')" src="/chameleon/images/button_hide.png" height="20" width="20" />            <input type="hidden" name="theme_display_value_: Rail" id="theme_display_value_: Rail" value="none">            <input name=": Rail" type="checkbox" value=": Rail" onClick="ContextSelector_SetThemeStatus('9', this.checked)" >            <span class="label">: Rail</span>
          </td>
        </tr>
                                                                                                                                      <tr id="group_tr_id_Rail" style="display:none">
                <td style="padding-left: 60px;" valign="middle">
                  <input type="hidden" name="group_display_value_Rail" id="group_display_value_Rail" value="none">                  <img src="images/road.gif" />
                  <input name="Rail" type="radio" value="Rail" onClick="ContextSelector_SetGroupStatus('9', '0', this.checked)" >                  <span class="label">Rail</span>
                </td>
              </tr>
                                                                                                                                                                  <tr id="theme_tr_id_: Boundaries" style="display:none">
        <td style="padding-left: 20px;" valign="middle">
          <img id="toggle_display_button_: Boundaries" onClick="gContextSelectorManager.ToggleThemeChildDisplay('10')" src="/chameleon/images/button_hide.png" height="20" width="20" />          <input type="hidden" name="theme_display_value_: Boundaries" id="theme_display_value_: Boundaries" value="none">          <input name=": Boundaries" type="radio" value=": Boundaries" onClick="ContextSelector_SetThemeStatus('10', this.checked)"  checked="checked">          <span class="label">: Boundaries</span>
        </td>
      </tr>
                                                                                                                                                                                                        <tr id="theme_tr_id_: Provinces" style="display:none">
          <td style="padding-left: 40px;" valign="middle">
            <img id="toggle_display_button_: Provinces" onClick="gContextSelectorManager.ToggleThemeChildDisplay('11')" src="/chameleon/images/button_hide.png" height="20" width="20" />            <input type="hidden" name="theme_display_value_: Provinces" id="theme_display_value_: Provinces" value="none">            <input name=": Provinces" type="radio" value=": Provinces" onClick="ContextSelector_SetThemeStatus('11', this.checked)"  checked="checked">            <span class="label">: Provinces</span>
          </td>
        </tr>
                                                                                                                                                        <tr id="group_tr_id_Provinces" style="display:none">
                <td style="padding-left: 60px;" valign="middle">
                  <input type="hidden" name="group_display_value_Provinces" id="group_display_value_Provinces" value="none">                  <img src="images/fedlimit.gif" />
                  <input name="Provinces" type="checkbox" value="Provinces" onClick="ContextSelector_SetGroupStatus('11', '0', this.checked)"  CHECKED>                  <span class="label">Provinces</span>
                </td>
              </tr>
                                                                                                                                                        <tr id="theme_tr_id_: Federal Limit" style="display:none">
          <td style="padding-left: 40px;" valign="middle">
            <img id="toggle_display_button_: Federal Limit" onClick="gContextSelectorManager.ToggleThemeChildDisplay('12')" src="/chameleon/images/button_hide.png" height="20" width="20" />            <input type="hidden" name="theme_display_value_: Federal Limit" id="theme_display_value_: Federal Limit" value="none">            <input name=": Federal Limit" type="radio" value=": Federal Limit" onClick="ContextSelector_SetThemeStatus('12', this.checked)"  checked="checked">            <span class="label">: Federal Limit</span>
          </td>
        </tr>
                                                                                                                                                                          <tr id="group_tr_id_Federal Limit" style="display:none">
                <td style="padding-left: 60px;" valign="middle">
                  <input type="hidden" name="group_display_value_Federal Limit" id="group_display_value_Federal Limit" value="none">                  <img src="images/fedlimit.gif" />
                  <input name="Federal Limit" type="radio" value="Federal Limit" onClick="ContextSelector_SetGroupStatus('12', '0', this.checked)"  CHECKED>                  <span class="label">Federal Limit</span>
                </td>
              </tr>
                                                                                                                        <tr id="theme_tr_id_: Point">
      <td style="padding-left: 0px;" valign="middle" bgcolor="dddddd">
        <img id="toggle_display_button_: Point" onClick="gContextSelectorManager.ToggleThemeChildDisplay('13')" src="/chameleon/images/button_hide.png" height="20" width="20" />        <input type="hidden" name="theme_display_value_: Point" id="theme_display_value_: Point" value="">        <input name=": Point" type="checkbox" value=": Point" onClick="ContextSelector_SetThemeStatus('13', this.checked)"  checked="checked">        <span class="label">: Point</span>
      </td>
    </tr>
                                                                                                                                          <tr id="theme_tr_id_: Cities1" style="display:none">
        <td style="padding-left: 20px;" valign="middle">
          <img id="toggle_display_button_: Cities1" onClick="gContextSelectorManager.ToggleThemeChildDisplay('14')" src="/chameleon/images/button_hide.png" height="20" width="20" />          <input type="hidden" name="theme_display_value_: Cities1" id="theme_display_value_: Cities1" value="none">          <input name=": Cities1" type="radio" value=": Cities1" onClick="ContextSelector_SetThemeStatus('14', this.checked)"  checked="checked">          <span class="label">: Cities1</span>
        </td>
      </tr>
                                                                                                                                                                                                        <tr id="theme_tr_id_: Cities2" style="display:none">
          <td style="padding-left: 40px;" valign="middle">
            <img id="toggle_display_button_: Cities2" onClick="gContextSelectorManager.ToggleThemeChildDisplay('15')" src="/chameleon/images/button_hide.png" height="20" width="20" />            <input type="hidden" name="theme_display_value_: Cities2" id="theme_display_value_: Cities2" value="none">            <input name=": Cities2" type="radio" value=": Cities2" onClick="ContextSelector_SetThemeStatus('15', this.checked)"  checked="checked">            <span class="label">: Cities2</span>
          </td>
        </tr>
                                                                                                                                                                                                                                                                          <tr id="theme_tr_id_: Cities3" style="display:none">
            <td style="padding-left: 60px;" valign="middle">
              <img id="toggle_display_button_: Cities3" onClick="gContextSelectorManager.ToggleThemeChildDisplay('16')" src="/chameleon/images/button_hide.png" height="20" width="20" />              <input type="hidden" name="theme_display_value_: Cities3" id="theme_display_value_: Cities3" value="none">              <input name=": Cities3" type="checkbox" value=": Cities3" onClick="ContextSelector_SetThemeStatus('16', this.checked)"  checked="checked">              <span class="label">: Cities3</span>
            </td>
          </tr>
                                                                                                                                                                                                                                                                                                                                                <tr id="theme_tr_id_: Cities4" style="display:none">
              <td style="padding-left: 80px;" valign="middle">
                <img id="toggle_display_button_: Cities4" onClick="gContextSelectorManager.ToggleThemeChildDisplay('17')" src="/chameleon/images/button_hide.png" height="20" width="20" />                <input type="hidden" name="theme_display_value_: Cities4" id="theme_display_value_: Cities4" value="none">                <input name=": Cities4" type="radio" value=": Cities4" onClick="ContextSelector_SetThemeStatus('17', this.checked)"  checked="checked">                <span class="label">: Cities4</span>
              </td>
            </tr>
                                                                                                                                                                                                                                                                            <tr id="group_tr_id_Cities" style="display:none">
                    <td style="padding-left: 100px;" valign="middle">
                      <input type="hidden" name="group_display_value_Cities" id="group_display_value_Cities" value="none">                      <img src="images/popplace.gif" />
                      <input name="Cities" type="radio" value="Cities" onClick="ContextSelector_SetGroupStatus('17', '0', this.checked)"  CHECKED>                      <span class="label">Cities</span>
                    </td>
                  </tr>
                                                                                                                                                            <tr id="theme_tr_id_: Other">
      <td style="padding-left: 0px;" valign="middle" bgcolor="dddddd">
        <img id="toggle_display_button_: Other" onClick="gContextSelectorManager.ToggleThemeChildDisplay('18')" src="/chameleon/images/button_hide.png" height="20" width="20" />        <input type="hidden" name="theme_display_value_: Other" id="theme_display_value_: Other" value="">        <input name=": Other" type="checkbox" value=": Other" onClick="ContextSelector_SetThemeStatus('18', this.checked)" >        <span class="label">: Other</span>
      </td>
    </tr>
                                                                                                                      <tr id="group_tr_id_grid" style="display:none">
            <td style="padding-left: 20px;" valign="middle">
              <input type="hidden" name="group_display_value_grid" id="group_display_value_grid" value="none">              <img src="images/unknown.gif" />
              <input name="grid" type="radio" value="grid" onClick="ContextSelector_SetGroupStatus('18', '0', this.checked)" >              <span class="label">grid</span>
            </td>
          </tr>
                                          <tr id="group_tr_id_charts" style="display:none">
            <td style="padding-left: 20px;" valign="middle">
              <input type="hidden" name="group_display_value_charts" id="group_display_value_charts" value="none">              <img src="images/unknown.gif" />
              <input name="charts" type="radio" value="charts" onClick="ContextSelector_SetGroupStatus('18', '1', this.checked)" >              <span class="label">charts</span>
            </td>
          </tr>
                                          <tr id="group_tr_id_SmallerExtents" style="display:none">
            <td style="padding-left: 20px;" valign="middle">
              <input type="hidden" name="group_display_value_SmallerExtents" id="group_display_value_SmallerExtents" value="none">              <img src="images/unknown.gif" />
              <input name="SmallerExtents" type="radio" value="SmallerExtents" onClick="ContextSelector_SetGroupStatus('18', '2', this.checked)" >              <span class="label">SmallerExtents</span>
            </td>
          </tr>
                    
  <tr>
    <td colspan="4"><IMG NAME="cwcimage_22" ID="cwcimage_22" 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_23" ID="cwcimage_23" SRC="/ms_tmp/buttons/b7f9fb0086c5b1e841e4ff5009fd2a690.png" ALT="Display Error Report" TITLE="Display Error Report" BORDER="0" WIDTH="120" HEIGHT="24">
      </td>
    </tr>

   
  </table>
</div>

<div id="PanArrowsLayer" name="PanArrowsLayer">
  <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="f0f0f0" class="grey_border">
    <tr valign="top">
      <!-- COMPASSPOINT - NORTHWEST -->
      <td align="left"><IMG NAME="cwcimage_24" ID="cwcimage_24" 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_25" ID="cwcimage_25" 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_26" ID="cwcimage_26" 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_27" ID="cwcimage_27" 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_28" ID="cwcimage_28" 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_29" ID="cwcimage_29" 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_30" ID="cwcimage_30" 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_31" ID="cwcimage_31" SRC="/ms_tmp/buttons/be0cf64e8c13da39358a66af301b94068.png" ALT="Pan SouthEast" TITLE="Pan SouthEast" BORDER="0" WIDTH="50" HEIGHT="50"></td>
    </tr>
  </table>
</div>

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

<div id="ReferenceLayer" name="ReferenceLayer">
<table width="100%" border="0" cellspacing="4" cellpadding="0">
  <tr>
    <!-- SCALEBAR -->
    <td colspan="3" align="center"><img src="/ms_tmp/674bc71c_96f7_3.png" name="ScaleBarImg" width="250" height="27" border="0"></td>
  </tr>
  <tr>
    <!-- KEYMAP -->
    <td rowspan="5"><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="mapanchor"  HREF="javascript:KeyMapClicked()"><IMG SRC="/chameleon/common//wrapper/drawmap.php?map_session_mode=1&REQUEST=KEYMAP&sid=674bc71c72a6b" WIDTH=100 HEIGHT=75 NAME="KeyMapImage"  border="0" onmouseover="KeyMapCaptureMouse()" onmouseout="KeyMapReleaseMouse()"></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></td>
    <!-- PROJECTIONLABEL -->
    <td colspan="2"><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td><SPAN CLASS="label">Projection:</SPAN></td>
    <td><div CLASS="inputBox" name="txtProjectionLabel">NAD 83 / NRCan LCC Canada</div></td>
  </tr>
</table>
</td>
    </tr>
  <tr>
    <!-- MINX EXTENT-->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Left: </SPAN></td>
    <td><span CLASS="inputBox" name="txtExtentLabel36">-2601225</span></td>
  </tr>
</table>
</td>
    <!-- MAPUNITS -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Map Units: </SPAN></td>
    <td><P CLASS="inputBox">Metre</P></td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <!-- MAXX EXTENT -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Right: </SPAN></td>
    <td><span CLASS="inputBox" name="txtExtentLabel38">3474025</span></td>
  </tr>
</table>
</td>
    <td><p class="label"><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Dist:</SPAN></td>
    <td><input CLASS="inputBox" type="text" name="RULER_RESULT" value=""  size="20" readonly></td>
  </tr>
</table>
</p></td>
  </tr>
  <tr>
    <!-- MINY EXTENT -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Bottom: </SPAN></td>
    <td><span CLASS="inputBox" name="txtExtentLabel40">-712631</span></td>
  </tr>
</table>
</td>
    <!-- CURSOR X POSITION -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Mouse X: </SPAN></td>
    <td><input CLASS="inputBox" type="text" name="CursorPos_X" id="CursorPos_X" value=""  size="20" readonly></td>
  </tr>
</table>
</td>
  </tr>
  <tr>
    <!-- MAXY EXTENT -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Top: </SPAN></td>
    <td><span CLASS="inputBox" name="txtExtentLabel42">3840000</span></td>
  </tr>
</table>
</td>
    <!-- CURSOR Y POSITION -->
    <td><table border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td VALIGN="middle"><SPAN CLASS="label">Mouse Y: </SPAN></td>
    <td><input CLASS="inputBox" type="text" name="CursorPos_Y" id="CursorPos_Y" value=""  size="20" readonly></td>
  </tr>
</table>
</td>
  </tr>
</table>
</div>

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

</form>
</body>

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

var gMapDHTMLForm = document.forms[0];

MapWidgetInitVariables();

goEventManager.registerEventID( 'NAV_TOOL_CHANGED' );

goEventManager.registerEventID( 'LAYER_SELECTION_CHANGED' );

oButton =  new CWCButton("cwcimage_9", 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_10", 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_15", 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_18", 0, "null", clickClearQueryResults, null, "/ms_tmp/buttons/b41105a85d8ef0dc7d74f3cc5e2336ca3.png", "/ms_tmp/buttons/b4dc3f3b88a62403dee3601e3c7fc4e3d.png", "/ms_tmp/buttons/bd4eabe14b9488edea1ae872e2483d6a3.png", null);
oButton.oForm = document.forms[0];
oButton.szDivName = ""
;goCWCButtonManager.AddButton( oButton );

oButton =  new CWCButton("cwcimage_19", 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_20", 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_22", 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_12", 2, "Navigation", NavSetActiveTool, new Array("12","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 );

oButton =  new CWCButton("cwcimage_13", 2, "Navigation", NavSetActiveTool, new Array("13","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_14", 0, "null", NavSetActiveTool, new Array("14","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_16", 2, "Navigation", NavSetActiveTool, new Array("16","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_17", 2, "Navigation", NavSetActiveTool, new Array("17","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_24", 0, "null", NavSetActiveTool, new Array("24","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_25", 0, "null", NavSetActiveTool, new Array("25","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_26", 0, "null", NavSetActiveTool, new Array("26","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_27", 0, "null", NavSetActiveTool, new Array("27","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_28", 0, "null", NavSetActiveTool, new Array("28","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_29", 0, "null", NavSetActiveTool, new Array("29","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_30", 0, "null", NavSetActiveTool, new Array("30","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_31", 0, "null", NavSetActiveTool, new Array("31","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 );

oButton =  new CWCButton("cwcimage_23", 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>