#CalendarEventEdit00001
<tmpl_var formHeader>

<tmpl_if formErrors>
<h1>Errors!</h1>
<ul>
<tmpl_loop formErrors>
	<li><tmpl_var message></li>
</tmpl_loop>
</ul>
</tmpl_if>

<table id="tabs" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td style="text-align:left;">
		<a href="#" id="tab_event" onclick="toggleTab('event'); return false;" class="tab active">Event</a>
		<a href="#" id="tab_recursion" onclick="toggleTab('recursion'); return false;" class="tab">Recurrence</a>
		<tmpl_var formSave>
		<tmpl_var formCancel>
	</td>
</tr>
</table>

<!-- Event tab -->
<table id="event" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td class="border" style="text-align:left;width:700px">
		<table cellpadding="2" style="margin:5px;">
		<tr>
			<td class="label" style="text-align:right">Event Title</td>
			<td><tmpl_var formTitle></td>
		</tr>
		<tr>
			<td class="label" style="text-align:right">Short Title</td>
			<td><tmpl_var formMenuTitle></td>
		</tr>
		<tr>
			<td class="label" style="text-align:right">Location</td>
			<td><tmpl_var formLocation></td>
		</tr>	
		<tr>
			<td class="label" style="text-align:right;vertical-align:top">Description</td>
			<td><tmpl_var formDescription></td>
		</tr>
		<tr>
			<td class="label" style="text-align:right;vertical-align:top">Start Date</td>
			<td><tmpl_var formStartDate></td>
		</tr>	
		<tr>
			<td class="label" style="text-align:right;vertical-align:top">End Date</td>
			<td><tmpl_var formEndDate></td>
		</tr>
		<tr>
			<td class="label" style="text-align:right;vertical-align:top">Time</td>
			<td><tmpl_var formTime></td>
		</tr>
		
		<tr><td colspan="2">&nbsp;</td></tr>
		<tr>
			<td class="label" style="text-align:right;vertical-align:top;">Related Links</td>
			<td><tmpl_var formRelatedLinks></td>
		</tr>
		</table>
	</td>
</tr>
</table>

<table style="display: none; margin: 5px;" id="recursion" cellpadding="2" cellspacing="0" border="0">
<tr>
	<td class="label" style="text-align:right;vertical-align:top">Recurrence Pattern</td>
	<td><tmpl_var formRecurPattern></td>
</tr>
<tr>
	<td class="label" style="text-align:right;vertical-align:top">Recurrence Range</td>
	<td>
		<p style="float: left; margin: 5px;">Start:</p> 
		<div style="float: left; margin: 5px;"><tmpl_var formRecurStart></div><br/>
		<p style="float: left; clear: left; margin: 5px;">End:</p>
		<div style="float: left; margin: 5px;"><tmpl_var formRecurEnd></div>
	</td>
</tr>
<!--<tr>
	<td class="label" style="text-align:right;vertical-align:top">Include Dates</td>
	<td><tmpl_var formRecurInclude></td>
</tr>
<tr>
	<td class="label" style="text-align:right;vertical-align:top">Exclude Dates</td>
	<td><tmpl_var formRecurExclude></td>
</tr>-->
</table>

<tmpl_var formFooter>

<script type="text/javascript">
var old_tab = document.getElementById("event");
function toggleTab(id) 
{
	if (old_tab)
	{
		old_tab.style.display = "none";
		document.getElementById("tab_"+old_tab.getAttribute("id")).className = "tab";
	}
	element = document.getElementById(id);
	element.style.display = "block";
	document.getElementById("tab_"+id).className = "tab active";
	old_tab = element;
}
</script>
~~~
<script src="/extras/yui/build/yahoo/yahoo.js" type="text/javascript"></script>
<script src="/extras/yui/build/event/event.js" type="text/javascript"></script>
<script src="/extras/yui/build/dom/dom.js" type="text/javascript"></script>
<script src="/extras/yui/build/dragdrop/dragdrop.js" type="text/javascript"></script>
<script src="/extras/yui/build/logger/logger.js" type="text/javascript"></script>
<script src="/extras/yui-ext/yui-ext-core.js" type="text/javascript"></script>
<script src="/extras/yui-ext/resizable-lib.js" type="text/javascript"></script>
<link href="/extras/yui-ext/resources/css/resizable.css" rel="stylesheet" type="text/css" />
<script src="/extras/textFix.js" type="text/javascript"></script>

<script src="/extras/tinymce2/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script src="/extras/tinymce2/jscripts/webgui.js" type="text/javascript"></script>
<script src="/extras/tabs/tabs.js" type="text/javascript"></script>
	<style type="text/css">
		body * {
			margin:0px;
		}
		table td {
			font-family:Arial;			
			font-size:10px;
		}
		#tabs a {
			border:solid #F0F0F0 1px;
			-moz-border-radius-topLeft: 20px;
			-moz-border-radius-topRight: 20px;
			font-weight:bold;
			padding: 2px 15px 0px 15px;
			text-align;center;
			background-color:#FBFBFB;
			border-top:solid #F0F0F0 2px;
			color:#b0b0b0;
			text-decoration:none;
			font-size:10pt;
			display:block;
			float:left;
			margin-right:5px;
		}
		#tabs a:hover {
			color:black;
		}
		#tabs .active {
			background-color:#F0F0F0;
			color:#404040;
		}
		table a {
			font-size:11px;
			color:#447BFD;
		}
		input {
			font-size:10px;
			border:gray solid 1px;
			background-color:#F0F0F0;
			cursor:pointer;
		}
	</style>
