
<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 6.0//pi">
<!-- tag:div, priority:50, selection:exact, hideclass -->
<html xmlns:MMString="http://www.macromedia.com/schemes/data/string/">
<head>
<!-- Copyright 2006-2007 Adobe Systems Incorporated.  All rights reserved. -->
<title>
<MMString:LoadString id="spry/widgets/tabbedpanels/title" />
</title>
<!-- common includes -->
<script type="text/javascript" src="../Shared/MM/Scripts/CMN/displayHelp.js"></script>
<script type="text/javascript" src="../Shared/Common/Scripts/ListControlClass.js"></script>
<script type="text/javascript" src="../Shared/Common/Scripts/TagEditClass.js"></script>
<script type="text/javascript" src="../Shared/Common/Scripts/dwscripts.js"></script>
<!--script type="text/javascript" src="../Shared/UltraDev/Scripts/ssDocManager.js"></script-->
<script type="text/javascript" src="_pi_common.js"></script>

<!-- tabbed panels widget includes -->
<script type="text/javascript" src="../Shared/Spry/DesignTime/WidgetBase.js" ></script>
<script type="text/javascript" src="../Shared/Spry/Widgets/TabbedPanels/DesignTime/SpryTabbedPanelsDesignTime.js" ></script>
<script type="text/javascript" src="../Shared/Spry/DesignTime/WidgetManager.js" ></script>
<!-- tabbed panels widget pi include -->
<script type="text/javascript" src="spry_tabbedpanels.js"></script>
<!-- pi styles -->
<link href="_pi_common.css" rel="stylesheet" type="text/css" />
<link href="../Styles/spry_tabbedpanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.buttonHeader{ }
</style>
</head>
<body class="piBody" onLoad="inspectSelection()">
<form name="theForm">
<!-- standard image & id fields -->
<div id="piId">
  <img id="piImage" src="spry_tabbedpanels.png" MMString:alt="Inspectors/spry_tabbedpanels/img/alt/TabbedPanels" />
  <div id="idBoxLayer" class="cls_spry_tabbedpanels_div_idBoxLayer" >
  <table width="300" border="0">
  <tr>
  	<td width="10" align="right" nowrap>
    <div id="piTitle"><MMString:loadString id="Inspectors/spry_tabbedpanels/text/Tabbed" /></div>
    </td>
    <td width="280" align="left" nowrap>
      <div id="widgetId" ></div>
      </td>
      </tr>
    <!--div id="piElementId" class="cls_spry_tabbedpanels_div_piElementId">
      <input id="idEditBox" class="cls_spry_tabbedpanels_div_idEditBox" type="text" onBlur="updateTag('id')" disabled="true" />
    </div-->
    </table>
  </div>
</div>
<!--div id="message" class="cls_spry_tabbedpanels_div_message">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="../Shared/MM/Images/infoTopLeft.png" width="7" height="7" border="0"></td>
      <td colspan="2"><img  src="../Shared/MM/Images/infoTop.png" width="100%" height="7" border="0"></td>
      <td><img src="../Shared/MM/Images/infoTopRight.png" width="7" height="7" border="0"></td>
    </tr>
    <tr>
      <td><img src="../Shared/MM/Images/infoLeft.png" width="7" height="57" border="0"></td>
      <td align="center" valign="top" bgcolor="#FFFFCC"><img  src="../Shared/MM/Images/warningIcon.png" width="14" height="13" border="0"></td>
      <td width="90%" valign="top" bgcolor="#FFFFCC" id="messageText">&nbsp;</td>
      <td><img src="../Shared/MM/Images/infoRight.png" width="7" height="57" border="0"></td>
    </tr>
    <tr>
      <td><img src="../Shared/MM/Images/infoBottomLeft.png" width="7" height="7" border="0"></td>
      <td colspan="2"><img  src="../Shared/MM/Images/infoBottom.png" width="100%" height="7" border="0"></td>
      <td><img src="../Shared/MM/Images/infoBottomRight.png" width="7" height="7" border="0"></td>
    </tr>
  </table>
