(Ajax) Image On Mouse Over

[wolfe]

hi i am currently trying to make it load an image in a box when i mouse over a thread title in forumdisplay

threadbit_display (plugin)

PHP Code:

$images = $db->query("
        SELECT img FROM " . TABLE_PREFIX . "post
        WHERE threadid = $thread[threadid]
    ");
    while ($image = $db->fetch_array($images))
    {
        $image_url = $image['img'];
    } 


in forumdiplay template

<script type="text/javascript" src="clientscript/preimage.js"></script>

code in preimage.js

// JavaScript Document

function findPosX(obj)
{
    var curleft = 0;
    if (obj.offsetParent)
    {
        while (obj.offsetParent)
        {
            curleft += obj.offsetLeft
            obj = obj.offsetParent;
        }
    }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
}

function findPosY(obj)
{
    var curtop = 0;
    if (obj.offsetParent)
    {
        while (obj.offsetParent)
        {
            curtop += obj.offsetTop
            obj = obj.offsetParent;
        }
    }
    else if (obj.y)
        curtop += obj.y;
    return curtop;
}

function showimage(obj)
{
    var newX = findPosX(obj);
    var newY = findPosY(obj);
    var x = new fetch_object('imagediv');
    x.style.top = newY + 30 + 'px';
    x.style.left = newX + 'px';
    
    fetch_object('imagediv').innerHTML = '<img src="$image_url" alt="" height="150" />';
    fetch_object('imagediv').style.display = '';
}

function kill_showimage()
{
    fetch_object('imagediv').style.display = 'none';
}

and in threadbit template i have this code for the thread title

<div><a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]" onmouseover="showimage($image_url);" onmouseout="kill_showimage();"<if condition="$show['gotonewpost']"> style="font-weight:bold"</if>>$thread[threadtitle]</a></div>

i am trying to make it smiler to the profile preview on mouse over