{******************************
	the cloned item
*******************************}

<div
	class="draggable_normal draggable_standby"
	id="_control_group_.:id:."

	increment=".:id:."

	style="position:absolute; z-index: 200;">
	<span
		id="object"
		style="font-size: 24px; color: #f00;">&bull;</span>
</div>

{******************************
	the attributes panel
*******************************}
{assign var=control value="group"}
<div id="_control_group_.:id:._attributes">
	<div class="title">
		{******* DELETE ELEMENT ********}
		<a href="#;"
			onclick="Controls.removeByID('_control_group_.:id:.');return false;"
			class="icon-delete"
			tooltip="{$_LANG.DTM.tpl.tooltip.delete}"
			></a>
		{if $_LANG.DTM.tpl.controls.group.title_tooltip}
			<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.group.title_tooltip}" ></a>
		{/if}

		{$_LANG.DTM.tpl.controls.group.title}
	</div>

	<div style="clear: both;"></div>

	<table class="wrappable">
		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.group.coordinates}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.group.coordinates_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.group.coordinates_tooltip}" ></a>
				{/if}
				{include file="controls/selector.coordinates.tpl" control=$control}
			</td>
		</tr>

		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.group.hideObjects}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.group.hideObjects_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.group.hideObjects_tooltip}" ></a>
				{/if}

				<button
					type="button"
					onclick="if(Controls.getGlobal('focus'))Controls.getGlobal('focus').child.hideControls(); return false;"
					id="hideObjects"
					>
					&#xAB; {$_LANG.DTM.tpl.controls.group.hideObjects_button} &#xBB;
				</button>
			</td>
		</tr>

		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.group.cloneObjects}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.group.cloneObjects_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.group.cloneObjects_tooltip}" ></a>
				{/if}

				<button
					type="button"
					onclick="if(Controls.getGlobal('focus'))Controls.getGlobal('focus').child.cloneControls(); return false;"
					>
					{$_LANG.DTM.tpl.controls.group.cloneObjects_button}
				</button>
			</td>
		</tr>

		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.group.deleteObjects}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.group.deleteObjects_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.group.deleteObjects_tooltip}" ></a>
				{/if}

				<button
					type="button"
					onclick="if(Controls.getGlobal('focus'))Controls.getGlobal('focus').child.deleteControls(); return false;"
					class="bold"
					>
					{$_LANG.DTM.tpl.controls.group.deleteObjects_button}
				</button>
			</td>
		</tr>

		<tr>
			<td colspan="2">
				<center>
					<div style="overflow: hidden; height: 2px; border-bottom:1px dashed #3169b5; width: 200px;"> &nbsp;</div>
				</center>
			</td>
		</tr>

		<tr>
			<td>
				{$_LANG.DTM.tpl.controls.group.smartSelect}
			</td>
			<td>
				{if $_LANG.DTM.tpl.controls.group.smartSelect_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.group.smartSelect_tooltip}" ></a>
				{/if}

				<button
					type="button"
					onclick="if(Controls.getGlobal('focus'))Controls.getGlobal('focus').child.toogleSmartSelector(); return false;"
					id="smartSelect"
					>
					&#xAB; {$_LANG.DTM.tpl.controls.group.smartSelect_button} &#xBB;
				</button>
			</td>
		</tr>

		<tr>
			<td colspan="2" style="padding-left: 10px;">
				{if $_LANG.DTM.tpl.controls.group.controlledObjects_tooltip}
					<a href="#" class="icon-infoBlue help" tooltip="{$_LANG.DTM.tpl.controls.group.controlledObjects_tooltip}" ></a>
				{/if}
				<fieldset style="width: 230px;" class="default">
					<legend onclick="$('_control_group_.:id:._controlledObjects_container').toggle();" style="cursor: pointer;">
						{$_LANG.DTM.tpl.controls.group.controlledObjects}
					</legend>

					<div id="_control_group_.:id:._controlledObjects_container" style="display: none;">

					<a href="#"
						class="icon-star"
						onclick="Controls.getGlobal('focus').child.toggleItems();return false;"
					></a>

						<div
							style="float: left; width:200px;"
							id="object.:id:._controlledObjects__.:element:._"
							increment=".:element:."
							>
							<input
								name="{$control}.:id:.[controlledObjects][]"
								id="object.:id:._controlledObjects__.:element:.__"
								value=".:tag:."
								type="checkbox"
								class="noBorder"
							/>
							<label
								onclick="emulateLabel_for('object.:id:._controlledObjects__.:element:.__',this,event);"
								id="object.:id:._controlledObjects__.:element:._label"
								></label>
						</div>
					</div>
				</fieldset>
			</td>
		</tr>
	</table>
</div>