<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>Paragraph Editor</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<script type="text/javascript" language="javascript" src="/js/jquery/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" language="javascript" src="/js/jquery/jquery-ui.min.js"></script>
	<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>

<body>
	<form>
		<div id="tabs">
			<ul>
				<li><a href="#content">Header</a></li>
				<li><a href="#basic">Basic</a></li>
				<li><a href="#style">Style</a></li>
			</ul>

			<div id="content">
				<div class="input">
					<label for="html">Content</label>
					<div><input type="text" id="html" autocomplete="off" /></div>
				</div>

				<div class="input">
					<label for="tag">Type</label>
					<div>
						<select id="tag">
							<option value="h1">Header 1</option>
							<option value="h2">Header 2</option>
							<option value="h3">Header 3</option>
							<option value="h4">Header 4</option>
							<option value="h5">Header 5</option>
							<option value="h6">Header 6</option>
						</select>
					</div>
				</div>
			</div>

			<div id="basic">
				<div class="input">
					<label for="attr_title">Title</label>
					<div><input type="text" id="attr_title" autocomplete="off" /></div>
				</div>

				<div class="input">
					<label for="attr_id">Id</label>
					<div><input type="text" id="attr_id" autocomplete="off" /></div>
				</div>

				<div class="input">
					<label for="attr_class">Class</label>
					<div><input type="text" id="attr_class" autocomplete="off" /></div>
				</div>
			</div>

			<div id="style">
				<div class="input">
					<label for="attr_style">Style</label>
					<div><textarea id="attr_style" rows="8"></textarea></div>
				</div>
			</div>
		</div>

		<input type="submit" id="submit" value="OK" />
		<input type="button" id="cancel" value="Cancel" />
		<input type="button" id="delete" value="Remove header" />
		<div style="clear:both"></div>
	</form>
</body>
<script type="text/javascript" language="javascript" src="javascript.js"></script>
<script type="text/javascript" language="javascript">
	$('#asset_src').attr('src', 'assets/index.php?field=attr_src&selected=' + subject.attr('src'));
</script>
</html>
