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