<div id="tooltip" onclick="hideToolTip()" style="text-align:center; background-color: #FFFFFF; border: 1px dotted;text-align: {$default_left}; position:absolute; display:none; padding:5px;"></div>
{literal}
<script type="text/javascript">
$(function() {
$('#tool_tip_4 *').tooltip();
});
</script>
{/literal}
<div class="">
<table cellpadding=0 cellspacing=0 width="100%">
	<tr class="table_header">
		<td class="main_header_text" align="center" width="40px">
			{$lang.forms.num}
		</td>
		<td class="main_header_text" align="left">
			{$lang.forms.attr_name}
		</td>
		<td class="main_header_text" align="left" width="200px">
			{$lang.forms.control_type}
		</td>
		<td class="main_header_text" align="center" width="100px">
			{$lang.forms.mand}
		</td>
		<td class="main_content_text" width="105px" align="right">
			{$lang.button.action}
		</td>
	</tr>
	{section name=s loop=$attrs}
		<tr {if $smarty.section.s.index mod 2 eq 1}class="table_row even"{else}class="table_row odd"{/if}>
			<td class="main_content_text" align="center" width="50px">
				{$smarty.section.s.iteration}
			</td>
			<td class="main_content_text" align="left">
				{$attrs[s].field_name}
			</td>
			<td class="main_content_text" align="left" width="150px">
				{assign var="lang_index" value=$attrs[s].control_type}
				{$lang.forms.$lang_index}
			</td>
			<td class="main_content_text" align="center" width="100px">
				{$attrs[s].mandatory}
			</td>
			<td class="main_content_text" align="center" width="200px">
{*				<img height="16" alt="" src="{$site_root}{$template_root}/images/edit.png" onclick="javascript: LoadAtributeForm({$id_section}, {$attrs[s].id}, 'cur_section_div', 'attr_props_div');">*}
				{if $attrs[s].is_const=='N'}
				{*<img height="16" alt="" src="{$site_root}{$template_root}/images/photo_delete.png" onclick="javascript: if(window.confirm('{$lang.forms.del_attr_sure|escape:javascript}')) DelSecAttibute({$id_section}, {$attrs[s].id}); else return false;">*}
							<div class="block_action fr" style="display: none;">
								<div class="action_del" style="display: block;">
									<img height="16" alt="" src="{$site_root}{$template_root}/images/photo_delete.png" onmouseout="javascript:hideToolTip();" onmouseover="javascript: showToolTip(event,'{$lang.button.delete}');return false" onclick="javascript: if(window.confirm('{$lang.forms.del_attr_sure|escape:javascript}')) DelSecAttibute({$id_section}, {$attrs[s].id}); else return false;">
								</div>
							</div>
				{/if}
							<div style="width:10px;float:right;" class="fl">&nbsp;</div>
							<div class="block_action fr" style="display: none;">
								<div class="action_del" style="display: block;">
									<img height="16" alt="" onmouseout="javascript:hideToolTip();" onmouseover="javascript: showToolTip(event,'{$lang.button.edit}');return false" src="{$site_root}{$template_root}/images/edit.png" onclick="javascript: LoadAtributeForm({$id_section}, {$attrs[s].id}, 'cur_section_div', 'attr_props_div');">
								</div>
							</div>
			</td>
		</tr>
	{sectionelse}
		<tr class="table_row">
			<td colspan="5" class="main_error_text" align="center">{$lang.forms.err_no_attrs}</td>
		</tr>
	{/section}
	<tr class="table_header"><td colspan="5"></td></tr>
</table>
</div>
<script type="text/javascript">
{literal}
		function showToolTip(e,text){
			if(document.all)e = event;
			var obj = document.getElementById('tooltip');
			obj.innerHTML = text;
			obj.style.display = 'block';
			var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
			if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
			var leftPos = e.clientX - $('#tooltip').width()-10;
			if(leftPos<0)leftPos = 0;
			obj.style.left = leftPos + 'px';
			obj.style.top = e.clientY - obj.offsetHeight -10 + st + 'px';
		}
		function hideToolTip(){
			document.getElementById('tooltip').style.display = 'none';
		}
{/literal}		
</script>
