<!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 2012-2013 Adobe Systems Incorporated.	All rights reserved. -->
<title>
<MMString:LoadString id="jquery/widgets/accordion/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>

<!-- accordion widget includes -->
<script type="text/javascript" src="../Shared/jQueryWidgets/DesignTime/WidgetBase.js"></script>
<script type="text/javascript" src="../Shared/jQueryWidgets/Widgets/Accordion/DesignTime/JQueryAccordionDesignTime.js" ></script>
<script type="text/javascript" src="../Shared/jQueryWidgets/DesignTime/WidgetManager.js" ></script>
<script type="text/javascript" src="../Objects/jQueryWidgets/jQueryUsageTracking.js" ></script>
<!-- accordion widget pi include -->
<script type="text/javascript" src="jQuery_accordion.js"></script>
<!-- pi styles -->
<link href="_pi_common.css" rel="stylesheet" type="text/css" />
<link href="../Styles/jquery_accordion.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_accordion.png" MMString:alt="Inspectors/jquery_accordion/img/alt/Accordion" />
	<div id="idBoxLayer"	class="cls_imageDiv">
		<div id="piTitleInner" class = "cls_piTitleInner"><p>Accordion</p>
		</div>
	</div>
</div>

<div id="topLayer" class = "cls_topLayerDiv">
	<div id="aboveLineDiv" class = "cls_aboveLineDiv">
		<div id="piElementId" class = "cls_piElementId">
			<p class = "cls_idText">ID</p>
			<input id="idEditBox" type="text" onBlur="updateTag('id')" class="cls_idInput"
				MMString:tooltip="Inspectors/jquery_widgets/text/tooltip/ID"/>
		</div>
		<div id="panelEditingLabel" class="cls_panelText"><MMString:loadString id="Inspectors/jquery_accordion/text/Panels"/>
		</div>
		<div id="message" class="cls_messageDiv">
		<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="panelEditingMain" class="cls_panelListDiv">
			<select id="panelList" size="3" onChange="updateTag('panelSelected');"
				class = "cls_panelList"/>
			<input id="elemUp"	type="image"		MMString:alt="Inspectors/jquery_accordion/image/alt/Move"		
			onclick="updateTag('movePanelUp')"	src="../Shared/MM/Images/btnUpSmall.png" class="cls_upButton"/>
			<input id="elemDown" type="image"	 MMString:alt="Inspectors/jquery_accordion/image/alt/Move_1"	 
			onclick="updateTag('movePanelDown')" src="../Shared/MM/Images/btnDownSmall.png" class="cls_downButton"/>
			<input id="elemAdd"	 type="image"		MMString:alt="Inspectors/jquery_accordion/image/alt/Add"	 
			onclick="updateTag('addPanel')"	 src="../Shared/MM/Images/btnAddSmall.png" class="cls_addButton"/>
			<input id="elemDel"	 type="image"	 MMString:alt="Inspectors/jquery_accordion/image/alt/Remove"	
			onclick="updateTag('deletePanel')"	src="../Shared/MM/Images/btnDelSmall.png" class="cls_removeButton"/>
		</div>
		<div id="collapsibleDiv" class="cls_collapsibleDiv">
			<p class="cls_activeText">Active</p>
			<input type="text" id="activeInput" onBlur="updateTag('setActive')" 
				MMString:tooltip="Inspectors/jquery_accordion/text/tooltip/active" class="cls_activeInput"/>
		</div>
		<div id="eventDiv" class="cls_eventDiv">
			<p class="cls_eventText">Event</p>
			<select id="eventList" onChange="updateTag('setEvent')"
				MMString:tooltip="Inspectors/jquery_accordion/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_accordion/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_accordion/checkbox/tooltip/disabled"/>
			<p class="cls_disableText">Disabled</p>
			<input type="checkBox" id="collapsibleCheck" onClick="updateTag('setCollapsible')"
				MMString:tooltip="Inspectors/jquery_accordion/checkbox/tooltip/collapsible" class="cls_collapsibleCheck"/>
			<p class="cls_collapsibleText">Collapsible</p>
		</div>
		<div id= "animateDiv" class="cls_animateDiv">
			<p class="cls_animateText">Animate</p>
			<select id = "animateSelect" class="cls_animateSelect" onchange="updateTag('setAnimateSelect')" editable="true" 
			onblur ="updateTag('setAnimateEasingInput')"
			MMString:tooltip="Inspectors/jquery_accordion/select/tooltip/animateSelect"/>
			<input type="text" id="animateInput" class="cls_animateInput" onblur="updateTag('setAnimateInput')"
				MMString:tooltip="Inspectors/jquery_accordion/text/tooltip/animateduration"/>
		</div>
		<div id="iconsDiv" class="cls_iconsDiv">
			<p id="iconsText" class="cls_iconsText" >Icons:</p>
			<p id="headerText" class="cls_headerText">Header</p>
			<p id="activeHeaderText" class="cls_activeHeaderText">Active Header</p>
			<select id="headerSelect" class="cls_headerSelect" onChange="updateTag('setHeader')" 
			MMString:tooltip="Inspectors/jquery_accordion/select/tooltip/header"
				/>
			<select id="activeHeaderSelect" class="cls_activeHeaderSelect" onChange="updateTag('setActiveHeader')" 
			MMString:tooltip="Inspectors/jquery_accordion/select/tooltip/activeheader"
				/>
		</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>
