function addLoadEvent(func){
    var ondonload=window.onload;
    if(typeof window.onload!='function'){
        window.onload=func;
    }else{
        window.onload=function()
        {
            ondonload();
            func();
        }
    }
}

function moveElement(elemID,final_x,final_y,time)
{
    var elem = document.getElementById(elemID);
    if (elem.movement)
    {
        clearTimeout(elem.movement);
    }
    var x = parseInt(elem.style.left);
    var y = parseInt(elem.style.top);
    if(x == final_x && y == final_y)
    {
        return true;
    }
    if(x < final_x)
    {
        var dist = Math.ceil( (final_x - x )/10 );
        x = x + dist;
    }
    if(x > final_x)
    {
        var dist = Math.ceil( (x - final_x)/10 );
        x = x - dist;
    }
    if(y < final_y)
    {
        var dist = Math.ceil( (final_y - y )/10 );
        y = y + dist;
    }
    if(y>final_y)
    {
        var dist = Math.ceil( ( y - final_y )/10 );
        y = y -dist;
    }
    elem.style.left = x + "px";
    elem.style.top = y + "px";    
    var repeat = "moveElement('"+elemID+"',"+final_x+","+final_y+","+time+")";  
    elem.movement=setTimeout(repeat,time)  
}


function prepareSlideshow()
{
    if (!document.getElementById("linklist")) return false;
    if (!document.getElementById("preview")) return false;
    var preview = document.getElementById("preview");
    preview.style.position = "absolute";
    preview.style.left = "0px";
    preview.style.top = "0px";
    var list = document.getElementById("linklist");
    var links = document.getElementsByTagName("a");
    links[0].onmouseover = function ()
        {
            moveElement("preview",0,0,0);
        }   
    links[1].onmouseover = function ()
        {
            moveElement("preview",-180,0,0);
        }
    links[2].onmouseover = function ()
        {
            moveElement("preview",-360,0,0);
        }
    links[3].onmouseover = function ()
    {
        moveElement("preview",-540,0,0);
    }
}
addLoadEvent(prepareSlideshow);