<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 6.0//pi">
<!-- tag:input, 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/autocomplete/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>

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


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

</head>
<body class="piBody">
<img id="piImage" src="jQuery_autocomplete.png" MMString:alt="Inspectors/jquery_autocomplete/img/alt/autocomplete" />
	<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>Autocomplete</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="sourceDiv" class="cls_sourceDiv">
				<p class="cls_sourceText">Source</p>
				<input type="text" id="sourceInput" onBlur="updateTag('setSource')" class="cls_sourceInput"
					MMString:tooltip="Inspectors/jquery_autocomplete/text/tooltip/source"/>
				<input type="image" id="browseButton" onclick="browseForSource()" value="Browse" class="cls_sourceButton"
					src="../Shared/MM/Images/folder.png" width="15"/>
			</div>
			<div id="delayDiv" class="cls_delayDiv">
							<p class="cls_minLengthText">Min Length</p>
							<input type="text" id="minLengthInput" onBlur="updateTag('setMinLength')" MMString:tooltip="Inspectors/jquery_autocomplete/text/tooltip/minLength" class="cls_minLengthInput"/>
							<p class="cls_delayText">Delay</p>
							<input class="cls_delayInput" type="text" id="delayInput" onBlur="updateTag('setDelay')" MMString:tooltip="Inspectors/jquery_autocomplete/text/tooltip/delay"/>
			</div>
			<div id="appendDiv" class="cls_appendDiv">
				<p class="cls_appendText">Append To</p>
				<input type="text" id="appendInput" onBlur="updateTag('setAppend')" MMString:tooltip="Inspectors/jquery_autocomplete/text/tooltip/append"
							class="cls_appendInput"/>
			</div>
		</div>
		<div id="belowLineDiv" class="cls_belowLineDiv">
			<div id="autoFocusDiv" class="cls_autoFocusDiv">
				<input type="checkBox" id="autoFocusCheck"  MMString:tooltip="Inspectors/jquery_autocomplete/checkbox/tooltip/autofocus"
				onClick="updateTag('setAutoFocus')" class="cls_autoFocusCheck"/>
				<p class="cls_autoFocusText">Auto Focus</p>
			</div>
			<div id="positionDiv" class="cls_positionDiv">
				<p class="cls_positionText">Position</p>
				<select id="mySelect" onChange="updateTag('setMy')" class="cls_mySelect" MMString:tooltip="Inspectors/jquery_autocomplete/select/tooltip/my"/>
				<select id="atSelect" onChange="updateTag('setAt')" class="cls_atSelect" MMString:tooltip="Inspectors/jquery_autocomplete/select/tooltip/at"/>
				<select id="collisionSelect" onChange="updateTag('setCollision')" class="cls_collitionSelect" MMString:tooltip="Inspectors/jquery_autocomplete/select/tooltip/collision"/>
			</div>
		</div>
	</div>
</body>
</html>