</div-->
<div id="tabbedpanelsProp" style="position:absolute; z-index:25; left: 51px; top: 46px; width: 301px; height: 154px;">
<table width="297" border="0" cellpadding="0" cellspacing="0">
	<tr>
    <td width="297">
  <!--div id="panelEditingLabel" class="cls_spry_tabbedpanels_div_panelEditingLabel"--><MMString:loadString id="Inspectors/spry_tabbedpanels/text/Panels" /><!--/div-->
  </td>
  </tr>
		<tr>
        <td>
          

        <div class="buttonHeader">
        <input id="elemAdd"  type="image"   MMString:alt="Inspectors/spry_tabbedpanels/image/alt/Add"   onclick="updateTag('addPanel')"   src="../Shared/MM/Images/btnAddSmall.png" />
        <input id="elemDel"  type="image"  MMString:alt="Inspectors/spry_tabbedpanels/image/alt/Remove"  onclick="updateTag('deletePanel')"  src="../Shared/MM/Images/btnDelSmall.png" />
        <input id="elemUp"  type="image"    MMString:alt="Inspectors/spry_tabbedpanels/image/alt/Move"   onclick="updateTag('movePanelUp')"  src="../Shared/MM/Images/btnUpSmall.png" />
        <input id="elemDown" type="image"  MMString:alt="Inspectors/spry_tabbedpanels/image/alt/Move_1"   onclick="updateTag('movePanelDown')" src="../Shared/MM/Images/btnDownSmall.png" />
    </div>
    </td>
    </tr>
    <tr>
    <td>
    <select id="panelList" class="cls_spry_tabbedpanels_select_panelList"size="5" onChange="updateTag('panelSelected');"/>                                    
    </td>
    </tr>
	<tr>
    <td>
  <div id="widgetOptions">
    <table width="272" border="0">
    <tr>
        <td width="1" valign="baseline" nowrap><MMString:loadString id="Inspectors/spry_tabbedpanels/text/Default" /></td>
    	<td width="183" valign="baseline" nowrap>
        	<select id="defaultTabList" onChange="updateTag('setDefaultTab')"/>
        </td>
    </tr>
  </table>
</div>
</td>
</tr>
    </table>

</div>
<!--div id="bottomLayer">
  <p><a href="#" onMouseDown="updateTag('guide')"><MMString:loadString id="Inspectors/spry_tabbedpanels/text/Customize" /></a></p>
</div-->
<div id="errorLayer">
  <table width="225" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="../Shared/MM/Images/infoTopLeft.png" width="7" height="7" border="0"></td>
      <td colspan="2"><img  src="../Shared/MM/Images/infoTop.png" width="100%" height="7" border="0"></td>
      <td><img src="../Shared/MM/Images/infoTopRight.png" width="7" height="7" border="0"></td>
    </tr>
    <tr>
      <td><img src="../Shared/MM/Images/infoLeft.png" width="7" height="57" border="0"></td>
      <td align="center" valign="top" bgcolor="#FFFFCC"><img  src="../Shared/MM/Images/warningIcon.png" width="14" height="13" border="0"></td>
      <td width="90%" valign="top" bgcolor="#FFFFCC" id="errorMessage">&nbsp;</td>
      <td><img src="../Shared/MM/Images/infoRight.png" width="7" height="57" border="0"></td>
    </tr>
    <tr>
      <td><img src="../Shared/MM/Images/infoBottomLeft.png" width="7" height="7" border="0"></td>
      <td colspan="2"><img  src="../Shared/MM/Images/infoBottom.png" width="100%" height="7" border="0"></td>
      <td><img src="../Shared/MM/Images/infoBottomRight.png" width="7" height="7" border="0"></td>
    </tr>
  </table>
</div>
</form>
</body>
</html>
