index.html HTML Source View


<!--[if lt IE 10]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html>
 <!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="default" />
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png" />
	<link rel="stylesheet" href="styles/jquery.mobile-1.0b2.min.css?211" />
	<link rel="stylesheet" href="styles/eth.css?211" />
	<style>
		.ui-temp-display {
			margin: -0.75em 0 0 -4.5em;
			text-align: right;
			width: 4em;
			position: absolute;
			font-size: 14px;
		}

		.currentChart {
			float: right;
			padding-bottom: 10px;
			padding-right: 4px;
		}
	</style> 
	<link rel="stylesheet" type="text/css" href="styles/jquery.mobile.simpledialog.min.css" />
	<script src="styles/jquery-1.6.4.min.js" type="text/javascript"></script> 
	<script src="styles/jquery.mobile-1.0b2.min.js?4" type="text/javascript"></script> 
	<script type="text/javascript" src="styles/jquery.mobile.simpledialog.min.js"></script> 
</head>
<body>
	<div data-role="page" data-title="Wireless Tag List" id="indexPage">
		<div data-role="header" data-position="inline">
			<h1 id="tagmanager_choice" style="text-align:center; display: none;">
				<select data-inline=1 name="tagmanager_menu" id="tagmanager_menu"></select>
			</h1>
			<span id="networkStatus">
			</span>
			<a class="addnew" data-icon="plus" href="#addnewPage" data-rel="dialog">Add a New Tag</a>

			<a class="logout ui-btn-right" data-icon="delete">Logout</a>
		</div>
		<div data-role="content" data-theme="c">

			<label for="updateInterval" class="select">Auto-Update:</label>
			<select data-inline=1 name="updateInterval" id="updateInterval">
				<option value="30">Every 30 seconds (worst battery life)</option>
				<option value="60">Every 1 minute</option>
				<option value="120">Every 2 minutes</option>
				<option value="300">Every 5 minutes</option>
				<option value="600">Every 10 minutes</option>
				<option value="900">Every 15 minutes</option>
				<option value="1800">Every 30 minutes</option>
				<option value="3600">Every 1 hour</option>
				<option value="14400">Every 4 hours</option>
				<option value="2147483647" selected>Disable auto-update (best battery life)</option>
			</select>
			<button data-inline=1 data-icon="refresh" id="pingAllTagBtn" onclick="all_tag_action($(this), 'PingAllTags'); return false;">Ping All Tags Now</button>

			<div id="taglist" data-role="collapsible-set">
			</div>
			<span id="rssi-mode-warning-dialog"></span>

			<!--<button id="stopbeepallbtn" data-inline=1 data-icon="delete" data-theme="b" onclick="all_tag_action($(this), 'StopBeepAll'); return false;" >Stop Beep All</button>-->
			<!--<button id="armallbtn" data-inline=1 data-icon="star" data-theme="a" onclick="all_tag_action($(this), 'ArmAll'); return false;" >Arm All</button><button data-inline=1 id=disarmallbtn data-icon=grid data-theme="c" onclick="all_tag_action($(this), 'DisarmAll'); return false;" >Disarm All</button>-->
			<!--<button id="migratebtn" data-inline=1 data-icon=gear data-theme="d" onclick="migrateConfig($(this)); return false;">Wireless Setting</button>-->
			<select data-theme="a" data-inline=1 data-toptext="Motion Sensors..." onchange="armDisarmAll($(this)); return false" id="armdisarm-all" data-native-menu="false" data-icon="grid">
				<option value="1">Arm All</option>
				<option value="2">Disarm All</option>
			</select>


			<select data-inline=1 data-theme="b" data-toptext="Stats..." onchange="multiStats($(this)); return false" id="multi-stats" data-native-menu="false" data-icon="info">
				<option value="temperature">Temperature</option>
				<option value="cap">Moisture/RH</option>
				<option value="motion">Motion/Door</option>
				<option value="batteryVolt">Battery Voltage</option>
			</select>
			<button id="eventLogBtn" data-inline=1 data-icon="alert" data-theme="p" onclick="location.replace('events.html');">Events</button>
			<button id="appBtn" data-inline=1 data-icon="star" data-theme="f" onclick="location.replace('app.html');">Kumo Apps</button>
			<select data-inline=1 data-toptext="Settings..." onchange="globalSettings($(this)); return false" id="global-settings" data-native-menu="false" data-icon="gear">
				<option value="1">Account</option>
				<option class="hide-for-limited" value="2">Wireless</option>
				<option value="3">Undelete a Tag</option>
				<option class="hide-for-limited" value="4">Reboot Tag Manager</option>
			</select>

			<div id="rxFilterChoiceSpan" style="display:none;">
				<label for="rxFilterChoice" class="select">Tag Manager Mode:</label>
				<select data-inline=1 name="rxFilterChoice" id="rxFilterChoice">
					<option value="64" selected>Wide-band (most robust)</option>
					<option value="48">Wider</option>
					<option value="32">Medium</option>
					<option value="16">Narrower</option>
					<option value="0">Narrow-band (longest range)</option>
				</select>
			</div>

			<div id="undeleteChoice" style="display:none;"></div>
		</div>
		<div data-role="header">
			<h1 style="margin-top: 0.5em">
				Wireless Tag List
			</h1>
			<a href="http://wirelesstag.net/webapp.html" data-icon="info" data-iconpos="notext" data-ajax="false"
			   class="ui-btn-right">User Manual</a>
		</div>
	</div>

	<div data-role="page" id="migratePage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1>
				Wireless Settings (Advanced)
			</h1>
			<!--			<a class="migrateSubmit ui-btn-right" data-icon="check" data-theme="b">Migrate</a>-->
		</div>
		<div data-role="content" data-theme="c">

			<div>
				Wireless Settings Migration allows you to re-program the flash memory in each
				tag to <ol>
					<li>use a different frequency to resolve interference problems, and</li>
					<li>
						fine
						tune the trade-off among range, battery life and response time.
					</li>
				</ol>
			</div>
			<form action="" method="post" id="migrateform" data-ajax="false" class="hide-for-limited">
				<table width=100%>
					<tr>
						<td width=45%>
							<fieldset class="ui-corner-all">
								<legend>Old Setting</legend>
								<div id="oldperformance">
								</div>
								<div data-role="fieldcontain" class="ui-disabled">
									<label for="oldfreq">
										Frequency:
									</label>
									<select name="oldfreq" id="oldfreq" disabled></select>
								</div>
								<div data-role="fieldcontain" class="ui-disabled">
									<label for="oldresp">
										Response Time:
									</label>
									<select name="oldresp" id="oldresp" disabled>
										<option value="255">within 9 sec</option>
										<option value="200">within 7 sec</option>
										<option value="142">within 5 sec</option>
										<option value="114">within 4 sec</option>
										<option value="96">within 3.5 sec</option>
										<option value="85">within 3 sec</option>
										<option value="71">within 2.5 sec</option>
										<option value="57">within 2 sec</option>
										<option value="43">within 1.5 sec</option>
										<option value="28">within 1 sec</option>
										<option value="20">within 0.7 sec</option>
									</select>
								</div>
								<div data-role="fieldcontain" class="ui-disabled">
									<label for="oldparamset">
										Parameter Set:
									</label>
									<select name="oldparamset" id="oldparamset" disabled></select>
								</div>

								<!--<span class="ui-disabled crc16-fec-options" style="display:none;" >
								<input type="checkbox" id="oldcrc16" disabled/>
								<label for="oldcrc16">Use extra error checking</label>
								<input type="checkbox" id="oldfec" disabled/>
								<label for="oldfec">Use forward error correction (FEC)</label>
								</span>-->

							</fieldset>
						</td>
						<td width=45%>
							<fieldset class="ui-corner-all">
								<legend>New Setting</legend>
								<div id="newperformance">
								</div>
								<div data-role="fieldcontain">
									<label for="newfreq">
										Frequency:
									</label>
									<select name="newfreq" id="newfreq"></select>
								</div>
								<div data-role="fieldcontain">
									<label for="newresp">
										Response Time:
									</label>
									<select name="newresp" id="newresp">
										<option value="114">within 4 sec</option>
										<option value="96">within 3.5 sec</option>
										<option value="85">within 3 sec</option>
										<option value="71">within 2.5 sec</option>
										<option value="57">within 2 sec</option>
										<option value="43">within 1.5 sec</option>
										<option value="28">within 1 sec</option>
										<option value="20">within 0.7 sec</option>
									</select>
								</div>
								<div data-role="fieldcontain">
									<label for="newparamset">
										Parameter Set:
									</label>
									<select name="newparamset" id="newparamset"></select>
								</div>
								<!--
								<span class="crc16-fec-options" style="display:none;">
								<input type="checkbox" id="newcrc16" class="custom" />
								<label for="newcrc16">Use extra error checking</label>
								<input type="checkbox" id="newfec" class="custom" />
								<label for="newfec">Use forward error correction (FEC)</label>
								</span>-->
							</fieldset>
						</td>
					</tr>
				</table>
				<button data-inline="1" data-icon="check" type="submit" data-theme="e" id="submitBtn">
					Migrate
				</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c"
				   href='#indexPage'>Cancel</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="mnOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1>Enable/Disable Push Notifications on Phones</h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="mnOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_mn" class="custom" />
				<label for="applyAll_mn">Apply to All Tags</label>
				<div data-role="fieldcontain" id="mobileNotifications">
				</div>
				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_mn">
					Save
				</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>
					Cancel
				</a>
			</form>
		</div>
	</div>
	<div data-role="page" id="oorOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="oorOptionTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="oorOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_oor" class="custom" />
				<label for="applyAll_oor">Apply to All Tags</label>

				<fieldset class="ui-corner-all">
					<legend>When Tag has gone out of range</legend>

					<input type="checkbox" id="send_email_oor" class="custom" />
					<label for="send_email_oor">	Send email to...</label>
					<div data-role="fieldcontain" id="send_email_oor_group" style="display: none">
						<label for="send_email_to_oor">
							Email addresses (separate by ;):
						</label>
						<input type="text" name="send_email_to_oor" id="send_email_to_oor" value="" />
					</div>

					<input type="checkbox" id="send_tweet_oor" data-inline=1 class="custom" />
					<label for="send_tweet_oor">Send Tweet</label>
					<div id="send_tweet_oor_group" style="display: none; margin-left: 20px;">
						<button data-inline="1" data-icon="twitter" data-theme="t" class="twitter_login" id="tweet_account_oor">Twitter Login...</button>
						<button data-inline="1" data-icon="arrow-r" data-theme="c" class="msg_template" id="msg_template_oor">Customize Message...</button>
					</div>

					<input type="checkbox" id="beep_at_pc_oor" class="custom" />
					<label for="beep_at_pc_oor">Send push notification</label>
					<div id="beep_at_pc_vibrate_oor_group" style="display:none; margin-left: 10px;">

						<input type="checkbox" id="beep_at_pc_tts_oor" class="custom" />
						<label for="beep_at_pc_tts_oor">Use speech</label>

						<input type="checkbox" id="beep_at_pc_vibrate_oor" class="custom" />
						<label for="beep_at_pc_vibrate_oor">Silent (no sound)</label>
					</div>
				</fieldset>
				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_oor">
					Save
				</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>
					Cancel
				</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="accountOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1>Account Settings</h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="accountOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<div data-role="fieldcontain">
					<label for="loginEmail">Email:</label>
					<input type="email" name="loginEmail" id="loginEmail" value="" />
				</div>
				<div data-role="fieldcontain">
					<label for="loginPwd">Password:</label>
					<input type="password" name="loginPwd" id="loginPwd" value="" />
				</div>

				<fieldset class="ui-corner-all hide-for-limited">
					<legend>Tag Managers</legend>
					<button data-inline="1" data-icon="plus" data-theme="b" id="btnAddNewManager">Add a New Tag Manager</button>
					<span id="edit-user-dialog"></span><span id="add-user-dialog"></span>
					<div id="tagmanagerlist" data-role="collapsible-set">
					</div>
				</fieldset>


				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_account">Save</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c">Cancel</a>
				<button data-inline="1" data-icon="twitter" data-theme="t" class="twitter_login">Twitter Login...</button>
				<button data-inline="1" data-icon="facebook" data-theme="b" class="facebook_login">Use Facebook Login...</button>

			</form>
		</div>
	</div>

	<div data-role="page" id="addTagManagerPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1>Add a Tag Manager</h1>
		</div>
		<div data-role="content" data-theme="c">
			<p>
				Adding multiple tag managers to one account allows quickly switching between tag managers,
				managing more than 255 tags and covering wider area than a single tag manager can cover.
			</p>
			<form action="" method="post" id="addtagmanagerform" data-ajax="false" class="ui-body ui-corner-all">
				<div data-role="fieldcontain">
					<label for="new_mac">
						Tag Manager Serial Number:
					</label>
					<input type="text" name="mac" id="new_mac" value="" />
				</div>
				<div data-role="fieldcontain">
					<label for="new_tgmr_name">
						Name this Tag Manager:
					</label>
					<input type="text" name="new_tgmr_name" id="new_tgmr_name" value="" />
				</div>
				<div data-role="fieldcontain">
					<input type="checkbox" id="new_tgmr_allowmore" class="custom" />
					<label for="new_tgmr_allowmore">
						Allow creating more accounts to access my Tag Manager (with knowledge of its serial number)
					</label>
				</div>

				<fieldset class="ui-corner-all">
					<legend>Group With...</legend>
					<p>
						When a tag manager is grouped with another tag manager, they share the same list of tags and radio ID.
						Up to 255 tags are supported in one group no matter how many tag managers are in that group.
						A tag may be out of range from one tag manager
						but responding to another. A tag may also be reachable from both tag managers.
						This is useful when multiple tag managers are set up to cover wider areas, and a tag may "roam" from one manager to another.
					</p>
					<select name="new_tgmr_groupwith" id="new_tgmr_groupwith"></select>
				</fieldset>
				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnSubmit_addtagmanager">Add</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c">Cancel</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="messageOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="msgTempTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="messageOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_message" class="custom" />
				<label for="applyAll_message">Apply to All Tags</label>

				<fieldset class="ui-corner-all">
					<legend>When lost link to a tag - {0}: Tag name, {1}: Time since last update</legend>
					<div data-role="fieldcontain">
						<label for="msg_oor_t">Title:</label>
						<input type="text" name="msg_oor_t" id="msg_oor_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_oor_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_oor_d" id="msg_oor_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When re-established link to a tag - {0}: Tag name, {1}: Time since last update (lost link duration)</legend>
					<div data-role="fieldcontain">
						<label for="msg_back_in_range_t">Title:</label>
						<input type="text" name="msg_back_in_range_t" id="msg_back_in_range_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_back_in_range_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_back_in_range_d" id="msg_back_in_range_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When motion is detected - {0}: Tag name, {1}: Orientation change</legend>
					<div data-role="fieldcontain">
						<label for="msg_motion_detected_t">Title:</label>
						<input type="text" name="msg_motion_detected_t" id="msg_motion_detected_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_motion_detected_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_motion_detected_d" id="msg_motion_detected_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When door is opened - {0}: Tag name, {1}: Orientation change since armed</legend>
					<div data-role="fieldcontain">
						<label for="msg_door_opened_t">Title:</label>
						<input type="text" name="msg_door_opened_t" id="msg_door_opened_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_door_opened_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_door_opened_d" id="msg_door_opened_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When door is closed - {0}: Tag name, {1}: Orientation change since armed</legend>
					<div data-role="fieldcontain">
						<label for="msg_door_closed_t">Title:</label>
						<input type="text" name="msg_door_closed_t" id="msg_door_closed_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_door_closed_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_door_closed_d" id="msg_door_closed_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When door is open for too long - {0}: Tag name, {1}: Orientation change since armed, {2}: How long</legend>
					<div data-role="fieldcontain">
						<label for="msg_door_open_toolong_t">Title:</label>
						<input type="text" name="msg_door_open_toolong_t" id="msg_door_open_toolong_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_door_open_toolong_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_door_open_toolong_d" id="msg_door_open_toolong_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When temperature is too high - {0}: Tag name, {1}: Temperature in &deg;F, {2}: Temperature in &deg;C</legend>
					<div data-role="fieldcontain">
						<label for="msg_temp_toohigh_t">Title:</label>
						<input type="text" name="msg_temp_toohigh_t" id="msg_temp_toohigh_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_temp_toohigh_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_temp_toohigh_d" id="msg_temp_toohigh_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When temperature is too low - {0}: Tag name, {1}: Temperature in &deg;F, {2}: Temperature in &deg;C</legend>
					<div data-role="fieldcontain">
						<label for="msg_temp_toolow_t">Title:</label>
						<input type="text" name="msg_temp_toolow_t" id="msg_temp_toolow_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_temp_toolow_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_temp_toolow_d" id="msg_temp_toolow_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When temperature returned to normal - {0}: Tag name, {1}: Temperature in &deg;F, {2}: Temperature in &deg;C</legend>
					<div data-role="fieldcontain">
						<label for="msg_temp_normal_t">Title:</label>
						<input type="text" name="msg_temp_normal_t" id="msg_temp_normal_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_temp_normal_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_temp_normal_d" id="msg_temp_normal_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When tag battery is low - {0}: Tag name, {1}: latest battery voltage, {2}: configured low battery warning threshold</legend>
					<div data-role="fieldcontain">
						<label for="msg_low_battery_t">Title:</label>
						<input type="text" name="msg_low_battery_t" id="msg_low_battery_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_low_battery_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_low_battery_d" id="msg_low_battery_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When moisture level is too high - {0}: Tag name, {1}: moisture level in %</legend>
					<div data-role="fieldcontain">
						<label for="msg_too_humid_t">Title:</label>
						<input type="text" name="msg_too_humid_t" id="msg_too_humid_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_too_humid_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_too_humid_d" id="msg_too_humid_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When moisture level is too low - {0}: Tag name, {1}: moisture level in %</legend>
					<div data-role="fieldcontain">
						<label for="msg_too_dry_t">Title:</label>
						<input type="text" name="msg_too_dry_t" id="msg_too_dry_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_too_dry_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_too_dry_d" id="msg_too_dry_d"></textarea>
					</div>
				</fieldset>
				<fieldset class="ui-corner-all">
					<legend>When moisture level returned to normal - {0}: Tag name, {1}: moisture level in %</legend>
					<div data-role="fieldcontain">
						<label for="msg_cap_normal_t">Title:</label>
						<input type="text" name="msg_cap_normal_t" id="msg_cap_normal_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_cap_normal_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_cap_normal_d" id="msg_cap_normal_d"></textarea>
					</div>
				</fieldset>

				<fieldset class="ui-corner-all">
					<legend>When detected water - {0}: Tag name, {1}: local time</legend>
					<div data-role="fieldcontain">
						<label for="msg_water_detected_t">Title:</label>
						<input type="text" name="msg_water_detected_t" id="msg_water_detected_t" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="msg_water_detected_d">Detail:</label>
						<textarea cols="40" rows="8" name="msg_water_detected_d" id="msg_water_detected_d"></textarea>
					</div>
				</fieldset>

				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_msg">Save</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>Cancel</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="eventURLOptionPage">

		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="eventURLTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">

			<form action="" method="post" id="eventURLOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_eu" class="custom" />
				<label for="applyAll_eu">Apply to All Tags</label>

				<fieldset data-role="controlgroup">
					<input type="checkbox" id="eu_oor_en" class="custom" />
					<label for="eu_oor_en">When lost link to a tag - {0}: Tag name, {1}: Time since last update, {2}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_oor_group" style="display: none;margin-left: 20px;">
						<label for="eu_oor_url">
							Call URL:
						</label><input type="text" name="eu_oor_url" id="eu_oor_url" value="" />
						<a id="http-detail-parent" data-entry="oor" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>

						<br ><input type="checkbox" id="eu_oor_nat" data-role="none" />
						<label for="eu_oor_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_back_in_range_en" class="custom" />
					<label for="eu_back_in_range_en">When re-established link to a tag - {0}: Tag name, {1}: Time since last update (lost link duration), {2}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_back_in_range_group" style="display: none;margin-left: 20px;">
						<label for="eu_back_in_range_url">
							Call URL:
						</label><input type="text" name="eu_back_in_range_url" id="eu_back_in_range_url" value="" />
						<a data-entry="back_in_range" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_back_in_range_nat" data-role="none" />
						<label for="eu_back_in_range_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_motion_detected_en" class="custom" />
					<label for="eu_motion_detected_en">When motion is detected - {0}: Tag name, {1}: Orientation change, {2}: x axis reading, {3}: y axis, {4}; z axis, {5}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_motion_detected_group" style="display: none;margin-left: 20px;">
						<label for="eu_motion_detected_url">
							Call URL:
						</label><input type="text" name="eu_motion_detected_url" id="eu_motion_detected_url" value="" />
						<a data-entry="motion_detected" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_motion_detected_nat" data-role="none" />
						<label for="eu_motion_detected_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_door_opened_en" class="custom" />
					<label for="eu_door_opened_en">When door is opened - {0}: Tag name, {1}: Orientation change since armed, {2}: x axis reading, {3}: y axis, {4}; z axis, {5}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_door_opened_group" style="display: none;margin-left: 20px;">
						<label for="eu_door_opened_url">
							Call URL:
						</label><input type="text" name="eu_door_opened_url" id="eu_door_opened_url" value="" />
						<a data-entry="door_opened" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_door_opened_nat" data-role="none" />
						<label for="eu_door_opened_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_door_closed_en" class="custom" />
					<label for="eu_door_closed_en">When door is closed - {0}: Tag name, {1}: Orientation change since armed, {2}: x axis reading, {3}: y axis, {4}; z axis, {5}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_door_closed_group" style="display: none;margin-left: 20px;">
						<label for="eu_door_closed_url">
							Call URL:
						</label><input type="text" name="eu_door_closed_url" id="eu_door_closed_url" value="" />
						<a data-entry="door_closed" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_door_closed_nat" data-role="none" />
						<label for="eu_door_closed_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_door_open_toolong_en" class="custom" />
					<label for="eu_door_open_toolong_en">When door is open for too long - {0}: Tag name, {1}: Orientation change since armed, {2}: How long, {3}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_door_open_toolong_group" style="display: none;margin-left: 20px;">
						<label for="eu_door_open_toolong_url">
							Call URL:
						</label><input type="text" name="eu_door_open_toolong_url" id="eu_door_open_toolong_url" value="" />
						<a data-entry="door_open_toolong" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_door_open_toolong_nat" data-role="none" />
						<label for="eu_door_open_toolong_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_temp_toohigh_en" class="custom" />
					<label for="eu_temp_toohigh_en">When temperature is too high - {0}: Tag name, {1}: Temperature in &deg;F, {2}: Temperature in &deg;C, {3}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_temp_toohigh_group" style="display: none;margin-left: 20px;">
						<label for="eu_temp_toohigh_url">
							Call URL:
						</label><input type="text" name="eu_temp_toohigh_url" id="eu_temp_toohigh_url" value="" />
						<a data-entry="temp_toohigh" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_temp_toohigh_nat" data-role="none" />
						<label for="eu_temp_toohigh_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_temp_toolow_en" class="custom" />
					<label for="eu_temp_toolow_en">When temperature is too low - {0}: Tag name, {1}: Temperature in &deg;F, {2}: Temperature in &deg;C, {3}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_temp_toolow_group" style="display: none;margin-left: 20px;">
						<label for="eu_temp_toolow_url">
							Call URL:
						</label><input type="text" name="eu_temp_toolow_url" id="eu_temp_toolow_url" value="" />
						<a data-entry="temp_toolow" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_temp_toolow_nat" data-role="none" />
						<label for="eu_temp_toolow_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_temp_normal_en" class="custom" />
					<label for="eu_temp_normal_en">When temperature returned to normal - {0}: Tag name, {1}: Temperature in &deg;F, {2}: Temperature in &deg;C, {3}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_temp_normal_group" style="display: none;margin-left: 20px;">
						<label for="eu_temp_normal_url">
							Call URL:
						</label><input type="text" name="eu_temp_normal_url" id="eu_temp_normal_url" value="" />
						<a data-entry="temp_normal" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_temp_normal_nat" data-role="none" />
						<label for="eu_temp_normal_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_low_battery_en" class="custom" />
					<label for="eu_low_battery_en">When tag battery is low - {0}: Tag name, {1}: latest battery voltage, {2}: configured low battery warning threshold, {3}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_low_battery_group" style="display: none;margin-left: 20px;">
						<label for="eu_low_battery_url">
							Call URL:
						</label><input type="text" name="eu_low_battery_url" id="eu_low_battery_url" value="" />
						<a data-entry="low_battery" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_low_battery_nat" data-role="none" />
						<label for="eu_low_battery_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_too_humid_en" class="custom" />
					<label for="eu_too_humid_en">When moisture level is too high - {0}: Tag name, {1}: moisture level in %, {2}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_too_humid_group" style="display: none;margin-left: 20px;">
						<label for="eu_too_humid_url">
							Call URL:
						</label><input type="text" name="eu_too_humid_url" id="eu_too_humid_url" value="" />
						<a data-entry="too_humid" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_too_humid_nat" data-role="none" />
						<label for="eu_too_humid_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_too_dry_en" class="custom" />
					<label for="eu_too_dry_en">When moisture level is too low - {0}: Tag name, {1}: moisture level in %, {2}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_too_dry_group" style="display: none;margin-left: 20px;">
						<label for="eu_too_dry_url">
							Call URL:
						</label><input type="text" name="eu_too_dry_url" id="eu_too_dry_url" value="" />
						<a data-entry="too_dry" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_too_dry_nat" data-role="none" />
						<label for="eu_too_dry_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_cap_normal_en" class="custom" />
					<label for="eu_cap_normal_en">When moisture level returned to normal - {0}: Tag name, {1}: moisture level in %, {2}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_cap_normal_group" style="display: none;margin-left: 20px;">
						<label for="eu_cap_normal_url">
							Call URL:
						</label><input type="text" name="eu_cap_normal_url" id="eu_cap_normal_url" value="" />
						<a data-entry="cap_normal" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_cap_normal_nat" data-role="none" />
						<label for="eu_cap_normal_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_water_detected_en" class="custom" />
					<label for="eu_water_detected_en">When detected water - {0}: Tag name, {1}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_water_detected_group" style="display: none;margin-left: 20px;">
						<label for="eu_water_detected_url">
							Call URL:
						</label><input type="text" name="eu_water_detected_url" id="eu_water_detected_url" value="" />
						<a data-entry="water_detected" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_water_detected_nat" data-role="none" />
						<label for="eu_water_detected_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

					<input type="checkbox" id="eu_water_dried_en" class="custom" />
					<label for="eu_water_dried_en">When no longer detected water - {0}: Tag name, {1}: Tag ID</label>
					<div data-role="fieldcontain" id="eu_water_dried_group" style="display: none;margin-left: 20px;">
						<label for="eu_water_dried_url">
							Call URL:
						</label><input type="text" name="eu_water_dried_url" id="eu_water_dried_url" value="" />
						<a data-entry="water_dried" data-role="button" data-icon="arrow-r" data-iconpos="notext" class="http-verb-options ui-btn-right">More HTTP settings</a>
						<br ><input type="checkbox" id="eu_water_dried_nat" data-role="none" />
						<label for="eu_water_dried_nat">This URL uses private IP address (Call from Tag Manager)</label>
					</div>

				</fieldset>
				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_eu">Save</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>Cancel</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="capOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="capOptionTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="capOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_cap" class="custom" />
				<label for="applyAll_cap">Apply to All Tags</label>

				<div data-role="fieldcontain">
					<label for="capCal">
						Calibrate current humidity:
					</label><input type="range" name="capCal" id="capCal" value="0" min="0" max="100" data-unit="%" />
					<button data-inline="1" data-icon="check" data-theme="e" id="btnCapCal">Calibrate</button>
				</div>

				<input type="checkbox" id="enableCapEvent" class="custom" />
				<label for="enableCapEvent">Enable Monitoring...</label>

				<div id="capEventGroup" style="display:none; margin-left: 10px;">

					<div data-role="rangeslider" id="cap_range">
						<label for="cap_min">Humidity Range:</label>
						<input type="range" name="cap_min" id="cap_min" min="0" max="100" value="20" data-unit="%">
						<label for="cap_max">Humidity Range:</label>
						<input type="range" name="cap_max" id="cap_max" min="0" max="100" value="80" data-unit="%">
					</div>

					<div data-role="fieldcontain">
						<label for="capresponsiveness" class="select">
							Responsiveness:
						</label>
						<select name="capresponsiveness" id="capresponsiveness">
							<option value="4">Fast (worst battery life)</option>
							<option value="8">Medium fast</option>
							<option value="16">Medium</option>
							<option value="32">Medium slow</option>
							<option value="48">Slow (best battery life)</option>
						</select>
					</div>

					<fieldset class="ui-corner-all">
						<legend>Humidity/Moisture Notifications</legend>

						<input type="checkbox" id="send_email_cap" class="custom" />
						<label for="send_email_cap">	Send email to...</label>
						<div data-role="fieldcontain" id="send_email_cap_group" style="display: none">
							<label for="send_email_to_cap">
								Email addresses (separate by ;):
							</label>
							<input type="text" id="send_email_to_cap" value="" />
						</div>

						<input type="checkbox" id="send_tweet_cap" data-inline=1 class="custom" />
						<label for="send_tweet_cap">Send Tweet</label>
						<div id="send_tweet_cap_group" style="display: none; margin-left: 20px;">
							<button data-inline="1" data-icon="twitter" data-theme="t" class="twitter_login" id="tweet_account_cap">Twitter Login...</button>
							<button data-inline="1" data-icon="arrow-r" data-theme="c" class="msg_template" id="msg_caplate_cap">Customize Message...</button>
						</div>

						<input type="checkbox" id="beep_at_pc_cap" class="custom" />
						<label for="beep_at_pc_cap">Send push notification</label>
						<div id="beep_at_pc_vibrate_cap_group" style="display:none; margin-left: 10px;">

							<input type="checkbox" id="beep_at_pc_tts_cap" class="custom" />
							<label for="beep_at_pc_tts_cap">Use speech</label>

							<input type="checkbox" id="beep_at_pc_vibrate_cap" class="custom" />
							<label for="beep_at_pc_vibrate_cap">Silent (no sound)</label>
						</div>
					</fieldset>
				</div>

				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_cap">Save</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>Cancel</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="currentOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="currentOptionTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="currentOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_current" class="custom" />
				<label for="applyAll_current">Apply to All Tags</label>

				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<legend>Outlet frequency:</legend>
						<input type="radio" name="sampling_period" id="sampling_period_50hz" value="50" />   	<label for="sampling_period_50hz">50Hz</label>
						<input type="radio" name="sampling_period" id="sampling_period_60hz" value="60" checked />	  	<label for="sampling_period_60hz">60Hz</label>
					</fieldset>
				</div>

				<div data-role="fieldcontain">
					<label for="currentCal">
						Set current mArms (to calibrate sensor gain):
					</label><input type="range" name="currentCal" id="currentCal" value="0" min="0" max="30000" data-unit="mArms" />
					<button data-inline="1" data-icon="check" data-theme="e" id="btnCurrentCal">Calibrate</button>
				</div>

				<input type="checkbox" id="enableCurrentEvent" class="custom" />
				<label for="enableCurrentEvent">Monitor current...</label>

				<div id="currentEventGroup" style="display:none; margin-left: 10px;">

					<div data-role="rangeslider">
						<label for="current_min">Current range (mArms):</label>
						<input type="range" name="current_min" id="current_min" min="0" max="30000" value="2000" data-unit="mArms">
						<label for="current_max">Current range (mArms):</label>
						<input type="range" name="current_max" id="current_max" min="0" max="30000" value="15000" data-unit="mArms">
					</div>

					<div data-role="fieldcontain">
						<label for="currentresponsiveness" class="select">
							Responsiveness:
						</label>
						<select name="currentresponsiveness" id="currentresponsiveness">
							<option value="4">Fast (worst battery life)</option>
							<option value="8">Medium fast</option>
							<option value="16">Medium</option>
							<option value="32">Medium slow</option>
							<option value="48">Slow (best battery life)</option>
						</select>
					</div>

					<fieldset class="ui-corner-all">
						<legend>Notifications</legend>

						<input type="checkbox" id="send_email_current" class="custom" />
						<label for="send_email_current">	Send email to...</label>
						<div data-role="fieldcontain" id="send_email_current_group" style="display: none">
							<label for="send_email_to_current">
								Email addresses (separate by ;):
							</label>
							<input type="text" id="send_email_to_current" value="" />
						</div>

						<input type="checkbox" id="send_tweet_current" data-inline=1 class="custom" />
						<label for="send_tweet_current">Send Tweet</label>
						<div id="send_tweet_current_group" style="display: none; margin-left: 20px;">
							<button data-inline="1" data-icon="twitter" data-theme="t" class="twitter_login" id="tweet_account_current">Twitter Login...</button>
							<button data-inline="1" data-icon="arrow-r" data-theme="c" class="msg_template" id="msg_currentlate_current">Customize Message...</button>
						</div>

						<input type="checkbox" id="beep_at_pc_current" class="custom" />
						<label for="beep_at_pc_current">Send push notification</label>
						<div id="beep_at_pc_vibrate_current_group" style="display:none; margin-left: 10px;">

							<input type="checkbox" id="beep_at_pc_tts_current" class="custom" />
							<label for="beep_at_pc_tts_current">Use speech</label>

							<input type="checkbox" id="beep_at_pc_vibrate_current" class="custom" />
							<label for="beep_at_pc_vibrate_current">Silent (no sound)</label>
						</div>
					</fieldset>
				</div>

				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_current">Save</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>Cancel</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="tempOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="tempOptionTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="tempOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_temp" class="custom" />
				<label for="applyAll_temp">Apply to All Tags</label>

				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<legend>Units:</legend>
						<input type="radio" name="temp-unit" id="radio-degC" value="degC" checked />   	<label for="radio-degC">&deg;C</label>
						<input type="radio" name="temp-unit" id="radio-degF" value="degF" />	  	<label for="radio-degF">&deg;F</label>
					</fieldset>
				</div>
				<div data-role="fieldcontain" id="ds18opt" style="display:none;">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<legend>Temperature sensor:</legend>
						<input type="radio" name="ds18" id="ds18-off" checked />   	<label for="ds18-off">Internal</label>
						<input type="radio" name="ds18" id="ds18-on" />	  	<label for="ds18-on">External probe (DS18)</label>
					</fieldset>
				</div>

				<div data-role="fieldcontain">
					<label for="tempcal">
						Calibrate current temperature:
					</label><input type="range" name="tempcal" id="tempcal" value="0" min="-40" max="125" data-unit="°C" />
					<button data-inline="1" data-icon="check" data-theme="e" id="btnTempCal">Calibrate</button>
				</div>

				<input type="checkbox" id="enableTempEvent" class="custom" />
				<label for="enableTempEvent">Monitor Temperature...</label>

				<div id="tempEventGroup" style="display:none; margin-left: 10px;">

					<div data-role="rangeslider" id="temp_range">
						<label for="slider_min">Temperature range:</label>
						<input type="range" name="slider_min" id="slider_min" min="0" max="100" value="20" data-unit="°C">
						<label for="slider_max">Temperature range:</label>
						<input type="range" name="slider_max" id="slider_max" min="0" max="100" value="80" data-unit="°C">
					</div>

					<fieldset class="ui-corner-all">
						<legend>Temperature Notifications</legend>

						<input type="checkbox" id="send_email_temp" class="custom" />
						<label for="send_email_temp">	Send email to...</label>
						<div data-role="fieldcontain" id="send_email_temp_group" style="display: none">
							<label for="send_email_to_temp">
								Email addresses (separate by ;):
							</label>
							<input type="text" id="send_email_to_temp" value="" />
						</div>

						<input type="checkbox" id="send_tweet_temp" data-inline=1 class="custom" />
						<label for="send_tweet_temp">Send Tweet</label>
						<div id="send_tweet_temp_group" style="display: none; margin-left: 20px;">
							<button data-inline="1" data-icon="twitter" data-theme="t" class="twitter_login" id="tweet_account_temp">Twitter Login...</button>
							<button data-inline="1" data-icon="arrow-r" data-theme="c" class="msg_template" id="msg_template_temp">Customize Message...</button>
						</div>

						<input type="checkbox" id="beep_at_pc_temp" class="custom" />
						<label for="beep_at_pc_temp">Send push notification</label>
						<div id="beep_at_pc_vibrate_temp_group" style="display:none; margin-left: 10px;">

							<input type="checkbox" id="beep_at_pc_tts_temp" class="custom" />
							<label for="beep_at_pc_tts_temp">Use speech</label>

							<input type="checkbox" id="beep_at_pc_vibrate_temp" class="custom" />
							<label for="beep_at_pc_vibrate_temp">Silent (no sound)</label>
						</div>
					</fieldset>
				</div>

				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_temp">Save</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>Cancel</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="msOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="msOptionTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="optionForm" data-ajax="false" class="ui-body ui-corner-all">

				<input type="checkbox" id="applyAll" class="custom" />
				<label for="applyAll">Apply to All Tags</label>

				<div data-role="fieldcontain" class="hmcOnly">
					<label for="slider">
						Sensitivity:
					</label>
					<input type="range" name="sensitivity" id="sensitivity" value="0" min="0" max="100" data-unit="%" />
				</div>
				<div data-role="fieldcontain" class="hmcOnly">
					<label for="responsiveness" class="select">
						Responsiveness:
					</label>
					<select name="responsiveness" id="responsiveness">
						<option value="1">Fast (worst battery life)</option>
						<option value="2">Medium fast</option>
						<option value="3">Medium</option>
						<option value="4">Medium slow</option>
						<option value="5">Slow (best battery life)</option>
					</select>
				</div>

				<input type="checkbox" id="en_autoarm" class="custom" />
				<label for="en_autoarm">Schedule sensor arming/disarming ...</label>
				<div data-role="fieldcontain" id="autoarm_group" style="display: none; margin-left: 10px;">
					<label for="ada1_tod">Disarm at:</label>
					<select data-inline=1 name="ada1_tod" id="ada1_tod"></select>
					<label for="aa1_tod">Arm at:</label>
					<select data-inline=1 name="aa1_tod" id="aa1_tod"></select>
					<fieldset data-role="controlgroup" data-type="horizontal">
						<legend>Enable for</legend>
						<input type="checkbox" name="day1_sun" id="day1_sun" class="custom" /><label for="day1_sun">Sun</label>
						<input type="checkbox" name="day1_mon" id="day1_mon" class="custom" /><label for="day1_mon">Mon</label>
						<input type="checkbox" name="day1_tue" id="day1_tue" class="custom" /><label for="day1_tue">Tue</label>
						<input type="checkbox" name="day1_wed" id="day1_wed" class="custom" /><label for="day1_wed">Wed</label>
						<input type="checkbox" name="day1_thu" id="day1_thu" class="custom" /><label for="day1_thu">Thu</label>
						<input type="checkbox" name="day1_fri" id="day1_fri" class="custom" /><label for="day1_fri">Fri</label>
						<input type="checkbox" name="day1_sat" id="day1_sat" class="custom" /><label for="day1_sat">Sat</label>
					</fieldset>
					<!--
					<input type="checkbox" id="en_autoarm2" class="custom" />
						<label for="en_autoarm2">Enable an alternate schedule...</label>
					<div data-role="fieldcontain" id="autoarm_group2" style="display: none; margin-left: 10px;" >
						<label for="">Disarm at:</label>
							<select data-inline=1 name="ada2_tod" id="ada2_tod"></select>
						<label for="">Arm at:</label>
							<select data-inline=1 name="aa2_tod" id="aa2_tod"></select>
						<fieldset data-role="controlgroup" data-type="horizontal"><legend>Enable for</legend>
						<input type="checkbox" name="day2_sun" id="day2_sun" class="custom"/><label for="day2_sun">Sun</label>
						<input type="checkbox" name="day2_mon" id="day2_mon" class="custom"/><label for="day2_mon">Mon</label>
						<input type="checkbox" name="day2_tue" id="day2_tue" class="custom"/><label for="day2_tue">Tue</label>
						<input type="checkbox" name="day2_wed" id="day2_wed" class="custom"/><label for="day2_wed">Wed</label>
						<input type="checkbox" name="day2_thu" id="day2_thu" class="custom"/><label for="day2_thu">Thu</label>
						<input type="checkbox" name="day2_fri" id="day2_fri" class="custom"/><label for="day2_fri">Fri</label>
						<input type="checkbox" name="day2_sat" id="day2_sat" class="custom"/><label for="day2_sat">Sat</label>
						</fieldset>
					</div>
					-->

				</div>

				<div data-role="fieldcontain" class="hmcOnly">
					<input type="checkbox" id="silent_arming" class="custom" /><label for="silent_arming">Do not emit sound when arming/disarming</label>

					<label for="doormode" class="select">
						Mode:
					</label>
					<select name="doormode" id="doormode">
						<option value="1">Door/Gate Monitoring Mode</option>
						<option value="0">Motion Detection Mode</option>
					</select>
				</div>
				<div data-role="fieldcontain" id="thAngleGroup" class="hmcOnly">
					<label for="thAngle" class="select">
						Threshold Angle:
					</label>
					<select name="thAngle" id="thAngle">
						<option value="5">5 degrees</option>
						<option value="10">10 degrees</option>
						<option value="15">15 degrees</option>
						<option value="22.5">22.5 degrees</option>
						<option value="30">30 degrees</option>
						<option value="45">45 degrees</option>
						<option value="60">60 degrees</option>
						<option value="75">75 degrees</option>
						<option value="90">90 degrees</option>
					</select>
				</div>

				<div class="hmcV2p1Only" style="display: none">
					<input type="checkbox" id="hmc_timeout_mode" class="custom" /><label for="hmc_timeout_mode">Notify when no motion is detected after a timeout period</label>
				</div>
				<fieldset class="ui-corner-all">
					<legend>
						<span id="non_door_mode_label" style="display: none">When Motion is Detected</span>
						<select name="door_mode_delay" id="door_mode_delay">
							<option value="0">When door is opened, immediately</option>
							<option value="5">When door has been open for 5 seconds</option>
							<option value="10">When door has been open for 10 seconds</option>
							<option value="15">When door has been open for 15 seconds</option>
							<option value="30">When door has been open for 30 seconds</option>
							<option value="60">When door has been open for 1 minute</option>
							<option value="120">When door has been open for 2 minutes</option>
							<option value="300">When door has been open for 5 minutes</option>
							<option value="600">When door has been open for 10 minutes</option>
							<option value="900">When door has been open for 15 minutes</option>
							<option value="1800">When door has been open for 30 minutes</option>
							<option value="3600">When door has been open for One Hour</option>
							<option value="7200">When door has been open for Two Hours</option>
						</select>
					</legend>
					<div class="motion_detect_mode_only">
						<select name="auto_reset_delay" id="auto_reset_delay">
							<option value="-1">Manually reset to armed state</option>
							<option value="10">Automatically reset after 10 seconds</option>
							<option value="20">Automatically reset after 20 seconds</option>
							<option value="30">Automatically reset after 30 seconds</option>
							<option value="45">Automatically reset after 45 seconds</option>
							<option value="60">Automatically reset after 1 minute</option>
							<option value="120">Automatically reset after 2 minutes</option>
							<option value="300">Automatically reset after 5 minutes</option>
							<option value="600">Automatically reset after 10 minutes</option>
							<option value="900">Automatically reset after 15 minutes</option>
							<option value="1800">Automatically reset after half hour</option>
						</select>

						<select name="auto_reset_delay_timeout" id="auto_reset_delay_timeout">
							<option value="20">Timeout after 20 seconds</option>
							<option value="30">Timeout after 30 seconds</option>
							<option value="45">Timeout after 45 seconds</option>
							<option value="60">Timeout after 1 minute</option>
							<option value="120">Timeout after 2 minute</option>
							<option value="180">Timeout after 3 minute</option>
							<option value="300">Timeout after 5 minute</option>
							<option value="600">Timeout after 10 minute</option>
							<option value="900">Timeout after 15 minute</option>
							<option value="1800">Timeout after 30 minute</option>
							<option value="0">Other timeout period</option>
						</select>
						<span id="auto_reset_delay_timeout_val_group" style="position:relative; top:-12px; display: none;"><input type="number" id="auto_reset_delay_timeout_val" style="width:100px" /> seconds</span>
					</div>
					<input type="checkbox" id="send_email" class="custom" />
					<label for="send_email">
						Send email to...
					</label>
					<div data-role="fieldcontain" id="send_email_to_group" style="display: none; margin-left: 10px;">
						<label for="send_email_to">
							Email addresses (separate by ;):
						</label>
						<input type="text" name="send_email_to" id="send_email_to" value="" />
					</div>
					<input type="checkbox" id="send_tweet_ms" data-inline=1 class="custom" />
					<label for="send_tweet_ms">Send Tweet</label>
					<div id="send_tweet_ms_group" style="display: none; margin-left: 20px;">
						<button data-inline="1" data-icon="twitter" data-theme="t" class="twitter_login" id="tweet_account_ms">Twitter Login...</button>
						<button data-inline="1" data-icon="arrow-r" data-theme="c" class="msg_template" id="msg_template_ms">Customize Message...</button>
					</div>

					<div data-role="fieldcontain" id="send_email_on_close_group">
						<input type="checkbox" id="send_email_on_close" class="custom" />
						<label for="send_email_on_close">
							Also notify when door/gate is closed
						</label>
					</div>

					<input type="checkbox" id="beep_at_pc" class="custom" />
					<label for="beep_at_pc">Send push notification</label>
					<div id="beep_at_pc_options" style="display:none; margin-left: 10px;">

						<input type="checkbox" id="beep_at_pc_tts" class="custom" />
						<label for="beep_at_pc_tts">Use speech</label>

						<input type="checkbox" id="beep_at_pc_loop" class="custom" />
						<label for="beep_at_pc_loop">Keep ringing until reset or door/gate is closed</label>
						<input type="checkbox" id="beep_at_pc_vibrate" class="custom" />
						<label for="beep_at_pc_vibrate">Silent (no sound)</label>

					</div>

					<input type="checkbox" id="beep_at_tag" class="custom" />
					<label for="beep_at_tag">Make Tag beep</label>
					<div id="beep_at_tag_options" style="display:none; margin-left: 10px;">

						<input type="checkbox" id="beep_at_tag_autostop" class="custom" />
						<label for="beep_at_tag_autostop">Stop beeping when door/gate is closed</label>

					</div>

				</fieldset>

				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit">
					Save
				</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>
					Cancel
				</a>

			</form>
		</div>
	</div>

	<div data-role="page" id="lbOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="lbOptionTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="lbOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_lb" class="custom" />
				<label for="applyAll_lb">Apply to All Tags</label>

				<input type="checkbox" id="enLB" class="custom" />
				<label for="enLB">Enable Low Battery Warning...</label>
				<div id="enLB_group" style="display: none; margin-left: 10px;">

					<div data-role="fieldcontain">
						<label for="slider">
							Threshold Voltage:
						</label>
						<input type="range" name="lbTh" id="lbTh" value="2.5" min="1.5" max="3.5" step="0.05" data-unit=" volts" />
					</div>


					<fieldset class="ui-corner-all">
						<legend>When Battery Voltage Drops Below the Threshold</legend>

						<input type="checkbox" id="send_email_lb" class="custom" />
						<label for="send_email_lb">Send email to...</label>
						<div data-role="fieldcontain" id="send_email_lb_group" style="display: none">
							<label for="send_email_to_lb">
								Email addresses (separate by ;):
							</label>
							<input type="text" name="send_email_to_lb" id="send_email_to_lb" value="" />
						</div>

						<input type="checkbox" id="send_tweet_lb" data-inline="1" class="custom" />
						<label for="send_tweet_lb">Send Tweet</label>
						<div id="send_tweet_lb_group" style="display: none; margin-left: 20px;">
							<button data-inline="1" data-icon="twitter" data-theme="t" class="twitter_login" id="tweet_account_lb">Twitter Login...</button>
							<button data-inline="1" data-icon="arrow-r" data-theme="c" class="msg_template" id="msg_template_lb">Customize Message...</button>
						</div>

						<input type="checkbox" id="beep_at_pc_lb" class="custom" />
						<label for="beep_at_pc_lb">Send push notification</label>
						<div id="beep_at_pc_vibrate_lb_group" style="display: none; margin-left: 10px;">

							<input type="checkbox" id="beep_at_pc_tts_lb" class="custom" />
							<label for="beep_at_pc_tts_lb">Use speech</label>

							<input type="checkbox" id="beep_at_pc_vibrate_lb" class="custom" />
							<label for="beep_at_pc_vibrate_lb">Silent (no sound)</label>
						</div>

						<div data-role="fieldcontain">
							<label for="lb_notify_every" class="select">
								Repeat Notification Every:
							</label>
							<select name="lb_notify_every" id="lb_notify_every">
								<option value="7200">Two Hour</option>
								<option value="21600">Six Hour</option>
								<option value="86400">Day</option>
								<option value="259200">Three Days</option>
								<option value="604800">Week</option>
							</select>
						</div>

					</fieldset>
				</div>
				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_lb">
					Save
				</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>
					Cancel
				</a>
			</form>
		</div>
	</div>


	<div data-role="page" id="kumostatOptionPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1 id="kumostatOptionTitle"></h1>
			<a class="optionSubmit ui-btn-right" data-icon="check" data-theme="b">Save</a>
		</div>
		<div data-role="content" data-theme="c">
			<form action="" method="post" id="kumostatOptionForm" data-ajax="false" class="ui-body ui-corner-all">
				<input type="checkbox" id="applyAll_kumostat" class="custom" />
				<label for="applyAll_kumostat">Apply to All Kumostats</label>
				<p></p>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc-first">
					<legend><b>Heat Level 3</b></legend>
					<input type="checkbox" id="kc_2_heat3" class='kc' /><label for="kc_2_heat3">W2</label>
					<input type="checkbox" id="kc_1_heat3" class='kc' /><label for="kc_1_heat3">W1/B</label>
					<input type="checkbox" id="kc_0_heat3" class='kc' /><label for="kc_0_heat3">*</label>
					<input type="checkbox" id="kc_5_heat3" class='kc' /><label for="kc_5_heat3">Y1</label>
					<input type="checkbox" id="kc_4_heat3" class='kc' /><label for="kc_4_heat3">Y2</label>
					<input type="checkbox" id="kc_7_heat3" class='kc' /><label for="kc_7_heat3">O</label>
					<input type="checkbox" id="kc_6_heat3" class='kc' /><label for="kc_6_heat3">G</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc">
					<legend><b>Heat Level 2</b></legend>
					<input type="checkbox" id="kc_2_heat2" class='kc' /><label for="kc_2_heat2">W2</label>
					<input type="checkbox" id="kc_1_heat2" class='kc' /><label for="kc_1_heat2">W1/B</label>
					<input type="checkbox" id="kc_0_heat2" class='kc' /><label for="kc_0_heat2">*</label>
					<input type="checkbox" id="kc_5_heat2" class='kc' /><label for="kc_5_heat2">Y1</label>
					<input type="checkbox" id="kc_4_heat2" class='kc' /><label for="kc_4_heat2">Y2</label>
					<input type="checkbox" id="kc_7_heat2" class='kc' /><label for="kc_7_heat2">O</label>
					<input type="checkbox" id="kc_6_heat2" class='kc' /><label for="kc_6_heat2">G</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc">
					<legend><b>Heat Level 1</b></legend>
					<input type="checkbox" id="kc_2_heat1" class='kc' /><label for="kc_2_heat1">W2</label>
					<input type="checkbox" id="kc_1_heat1" class='kc' /><label for="kc_1_heat1">W1/B</label>
					<input type="checkbox" id="kc_0_heat1" class='kc' /><label for="kc_0_heat1">*</label>
					<input type="checkbox" id="kc_5_heat1" class='kc' /><label for="kc_5_heat1">Y1</label>
					<input type="checkbox" id="kc_4_heat1" class='kc' /><label for="kc_4_heat1">Y2</label>
					<input type="checkbox" id="kc_7_heat1" class='kc' /><label for="kc_7_heat1">O</label>
					<input type="checkbox" id="kc_6_heat1" class='kc' /><label for="kc_6_heat1">G</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc">
					<legend><b>AC Level 1</b></legend>
					<input type="checkbox" id="kc_2_ac1" class='kc' /><label for="kc_2_ac1">W2</label>
					<input type="checkbox" id="kc_1_ac1" class='kc' /><label for="kc_1_ac1">W1/B</label>
					<input type="checkbox" id="kc_0_ac1" class='kc' /><label for="kc_0_ac1">*</label>
					<input type="checkbox" id="kc_5_ac1" class='kc' /><label for="kc_5_ac1">Y1</label>
					<input type="checkbox" id="kc_4_ac1" class='kc' /><label for="kc_4_ac1">Y2</label>
					<input type="checkbox" id="kc_7_ac1" class='kc' /><label for="kc_7_ac1">O</label>
					<input type="checkbox" id="kc_6_ac1" class='kc' /><label for="kc_6_ac1">G</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc">
					<legend><b>AC Level 2</b></legend>
					<input type="checkbox" id="kc_2_ac2" class='kc' /><label for="kc_2_ac2">W2</label>
					<input type="checkbox" id="kc_1_ac2" class='kc' /><label for="kc_1_ac2">W1/B</label>
					<input type="checkbox" id="kc_0_ac2" class='kc' /><label for="kc_0_ac2">*</label>
					<input type="checkbox" id="kc_5_ac2" class='kc' /><label for="kc_5_ac2">Y1</label>
					<input type="checkbox" id="kc_4_ac2" class='kc' /><label for="kc_4_ac2">Y2</label>
					<input type="checkbox" id="kc_7_ac2" class='kc' /><label for="kc_7_ac2">O</label>
					<input type="checkbox" id="kc_6_ac2" class='kc' /><label for="kc_6_ac2">G</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc">
					<legend><b>AC Level 3</b></legend>
					<input type="checkbox" id="kc_2_ac3" class='kc' /><label for="kc_2_ac3">W2</label>
					<input type="checkbox" id="kc_1_ac3" class='kc' /><label for="kc_1_ac3">W1/B</label>
					<input type="checkbox" id="kc_0_ac3" class='kc' /><label for="kc_0_ac3">*</label>
					<input type="checkbox" id="kc_5_ac3" class='kc' /><label for="kc_5_ac3">Y1</label>
					<input type="checkbox" id="kc_4_ac3" class='kc' /><label for="kc_4_ac3">Y2</label>
					<input type="checkbox" id="kc_7_ac3" class='kc' /><label for="kc_7_ac3">O</label>
					<input type="checkbox" id="kc_6_ac3" class='kc' /><label for="kc_6_ac3">G</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc">
					<legend><b>Fan Level 1</b></legend>
					<input type="checkbox" id="kc_2_fan1" class='kc' /><label for="kc_2_fan1">W2</label>
					<input type="checkbox" id="kc_1_fan1" class='kc' /><label for="kc_1_fan1">W1/B</label>
					<input type="checkbox" id="kc_0_fan1" class='kc' /><label for="kc_0_fan1">*</label>
					<input type="checkbox" id="kc_5_fan1" class='kc' /><label for="kc_5_fan1">Y1</label>
					<input type="checkbox" id="kc_4_fan1" class='kc' /><label for="kc_4_fan1">Y2</label>
					<input type="checkbox" id="kc_7_fan1" class='kc' /><label for="kc_7_fan1">O</label>
					<input type="checkbox" id="kc_6_fan1" class='kc' /><label for="kc_6_fan1">G</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc">
					<legend><b>Fan Level 2</b></legend>
					<input type="checkbox" id="kc_2_fan2" class='kc' /><label for="kc_2_fan2">W2</label>
					<input type="checkbox" id="kc_1_fan2" class='kc' /><label for="kc_1_fan2">W1/B</label>
					<input type="checkbox" id="kc_0_fan2" class='kc' /><label for="kc_0_fan2">*</label>
					<input type="checkbox" id="kc_5_fan2" class='kc' /><label for="kc_5_fan2">Y1</label>
					<input type="checkbox" id="kc_4_fan2" class='kc' /><label for="kc_4_fan2">Y2</label>
					<input type="checkbox" id="kc_7_fan2" class='kc' /><label for="kc_7_fan2">O</label>
					<input type="checkbox" id="kc_6_fan2" class='kc' /><label for="kc_6_fan2">G</label>
				</fieldset>
				<fieldset data-role="controlgroup" data-type="horizontal" class="kc-last">
					<legend><b>Fan Level 3</b></legend>
					<input type="checkbox" id="kc_2_fan3" class='kc' /><label for="kc_2_fan3">W2</label>
					<input type="checkbox" id="kc_1_fan3" class='kc' /><label for="kc_1_fan3">W1/B</label>
					<input type="checkbox" id="kc_0_fan3" class='kc' /><label for="kc_0_fan3">*</label>
					<input type="checkbox" id="kc_5_fan3" class='kc' /><label for="kc_5_fan3">Y1</label>
					<input type="checkbox" id="kc_4_fan3" class='kc' /><label for="kc_4_fan3">Y2</label>
					<input type="checkbox" id="kc_7_fan3" class='kc' /><label for="kc_7_fan3">O</label>
					<input type="checkbox" id="kc_6_fan3" class='kc' /><label for="kc_6_fan3">G</label>
				</fieldset>
				<p>
					Disconnection threshold (When heat, AC or fan is turning on, but the Kumostat is not properly connected to HVAC, it will detect this and shut itself down to preserve battery.
					Lower threshold value makes it more likely to detect disconnection. Increase this if you receive false "disconnected from wall" warning.)
				</p>
				<input type="range" name="vdd_th" id="vdd_th" value="210" min="170" max="255" data-unit=" " />

				<button data-inline="1" data-icon="check" type="submit" data-theme="b" id="btnOptionSubmit_kumostat">
					Save to Flash Memory
				</button>
				<a data-role="button" data-rel="back" data-inline="1" data-icon="delete" data-theme="c" href='#indexPage'>
					Cancel
				</a>
			</form>
		</div>
	</div>

	<div data-role="page" id="addnewPage">
		<div data-role="header" data-theme="d" data-position="inline">
			<h1>
				Associate a Wireless Tag
			</h1>
		</div>
		<div data-role="content" data-theme="c">
			<p id="instruction">
				Please pull out battery insulating tape from <b>one</b> unassociated Wireless
				Tag. Light should be flashing on the Tag. Please remove the tape and associate a Tag one at a time.  <br >
				<span id="associate_water_link"><a style="cursor: pointer;" onclick="$('#associate_water_instruction').show(); $('#associate_water_link'); $('#associate_water_link').html('For water/mositure sensors,');">For water/mositure sensors ...</a></span> <span id="associate_water_instruction" style="display: none;">
					please activate by shorting the tip using a metal object or dipping into water.
					Search & associate while the light is flashing.
				</span>
			</p>
			<p><b>Do not leave more than one tag flashing!</b></p>
			<form>
				<div data-role="fieldcontain">
					<input type="checkbox" id="searchV1" class="custom" /><label for="searchV1">I am associating a short range (1st generation) tag</label>
				</div>
			</form>

			<button data-inline="1" data-icon="search" data-theme="b" id="searchbtn">
				Search a Unassociated Tag
			</button>
			<button data-inline="1" data-icon="home" data-theme="t" id="addNestBtn">
				Link Nest Thermostats
			</button>
			<a data-inline="1" data-theme="c" data-icon="delete" data-rel="back" href="#indexPage"
			   data-role="button">Cancel</a>
			<form style="display: none" action="" method="post" id="namingform" data-ajax="false"
				  class="ui-body ui-corner-all">
				<fieldset class="ui-body-e ui-corner-all">
					<legend>New Tag Information</legend>
					<table style="width: 100%">
						<tr>
							<td style="width: 50%">
								<b>Tag Type:</b><div id="foundInfo_name">
								</div>
							</td>
							<td>
								<b>Battery Left: </b>
								<div id="foundInfo_bat">
								</div>
							</td>
							<td>
								<b>Signal Strength: </b>
								<div id="foundInfo_signal">
								</div>
							</td>
						</tr>
					</table>
				</fieldset>
				<fieldset class="ui-body-e ui-corner-all" id="compat_notice">
					<legend>Compatibility Notice</legend>
					<span id="compat_notice_text"></span>
				</fieldset>
				<p>
				</p>
				<div data-role="fieldcontain">
					<label for="addnew_name">
						Choose Tag Name:
					</label>
					<input type="text" name="addnew_name" id="addnew_name" value="" />
				</div>
				<div data-role="fieldcontain">
					<label for="addnew_comment">
						Comment (Optional):
					</label>
					<textarea name="addnew_comment" id="addnew_comment"></textarea>
				</div>

				<div data-role="fieldcontain" id="lockFlashChoice">
					<input type="checkbox" id="lockFlash" class="custom" />
					<label for="lockFlash">
						Lock flash memory (Only tag manager can unassociate; cannot reset to factory state by shorting reset pin)
					</label>
				</div>
				<button data-icon="check" data-inline="1" type="submit" data-theme="b" id="associate_submitBtn">
					Associate
				</button>
			</form>
			<form style="display: none" action="" method="post" id="nestLinkForm" data-ajax="false"
				  class="ui-body ui-corner-all">
				<fieldset class="ui-body-d ui-corner-all">
					<legend>These thermostats can be linked. Those already linked have check mark. To link one, turn on the check mark. To remove link, turn off the check mark.</legend>
					<div id="edit-nest-link-choices"></div>
					<button data-icon="check" data-inline="1" type="submit" data-theme="t" id="nestLink_submitBtn">
						Update Link Choices
					</button>
				</fieldset>
			</form>

		</div>
	</div>
	<script src="styles/client.js?221" type="text/javascript"></script> 
</body>
</html>