<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}
<table cellpadding="0" cellspacing="0" border="0" width="100%">		
        <tr class="table_header">                                             
                        <td width="12%">
                             <input type="checkbox" id="select_all" name="select_all" onclick="PutAll()" />{$lang.abuse_reports.abused_login} 
                        </td>
                        <td width="37%" align="left">
                            {$lang.abuse_reports.link}
                        </td>
                        <td width="15%"  align="left">
                            {$lang.abuse_reports.comments}
                        </td> 
                        <td width="5%">
                            {$lang.admin_block_ip.ip_ban}
                        </td>                           
                        <td width="15%"  align="left" onclick="PageList('users_table_div','ajax=1&sorter=6&letter={$letter}&search={$search}&s_type={$s_type}&s_stat={$s_stat}&group={$group}&order={if $sorter eq 6}{$form.new_order}{else}{$form.order}{/if}')">
                            {$lang.abuse_reports.create_date}
                        </td>
                        <td width="10%" align="right">
                            {$lang.users.actions}
                        </td>
                    </tr>
        {if $reports}
		{foreach from=$reports key=key item=item}
		<tr id="id_{$item.id}" {if $key mod 2 eq 1}class="even"{else}class="odd"{/if} height="27px">            
			<td class="main_content_text">
                <input type="checkbox" name="delete" id="delete" value="{$item.id}" /> 
                <a href="#" onclick="window.open('{$item.abused_user_info_link}','info','width=600, height=800, resizable=yes, scrollbars=yes, menubar=no,status=no');">
                {if $item.is_read}{$item.abused_login}{else}<b>{$item.abused_login}</b>{/if}</a>
            </td>
			<td style="padding:5px 10px;" class="main_content_text" align="left">{$item.report_link}<!--a href="#" onclick="window.open('{$item.report_link}','info','width=1000, height=800, resizable=yes, scrollbars=yes, menubar=yes,status=yes');">{$item.report_link}</a--></td>
			<td class="main_content_text" align="left"><a href="#" onclick="window.open('{$item.reported_user_info_link}','info','width=600, height=800, resizable=yes, scrollbars=yes, menubar=no,status=no');">{$item.reported_login}</a>: {$item.msg}</td>
			<td>{if $item.status == 0} <img style="padding-left: 12px;" src="{$site_root}{$template_root}/images/success.png"/>{/if}</td>
            <td class="main_content_text" align="left">{$item.create_date}</td>
			<td class="main_content_text" align="right" style="padding-right: 20px">			
				<div class="block_action fr" style="display: none;">
                 <div class="action_edit" style="display: block;float:left;">
                    <img src="{$site_root}{$template_root}/images/communicate.png" alt="" height="13" onmouseout="javascript:hideToolTip();" onmouseover="javascript: showToolTip(event,'{$lang.comunicate.editform}');return false" style="cursor: pointer;" onclick="javascript:window.open('{$item.comunicate}','comunicate', 'height=800, resizable=yes, scrollbars=yes,width=600, menubar=no,status=no');" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;                
                 </div>
				 <div class="action_del" style="display: block;float:left;">
					<img src="{$site_root}{$template_root}/images/photo_delete.png" onmouseout="javascript:hideToolTip();" onmouseover="javascript: showToolTip(event,'{$lang.button.delete}');return false" height="15px" width="15px" alt="" onclick="delReport('{$item.id}')" style="cursor: pointer;" />
                 </div>                                 
				</div>
			</td>
		</tr>
		{/foreach}
		{else}
		<tr height="40">
			<td class="main_error_text" align="left" colspan="11" bgcolor="#FFFFFF">{$lang.interests_spr.empty}</td>
		</tr>
		{/if}
		<tr class="table_header">
                        <td colspan="11">
                            &nbsp;&nbsp;
                            {if $links}
                            {foreach item=item from=$links.pages}
                                &nbsp;<a onclick="PageList('users_table_div', '{$item.link}');" class="page_link" {if $item.selected} style=" font-weight: bold; text-decoration: none;" {/if}>{$item.name}</a>&nbsp;
                            {/foreach}
                            {/if}
                            <div class="page_navigation">
                            {if $links.previous}
                                <a onclick="PageList('users_table_div', '{$links.previous}');">< {$lang.content.previous} {$per_page}</a>
                            {/if}
                            {if $links.next}
                                <a onclick="PageList('users_table_div', '{$links.next}');">{$lang.content.next} {$per_page} ></a>
                            {/if}
                            </div>
                        </td>
                    </tr>
		
		</table>
<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>		