var cX = 0; var cY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }
function AssignPosition(d) {
d.style.left = (cX+10) + "px";
d.style.top = (cY+10) + "px";
}
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
dd.style.display = "";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
if(dd.style.display == "none") { dd.style.display = ""; }
else { dd.style.display = "none"; }
}

<{if $block.hits_birthdays == 0}>

<center>
<br />
<{$block.lang_birthday_none}><br />
<br />
</center>

<{else}>
<script type="text/javascript" src="<{$xoops_url}>/include/popup.js"></script>
<center>
<font size="2"><{$block.lang_birthday_pre}></font><br />
<font size="4"><b><{$block.hits_birthdays}></b></font><br />
<font size="2"><{$block.lang_birthday_post}></font>
<br />
<img src="<{$xoops_url}>/uploads/bday.gif">
</center>
<table width="100%">
<{foreach item=result from=$block.results}>
<tr align="center" class="<{cycle values='odd,even'}>">
<td>
<div onmouseover="ShowContent('BirthdayPop<{$result.uid}>'); return true;"
onmouseout= "HideContent('BirthdayPop<{$result.uid}>'); return true;">
<a href ="<{$xoops_url}>/userinfo.php?uid=<{$result.uid}>"><{$result.uname}></a>
</div>
</td>
</tr>
<{/foreach}>
</table>

<{foreach item=result from=$block.results}>
<div id="BirthdayPop<{$result.uid}>" style="display:none; position:absolute; border-style: solid; padding: 5px; background-color: <{if $result.user_gender == 1}>#dfe2ff<{else}>#ffefef<{/if}>;">
<div width="300" style="background-color: white">
<table style="width:300px">
<tr><th colspan="2" align="center"><b><{$block.lang_birthday_header}> <{$result.uname}></b></th></tr>
<tr>
<td style="width:80px;" style="height:100%">
<div style="width:80px; height:80px;"><img style="text-align:center; vertical-align:middle;" src="<{$xoops_url}>/uploads/<{$result.user_avatar}>"></div>
</td>
<td style="text-align:center; vertical-align:middle;">
<table width="220">
<tr height="33%" class="odd"><td><{$block.lang_name}></td><td><{$result.name}></td></tr>
<tr height="33%" class="even"><td><{$block.lang_birthday}></td><td>
<{if $block.dateformat == 0}>
<{$result.user_birth}>
<{else}>
<{$result.user_birth|date_format:"%d-%m-%Y"}>
<{/if}>
</td></tr>
<tr height="33%" class="odd"><td><{$block.lang_age}></td><td><{$result.user_age}></td></tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<{/foreach}>
<br />
<{/if}>