<%-- layout2.jsp --%>
<input type=HIDDEN name="layoutID" value="2">
<table border="0" cellpadding="2" cellspacing="0" align="center">
  <hr>
  <tr>
    <td colspan=5><font size="-1" face="<%=fontFace1%>">
Move channel to different positions.
</font></td>
  </tr>
  <tr>
    <td colspan=5><font size="-1" face="<%=fontFace1%>"><b>
Legend: <img src="<dt:scontent/>/desktop/images/icon_thinChannel.gif" align="absmiddle">= thin column, <img src="<dt:scontent/>/desktop/images/icon_wideChannel.gif" align="absmiddle">= wide column</b></font>
</td>
  </tr>
  <tr>
    <td colspan=5>&nbsp;</td>
  </tr>

  <jx:if test="$topSize!='0'">

  <tr>
    <td colspan=5 width="100%" bgcolor="#666699" align="center">
      
        <font size="+0" face="<%=fontFace1%>" color="#FFFFFF">Top Channels:</font>
      </td>
  </tr>

  <tr>
    <td colspan=4 align="CENTER" bgcolor="#9999CC">

      
        
      <select name="fulltop" size="5" MULTIPLE class="monoSpacedFont">

          <jx:forEach var="channel" items="$top">
  <dtcpc:obtainChannelFromContainer channel="$channel">
    <jx:declare id="channel" type="java.lang.String"/>
        <dttable:getIsMovable id="isMovable"/>
        <jx:if test="$isMovable== true">
        <option value=<%=channel%>>
        <dt:getTitle/>
        </option>
        </jx:if>
  </dtcpc:obtainChannelFromContainer>
</jx:forEach>
	<option value="spacer">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>

      </select>
      
</td>
    <td align="right" bgcolor="#9999CC">
<a href="javascript:void(0)" onClick="return arrangeContentProvider(0,98)"><img src="<dt:scontent/>/desktop/images/button_moveUp.gif" border="0" alt="Move Up" hspace="4" vspace="4"></a><br>
      <a href="javascript:void(0)" onClick="return arrangeContentProvider(1,98)"><img src="<dt:scontent/>/desktop/images/button_moveDown.gif" border=0 alt="Move Down" hspace="4" vspace="4"></a></td>
  </tr>
  <tr>
    <td colspan=5>&nbsp;</td>
  </tr>

  </jx:if>

  <tr>
    <td colspan=2 bgcolor="#666699" align="center">
      
        <font size=+0 face="<%=fontFace1%>"><b><img src="<dt:scontent/>/desktop/images/icon_wideChannel.gif" align="absmiddle"></b></font><font size="+0" face="<%=fontFace1%>" color="#FFFFFF">&nbsp;Left  Channels:</font>
      </td>
    <td rowspan="2">&nbsp;
      </td>
    <td align="center" bgcolor="#666699" colspan=2><font size=+0 face="<%=fontFace1%>"><b><img src="<dt:scontent/>/desktop/images/icon_thinChannel.gif" align="absmiddle"></b></font><font size="+0" face="<%=fontFace1%>" color="#FFFFFF">&nbsp;Right  Channels:</font>
</td>
  </tr>
  <tr>
    <td bgcolor="#9999CC" align="center">

      
        
      <select name="one" size="5" MULTIPLE class="monoSpacedFont">

          <jx:forEach var="channel" items="$leftColumn">
  <dtcpc:obtainChannelFromContainer channel="$channel">
    <jx:declare id="channel" type="java.lang.String"/>
        <dttable:getIsMovable id="isMovable"/>
        <jx:if test="$isMovable== true">
        <option value=<%=channel%>>
        <dt:getTitle/>
        </option>
        </jx:if>
  </dtcpc:obtainChannelFromContainer>
</jx:forEach>
	<option value="spacer">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
     
      </select>
      
</td>
    <td align="right" bgcolor="#9999CC">
<a href="javascript:void(0)" onClick="return arrangeContentProvider(0,1)"><img src="<dt:scontent/>/desktop/images/button_moveUp.gif" border="0" alt="Move Up" hspace="4" vspace="4"></a><br>
      <a href="javascript:void(0)" onClick="return arrangeContentProvider(1,1)"><img src="<dt:scontent/>/desktop/images/button_moveDown.gif" border=0 alt="Move Down" hspace="4" vspace="4"></a></td>
    <td bgcolor="#9999CC" align="center">

      
        
      <select name="two" size="5" MULTIPLE class="monoSpacedFont">

          <jx:forEach var="channel" items="$rightColumn">
  <dtcpc:obtainChannelFromContainer channel="$channel">
    <jx:declare id="channel" type="java.lang.String"/>
        <dttable:getIsMovable id="isMovable"/>
        <jx:if test="$isMovable== true">
        <option value=<%=channel%>>
        <dt:getTitle/>
        </option>
        </jx:if>
  </dtcpc:obtainChannelFromContainer>
</jx:forEach>
	<option value="spacer">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
     
      </select>
      
</td>
    <td align="right" bgcolor="#9999CC">
<a href="javascript:void(0)" onClick="return arrangeContentProvider(0,2)"><img src="<dt:scontent/>/desktop/images/button_moveUp.gif" border="0" alt="Move Up" hspace="4" vspace="4"></a><br>
      <a href="javascript:void(0)" onClick="return arrangeContentProvider(1,2)"><img src="<dt:scontent/>/desktop/images/button_moveDown.gif" border=0 alt="Move Down" hspace="4" vspace="4"></a></td>
  </tr>


  <jx:if test="$bottomSize!='0'">

  <tr>
    <td colspan=5>&nbsp;</td>
  </tr>
  <tr>
    <td colspan=5 bgcolor="#666699" align="center">
      
        <font size="+0" face="<%=fontFace1%>" color="#FFFFFF">Bottom  Channels:</font>
      </td>
  </tr>

  <tr>
    <td colspan=4 align="CENTER" bgcolor="#9999CC">

      
        
      <select name="fullbottom" size="5" MULTIPLE class="monoSpacedFont">

      <jx:forEach var="channel" items="$bottom">
       <dtcpc:obtainChannelFromContainer channel="$channel">
         <jx:declare id="channel" type="java.lang.String"/>
        <dttable:getIsMovable id="isMovable"/>
        <jx:if test="$isMovable== true">
        <option value=<%=channel%>>
        <dt:getTitle/>
        </option>
        </jx:if>
        </dtcpc:obtainChannelFromContainer>
      </jx:forEach>
	<option value="spacer">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
      </select>
      
</td>
    <td align="right" bgcolor="#9999CC">
<a href="javascript:void(0)" onClick="return arrangeContentProvider(0,99)"><img src="<dt:scontent/>/desktop/images/button_moveUp.gif" border="0" alt="Move Up" vspace="4" hspace="4"><br>
      </a><a href="javascript:void(0)" onClick="return arrangeContentProvider(1,99)"><img src="<dt:scontent/>/desktop/images/button_moveDown.gif" border=0 alt="Move Down" hspace="4" vspace="4"></a></td>
  </tr>

  </jx:if>


</table>
