<%-- layout1.jsp --%>
<input type=HIDDEN name="layoutID" value="1">
<table border="0" cellpadding="2" cellspacing="0" align="center">
  <tr>
    <td colspan=9><font size="-1" face="<%=fontFace1%>">
Move channel to different positions.
</font></td>
  </tr>

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