<!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/slider/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>

<!-- slider widget includes -->
<script type="text/javascript" src="../Shared/jQueryWidgets/DesignTime/WidgetBase.js"></script>
<script type="text/javascript" src="../Shared/jQueryWidgets/Widgets/Slider/DesignTime/JQuerySliderDesignTime.js" ></script>
<script type="text/javascript" src="../Shared/jQueryWidgets/DesignTime/WidgetManager.js" ></script>
<script type="text/javascript" src="../Objects/jQueryWidgets/jQueryUsageTracking.js" ></script>


<!-- slider widget pi include -->
<script type="text/javascript" src="jQuery_slider.js"></script>
<!-- pi styles -->
<link href="_pi_common.css" rel="stylesheet" type="text/css" />
<link href="../Styles/jquery_slider.css" rel="stylesheet" type="text/css" />

</head>
<body class="piBody">
<img id="piImage" src="jQuery_slider.png" MMString:alt="Inspectors/jquery_slider/img/alt/Slider" />
	<div id="containerDiv" class="cls_containerDiv">
		<div id="aboveLineDiv" class="cls_aboveLineDiv">
			<div id="piTitleDiv" class="cls_piTitleDiv">
				<div id="piChildTitle" class="cls_piChildTitle"><p>Slider</p></div>
			</div>
			<div id="piIdDiv" class="cls_piIdDiv">
				<p class="cls_idText">ID</p>
				<input id="idInput" type="text" onBlur="updateTag('id')" class='cls_idInput'
				MMString:tooltip="Inspectors/jquery_widgets/text/tooltip/ID"/>
			</div>
			<div id="minMaxStepDiv" class="cls_minMaxStepDiv">
				<p class="cls_minText">Min</p>
				<input type="text" id="minInput" onBlur="updateTag('setMin')" MMString:tooltip="Inspectors/jquery_slider/text/tooltip/min"
					class="cls_minInput"/>
				<p class="cls_maxText">Max</p>
				<input type="text" id="maxInput" onBlur="updateTag('setMax')" MMString:tooltip="Inspectors/jquery_slider/text/tooltip/max"
					class = "cls_maxInput"/>
				<p class="cls_stepText">Step</p>
				<input type="text" id="stepInput" onBlur="updateTag('setStep')" MMString:tooltip="Inspectors/jquery_slider/text/tooltip/step"
							class = "cls_stepInput"/>
			</div>
			<div id="rangeDiv" class="cls_rangeDiv">
				<input type="checkbox" id="rangeCheck" onClick="updateTag('setRangeCheck')" class="cls_rangeCheck"
				MMString:tooltip="Inspectors/jquery_slider/select/tooltip/range">
				<p class="cls_rangeText">Range</p>
				<select id="rangeSelect" class="cls_rangeSelect" onChange="updateTag('setRange')" 
				MMString:tooltip="Inspectors/jquery_slider/select/tooltip/range"/>
			</div>
			<div id="valuesDiv" class="cls_valuesDiv">
				<p class="cls_valuesText">Value(s)</p>
				<input type="text" id="valueInput" onBlur="updateTag('setValue')"
							 MMString:tooltip="Inspectors/jquery_slider/text/tooltip/value" class="cls_valueInput"/>
			</div>
		</div>
		<div id="belowLineDiv" class="cls_belowLineDiv">
			<div id="animateDiv" class="cls_animateDiv">
				<input type="checkbox" id="animateCheck" class="cls_animateCheck"
							onClick="updateTag('setAnimateCheck')"
							MMString:tooltip="Inspectors/jquery_slider/select/tooltip/animate">
				<p class="cls_animateText">Animate</p>
				<select id="animateSelect" editable="true" MMString:tooltip="Inspectors/jquery_slider/select/tooltip/animate"
							onChange="updateTag('setAnimate')"  class="cls_animateSelect" onBlur="updateTag('setAnimate')"/>	
			</div>
			<div id="orientationDiv" class="cls_orientationDiv">
				<p class="cls_orientationText">Orientation</p>
				<select id="orientationSelect" MMString:tooltip="Inspectors/jquery_slider/select/tooltip/orientation"
					onChange="updateTag('setOrientation')" class="cls_orientationSelect"/>
			</div>
		</div>
	</div>
</body>
</html>