<form id="new-post" name="new-post" method="post" action="">
	<div id="editor">
		<input type="text" id="post-title" name="post-title" value="Title goes here..." />

		<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
		<textarea id="post-content" name="post-content" class="full_editor"></textarea>

		<div style="display: none;">
		<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
		</div>



<div class="option_box">
	<div id="publish_click"><h2>Publish Options</h2><img id="publish_img" src="img/down-button.png" width="30px" height="26px" style="float: right; margin-top: -2.5em;" /></div>
	<div id="publish_form" style="display: none;">
		<div>
		<br />
		<p>Publication Status</p>
		<select id="post-visible" name="post-visible">
			<option value="1" SELECTED>Visible</option>
                        <option value="0">Hidden</option>
		</select>
		<div class="divider"></div>
		<p>Permalink (do not change this value)</p>
		<input type="text" id="post-permalink" name="post-permalink" value="You must set a title." />
		</div>
	</div>
</div>



		<input type="submit" name="save" class="button" value="Submit" />
		<input type="reset" name="reset" class="button" value="Reset" />
	</div> <!-- EDITOR -->

</form>

</div> <!-- MAIN --></body>
</html>

<script>
document.observe('dom:loaded',function(){

	Event.observe('post-title', 'blur', function() {
			if (!permaflag) {
	    		$('post-permalink').value="hello-world";
	    		permaflag = true;
	    	}

	});

});
</script>