<%--
  /**
   * Copyright (c) 2003 by Sun Microsystems, Inc. All rights reserved.
   * Use is subject to license terms.
   *
   * "@(#)sm_array_overview.jsp    1.1    03/07/08     SMI"
   * 
   */
 --%>
<%@ include file="/layout/toptags.jsp"%>
<!-- locale stuff -->
<html:html locale="true">
<!-- end locale -->

<!-- Place Java Script Here -->

<!-- HTML -->
<head>
<%@include file="/layout/page_head_section.jsp"%>
    <title>
        <bean:message  key="tree.options.window.title"/>
    </title>
<script>
function submitOptions(newtab) {
    document.forms[0].request_action.value=newtab;
    document.forms[0].submit();
   
}
</script>

</head>
<body bgcolor="#ffffff" ONRESIZE="if (document.layers) self.location.reload(true)"  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div class="simple-layout">
<html:form action="treeop" name="TreeForm" type="com.sun.netstorage.array.mgmt.cfg.ui.forms.TreeForm">
<% try { %>
<!-- hidden element which specifies the action for this form -->
<input type="hidden" name="request_action" value="<%=request.getAttribute("request_action")%>">
<table class="masthead-background" width="100%" border="0" cellspacing="0" cellpadding="0">

  <!-- Black row containing the product name and contents of secondary window -->
  <tr class="masthead-title-row"> 
    <td nowrap><div class="secondary-masthead-title"><bean:message  key="tree.options.window.title"/></div></td>
  </tr>
  <!-- Thin white line separating the black top from the blue bottom -->
  <tr class="masthead-separator-row"> 
    <td height="1" ><img src="images/dot.gif" height="1" alt=""></td>
  </tr>

  <!-- Sun Blue row to take up the bottom of the screen -->
  <tr class="masthead-bottom-row"> 
    <td><img src="images/dot.gif" height="10" alt=""></td>
  </tr>
</table>
<table class="local-tab-back" border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr> 
    <td colspan="2"><img src="images/dot.gif" width="1" height="6" alt=""></td>
  </tr>
  <tr> 
    <td width="10"><img src="images/dot.gif" width="10" height="1" alt=""></td>
    <td width="99%"> 
      <table class="local-tab-back" border="0" cellpadding="0" cellspacing="0">

        <tr> 
          <td class="local-tab-unselected" valign="top"><img src="images/tab-jlf-unselected-loc.gif" width="6" height="6" alt=" "></td>
          <td class="local-tab-unselected"><a class="local-tab-link" href="javascript:submitOptions('pool_options')">&nbsp;<bean:message key="tree.options.pool"/>&nbsp;</a></td>
          <td class="local-tab-unselected"><img alt="" border="0" height="1" src="images/dot.gif" width="6"></td>
	  
          <td><img alt="" border="0" height="20" src="images/dot.gif" width="2"></td>
	  
          <td class="local-tab-unselected" valign="top"><img src="images/tab-jlf-unselected-loc.gif" width="6" height="6" alt=" "></td>
          <td class="local-tab-unselected">&nbsp;<a class="local-tab-link" href="javascript:submitOptions('volume_options')" ><bean:message key="tree.options.volumes"/></a>&nbsp;</td>

          <td class="local-tab-unselected"><img alt="" border="0" height="1" src="images/dot.gif" width="6"></td>
	  
          <td><img alt="" border="0" height="1" src="images/dot.gif" width="2"></td>
	  
          <td class="local-tab-unselected" valign="top"><img src="images/tab-jlf-unselected-loc.gif" width="6" height="6" alt=" "></td>
          <td class="local-tab-unselected">&nbsp;<a class="local-tab-link" href="javascript:submitOptions('vgs_options')" ><bean:message key="tree.options.vgs"/></a>&nbsp;</td>
          <td class="local-tab-unselected"><img alt="" border="0" height="1" src="images/dot.gif" width="6"></td>
	  
	<td><img alt="" border="0" height="1" src="images/dot.gif" width="2"></td>
	
	<td class="local-tab-unselected" valign="top"><img src="images/tab-jlf-unselected-loc.gif" width="6" height="6" alt=" "></td>
          <td class="local-tab-unselected">&nbsp;<a class="local-tab-link" href="javascript:submitOptions('inis_options')"><bean:message key="tree.options.inis"/></a>&nbsp;</td>

          <td class="local-tab-unselected"><img alt="" border="0" height="1" src="images/dot.gif" width="6"></td>
	  
	  <td><img alt="" border="0" height="1" src="images/dot.gif" width="2"></td>
	  
	 <td class="local-tab-selected" valign="top"><img src="images/tab-jlf-selected-loc.gif" width="6" height="6" alt=" "></td>
          <td class="local-tab-selected">&nbsp;<span class="local-tab-text" ><bean:message key="tree.options.inigrp"/></span>&nbsp;</td>

          <td class="local-tab-selected"><img alt="" border="0" height="1" src="images/dot.gif" width="6"></td>

        </tr>
      </table>
    </td>

  </tr>
  </table>

<!-- CONTENT TABLE START -->
<script>
if(is_nav4) {
document.write("<table width=\"100%\" border=\"0\">");
} else {
document.write("<table width=\"100%\" height=\"220\" border=\"0\">");
}

function checkboxChanged(ind) {
    var n = 1*document.TreeForm.selectedIniGrpOption.length || 0;
    if(document.TreeForm.selectedIniGrpOption[0].checked && ind == 0) {
        //first check box is checked - deselect all others
	for(var i = 1; i < n; i ++) {
	  document.TreeForm.selectedIniGrpOption[i].checked = false;
	}
    } else if(!document.TreeForm.selectedIniGrpOption[1].checked &&
    	!document.TreeForm.selectedIniGrpOption[2].checked) {
	//nothing is selected - select  Do not show
	document.TreeForm.selectedIniGrpOption[0].checked = true;
    } else {
      	//deselect first box if checked
	document.TreeForm.selectedIniGrpOption[0].checked = false;
    }
}


</script>
<!--
<table width="100%" height="100" border="0">
-->
<tr>
<td>

<div class="content-layout">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="images/dot.gif" border="0" height="20"/></td>
</tr>
<% try { 
int i = 0;%>
<logic:iterate id="igo" property="iniGrpOption" name="TreeForm">
<tr>
<td>
<html:multibox property="selectedIniGrpOption" name="TreeForm" onclick="<%="javascript:checkboxChanged(" + (i++) + ");" %>" >
<bean:write name="igo"/> 
</html:multibox>
</td>
<td>
<bean:message key="<%=(String)igo%>"/>
</td>
</tr>
<tr>
  <td></td><td align="left" class="table-paging-text"><bean:message key="<%=igo+".hint"%>"/></td>
</tr>
<tr>
<td colspan="2"><img src="images/dot.gif" border="0" height="10"/></td>
</tr>
</logic:iterate>
<% } catch (Throwable t) {
 Trace.verbose(this, "InitiatorGroupOptions", t);
 }
  %>


<tr>
<td colspan="2"><img src="images/dot.gif" border="0" height="10"/></td>
</tr>
</table>
</div>

</td>
</tr>
<tr height="100%">
<td height="100%" valign="bottom">

<div class="content-layout">
<table width="100%" border="0" cellspacing="2" cellpading="2" height="100%">
<tr valign="bottom">
<td width="100%"><img src="images/dot.gif" border="0" height="100%"/></td>
<td align="right" valign="bottom">
<component:button text="button.save" href="javascript:document.forms[0].request_action.value='save';document.forms[0].submit();" isEnabled="true" title="button.save"/>  
</td>
<td align="right" valign="bottom">
<img src="images/dot.gif" width="8" border="0"/>
</td>
<td align="right" valign="bottom">
<component:button text="button.cancel" title="button.cancel" href="javascript:window.close();" isEnabled="true"/>  
</td>
</tr>
</table>
</div>

</td>
</tr>
</table>


<!-- CONTENT TABLE END -->


  
<% } catch (Exception e) {Trace.verbose(this, "JSP Page", e);} %>
</html:form>

</div>
</body>
</html:html>

