<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>__#SELECTWITHINTITLE#__</title>
    <link rel="stylesheet" href="../viewerfiles/viewer.css" type="text/css">
    <style type="text/css">
    td.Title
    {
        font-family: __#@font#__;
        font-weight: bold;
        font-size: 13pt;
    }
    td.InfoText
    {
        background-color: #FFFFCC;
        color: #666666;
        font-family: __#@font#__;
        font-size: __#@fontsize#__;
    }
    .RegText
    {
        font-family: __#@font#__;
        font-size: __#@fontsize#__;
    }
    .Ctrl
    {
        font-family: __#@font#__;
        font-size: __#@fontsize#__;
    }
    </style>
    <script language="javascript" src="../viewerfiles/browserdetect.js"></script>
    <script language=javascript>
        var popup = %s;
        var cmd = "";
        var layerSet = "";
        var webAgent = '%s';
        var mapName = '%s';
        var sessionId = '%s';
        var dwf = %s;
      
        function InitDocument()
        {
            if(!popup)
                document.onmousedown = OnMouseDown;    
            var w = msie? document.body.clientWidth: window.innerWidth - 20;
            document.getElementById("layers").style.width = (w > 200? 200: w) + "px";
            FillLayerList();
        }

        function OnMouseDown(e)
        {
            GetParent().ForwardMouseDown(document, e);
        }

        function ExecuteCommand()
        {
            //build the destination layer set
            layerSet = "";
            var list = document.getElementById("layers");
            var layerNames = document.getElementById("layerNames");
            var count = list.options.length;
            var selIndex = 0;
            for(var i = 0; i < count; i++)
            {
                var opt = list.options[i];
                if(opt.selected)
                {
                    if(selIndex > 0)
                        layerSet = "," + layerSet;
                    layerSet += layerNames.options[i].text;
                    selIndex ++;
                }
            }
            if(layerSet == "")
                return;

            reqParams = "MAPNAME=" + encodeURIComponent(mapName) + "&SESSION=" + sessionId + "&LAYERS=" + encodeURIComponent(layerSet) + "&SELECTION=" + encodeURIComponent(GetParent().GetMapFrame().GetSelectionXML()) + "&DWF=" + dwf;
            
            if(msie)
                reqHandler = new ActiveXObject("Microsoft.XMLHTTP");
            else
                reqHandler = new XMLHttpRequest();
                
            reqHandler.open("POST", webAgent, false);
            reqHandler.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            try
            {
                reqHandler.send(reqParams);
                if(reqHandler.responseXML)
                {
                    GetParent().SetSelectionXML(reqHandler.responseText);
                }
            }
            catch(e)
            {
            }
            GetParent().GotoHomePage();
        }
        
        function Clear()
        {
            GetParent().GetMapFrame().ClearSelection();
            list = document.getElementById("layers");
            for(var i = 0; i < list.options.length; i++)
            {
                opt = list.options[i];
                if(opt.selected)
                    opt.selected = false;
            }
        }
        
        function FillLayerList()
        {
            var list = document.getElementById("layers");
            var listNames = document.getElementById("layerNames");
            list.options.length = 0;
            var layers = GetParent().GetMapFrame().GetLayers(false, true);
            for(var i = 0; i < layers.length; i++)
            {
                var layer = layers[i];
                list.options[i] = new Option(layer.legend != ""? layer.legend: layer.name);
                listNames.options[i] = new Option(layer.name);
            }
                
            document.getElementById("Done").disabled = layers.length == 0;
        }
        
        function RefreshLayers()
        {
            FillLayerList();
        }
        
        function GetParent()
        {
            if(popup)
                return opener;
            else
                return parent.parent;
        }
        
    </script>
</head>
<body onload="InitDocument()" marginwidth=5 marginheight=5 leftmargin=5 topmargin=5 bottommargin=5 rightmargin=5>
<table border="0" cellspacing="0" cellpadding="3" width="100%%">
  <tr>
    <td class="Title">__#SELECTWITHINTITLE#__<hr></td>
  </tr>
  <tr>
    <td class="InfoText">__#SELECTWITHINAREAS#__</td>
  </tr>
  <tr>
    <td height="6"></td>
  </tr>
</table>
<table border="0" cellpadding="3" cellspacing="0">
  <tr class="RegText">
    <td>__#SELECTWITHINRESTRICTION#__</td>
  </tr>
  <tr class="RegText">
    <td valign="top">
      <select class="RegText" size="9" id="layers" multiple>
      </select>
    </td>
  </tr>
  <tr>
    <td>
      <input type="button" value="__#BUTTONREFRESH#__" class="Ctrl" style="width: 70px" onclick="RefreshLayers()">
    </td>
  </tr>
</table>
<table border="0" cellspacing="0" cellpadding="3" width="100%%">
  <tr>
    <td height="6"></td>
  </tr>
  <tr>
    <td class="InfoText">
      <div style="position: relative; left: -25px;">
      <ul>
        __#SELECTWITHINTEXT#__
      </ul>
      </div>
    </td>
  </tr>
</table>
<p> 
<input class="Ctrl" type="button" id="Done" value="__#BUTTONDONE#__" style="width: 70px" onclick="ExecuteCommand()"> <input class="Ctrl" type="button" id="clear" value="__#BUTTONCLEAR#__" style=" width: 70px" onclick="Clear()">
</p>
<select id="layerNames" style="visibility: hidden">
</select>
</body>
</html>