<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 6.0//pi">
<!-- tag:div, priority:50, selection:exact,hline, 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="jquery/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/jQueryWidgets/DesignTime/WidgetBase.js" ></script>
<script type="text/javascript" src="../Shared/jQueryWidgets/Widgets/Tabs/DesignTime/jQueryTabsDesignTime.js" ></script>
<script type="text/javascript" src="../Shared/jQueryWidgets/DesignTime/WidgetManager.js" ></script>
<script type="text/javascript" src="../Objects/jQueryWidgets/jQueryUsageTracking.js" ></script>

<!-- tabbed panels widget pi include -->
<script type="text/javascript" src="jQuery_tabs.js"></script>
<!-- pi styles -->
<link href="_pi_common.css" rel="stylesheet" type="text/css" />
<link href="../Styles/jquery_tabbedpanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.buttonHeader{ }
</style>
</head>
<body class="piBody">
<!-- standard image & id fields -->
<div id="piTitle" class="cls_piTitle"> 
	<img id="piImage" src="jquery_tabs.png" MMString:alt="Inspectors/jquery_tabbedpanels/img/alt/TabbedPanels" />
	<div id="idBoxLayer" class="cls_jquery_tabbedpanels_div_idBoxLayer">
		<div id="piTitleInner" class="cls_piTitleInner">Tabs</div>
	</div>
</div>
<div id="message" class="cls_jquery_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="topLayer" class="cls_topLayerDiv">
	<div id="aboveLineDiv" class="cls_aboveLineDiv">
		<div id="idDiv" class = "cls_idDiv">
			<p class="cls_idText">ID</p>
			<input class="cls_idInput" id="idEditBox" type="text" onBlur="updateTag('id')" 
				MMString:tooltip="Inspectors/jquery_widgets/text/tooltip/ID"/>
			</div>
		<div id="panelTextDiv" class="cls_panelTextDiv">
			<MMString:loadString id="Inspectors/jquery_tabbedpanels/text/Panels" />
		</div>
		<div id="panelListDiv" class="cls_panelListDiv">
			<select id="panelList" class="cls_panelList" size="3" onChange="updateTag('panelSelected');"/>
			<input id="elemUp" class="cls_upButton"	type="image"		MMString:alt="Inspectors/jquery_tabbedpanels/image/alt/Move"	 onclick="updateTag('movePanelUp')"	 src="../Shared/MM/Images/btnUpSmall.png" />
			<input id="elemDown" class="cls_downButton" type="image"	 MMString:alt="Inspectors/jquery_tabbedpanels/image/alt/Move_1"		onclick="updateTag('movePanelDown')" src="../Shared/MM/Images/btnDownSmall.png" />
			<input id="elemAdd"	class="cls_addButton" type="image"		MMString:alt="Inspectors/jquery_tabbedpanels/image/alt/Add"		onclick="updateTag('addPanel')"		src="../Shared/MM/Images/btnAddSmall.png" />
			<input id="elemDel"	class="cls_removeButton" type="image"	 MMString:alt="Inspectors/jquery_tabbedpanels/image/alt/Remove"	 onclick="updateTag('deletePanel')"	 src="../Shared/MM/Images/btnDelSmall.png" />
			
		</div>
		<div id="collapsibleDiv" class="collapsibleDiv">
			<p class="cls_activeText">Active</p>
			<!-- 'default option' is 'active option' -->
			<input type="text" id="activeInput" class="cls_activeInput" onBlur="updateTag('setDefault')" class="shortTI"
				MMString:tooltip="Inspectors/jquery_tabbedpanels/text/tooltip/selected"/>
		</div>
		<div id="eventDiv" class="cls_eventDiv">
			<p class="cls_eventText">Event</p>
			<select id="eventList" onChange="updateTag('setEvent')"
				MMString:tooltip="Inspectors/jquery_tabbedpanels/select/tooltip/event" class="cls_eventSelect"/>
		</div>
			<div id="heightStyleDiv" class="cls_heightStyleDiv">
			<p class="cls_heightStyleText">Height Style</p>
			<select id="heightStyleList" onChange="updateTag('setHeightStyle')"
				MMString:tooltip="Inspectors/jquery_tabbedpanels/select/tooltip/heightstyle" class="cls_heightStyleSelect"/>
		</div>
	</div>	
	<div id="belowLineDiv" class="cls_belowLineDiv">
		<div id= "disableDiv" class="cls_disableDiv">
			<input type = "checkbox" id = "disabledCheck" class = "cls_disabledCheck" onclick="updateTag('setDisabled')"
			MMString:tooltip="Inspectors/jquery_tabbedpanels/checkbox/tooltip/disabled"/>
			<p class="cls_disableText">Disabled</p>
			<input type="checkBox" id="collapsibleCheck" class="cls_collapsibleCheck" onClick="updateTag('setCollapsible')"
				MMString:tooltip="Inspectors/jquery_tabbedpanels/checkbox/tooltip/collapsible"/>
			<p class="cls_collapsibleText">Collapsible</p>
		</div>
		<div id="hideShowDiv" class="cls_hideShowDiv">
				<p class="cls_hideText">Hide</p>
				<select id="hideSelect" class="cls_hideSelect" onChange="updateTag('setHideSelect')"
					MMString:tooltip="Inspectors/jquery_tabbedpanels/select/tooltip/hide"/>
				<p class="cls_showText">Show</p>
				<select id="showSelect" class="cls_showSelect" onChange="updateTag('setShowSelect')"
					MMString:tooltip="Inspectors/jquery_tabbedpanels/select/tooltip/show"/>
				<input type="text" id="hideInput" class="cls_hideInput" onBlur="updateTag('setHideInput')"
					MMString:tooltip="Inspectors/jquery_tabbedpanels/text/tooltip/hideshow"/>
				<input type="text" id="showInput" class="cls_showInput" onBlur="updateTag('setShowInput')"
					MMString:tooltip="Inspectors/jquery_tabbedpanels/text/tooltip/hideshow"/>
		</div> 
		<div id= "orientationDiv" class="cls_orientationDiv">
			<p class="cls_orientationText">Orientation</p>
			<select id="orientationSelect" class="cls_orientationSelect" onchange="updateTag('setOrientation')" 
			MMString:tooltip="Inspectors/jquery_tabbedpanels/select/tooltip/orientation"/>
		</div>
	</div>	
</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>
</body>
</html>
