	{** container for the tabs **}
<table border="0" cellpadding="0" cellspacing="0" style="height: 100%; vertical-align: top;">
	<tr>
		<td style="width:1%;">
			<div id="tabContainer">
				<div id="tab_hideAll" class="JStabs" style="margin-top: 0px; padding-top: 5px; padding-bottom: 5px;">
					&laquo;
				</div>
				<div id="tab_hideObjects" class="JStabs" style="margin-top: 0px; padding-top: 5px; padding-bottom: 5px;">
					&lsaquo;
				</div>
				<div id="tab_pageSettings" class="JStabs">
					{$_LANG.DTM.tpl.tabs.pageSettings}
				</div>
				<div id="tab_objects" class="JStabs">
					{$_LANG.DTM.tpl.tabs.objects}
				</div>
				<div id="tab_variables" class="JStabs">
					{$_LANG.DTM.tpl.tabs.variables}
				</div>
				<div id="tab_listObjects" class="JStabs">
					{$_LANG.DTM.tpl.tabs.listObjects}
				</div>
			</div>
		</td>
		<td id="tabs_mainContainer_td" class="JStabs_container">
			<div id="tabs_mainContainer" style="width:231px" class="">
				<div id="tabContent_pageSettings" class="">
					<script type="text/javascript">
						var pageButtons=new _buttonGroup();
					</script>

					{include file="index_tab.page_buttons.tpl"}
				</div>

				<div id="tabContent_objects">
					<script type="text/javascript">
						var createButtons=new _buttonGroup();
					</script>

					{include file="index_tab.create_buttons.tpl"}
				</div>

				<div id="tabContent_hideAll">
				</div>

				<div id="tabContent_hideObjects">
				</div>

				<div id="tabContent_variables">
					{include file="index_tab.variables.tpl"}
				</div>

				<div id="tabContent_listObjects">
					{include file="index_tab.listObjects.tpl"}
				</div>

				<div style="width: 200px;">&nbsp;</div>
			</div>
		</td>
	</tr>
</table>

{****
	attach all defined DOM nodes to the leftTabs control. this will control each separate tab, and hide and/or display it when needed.
****}
<script type="text/javascript">
	var leftTabs=new _JSTabs(true);
	leftTabs.attachTab('tab_hideAll','tabContent_hideAll',showPanels,hidePanels);
	leftTabs.attachTab('tab_hideObjects','tabContent_hideObjects',showObjects,hideObjects);
	leftTabs.attachTab('tab_objects','tabContent_objects');
	leftTabs.attachTab('tab_pageSettings','tabContent_pageSettings');
	leftTabs.attachTab('tab_variables','tabContent_variables');
	leftTabs.attachTab('tab_listObjects','tabContent_listObjects',listObjects);
	leftTabs.moveSelection('tab_objects');
</script>