var movw = 0;
var move = 0;
var stepw = 0;
var posw = 0;
var posh = 0;
var dir = 0;
var winWidth = 0;
var winHeight = 0;
var imageRoot = "http://www.rlsbuilding.com/photos/homearama/images/";

var dock = null;

function ShowImage(id)
{

    if (!dock)
        CreateDock();

    //var objImageDockContainer = document.getElementById("ImageDockContainer");
    var objCurrentImage = document.getElementById("CurrentImage");
    
    if (dock && objCurrentImage)
    {
        objCurrentImage.src = imageRoot + id + ".jpg";
        dock.style.display = "block";

        positionObject(dock);
    }
}

function CreateDock()
{
    dock = document.createElement("DIV");
    dock.style.position = "absolute";
    dock.style.display = "none";
    dock.style.padding = "2px";
    dock.style.border = "solid 2px black";
    dock.style.backgroundColor = "#FFFFFF";
    dock.style.textAlign = "center";
    dock.style.verticalAlign = "middle";
    dock.style.fontSize = "14pt";
    dock.style.fontWeidth = "bold";
    dock.onclick="CloseImage()";
    
    dock.innerHTML = "Click to close<br />" + 
                     "<div id=\"ImageDock\" style=\"display: block; border: solid 1px #000000;\">" + 
                     "<img id=\"CurrentImage\"  onclick=\"CloseImage();\"/></div>";

    document.body.appendChild(dock);
}

function posX() {
    return typeof window.pageXOffset != 'undefined' ? window.pageXOffset:document.documentElement.scrollLeft? document.documentElement.scrollLeft:document.body.scrollLeft? document.body.scrollLeft:0;
}
function posY() {
    return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop?document.body.scrollTop:0;
}


function positionObject(objToPosition) {
    if (posh < 0) 
    {
        posw = 10+ Math.random()*(winWidth-movw-30);
        posh = winHeight;
        dir=(Math.random()<0.5)?1:-1;
        stepw = 0.02 + Math.random()/9;
    } 
    
    move += stepw *dir;  
    posh-=1; 
    
    if (Math.abs(move) > 3) 
    {
        dir=-dir;
        posw+=movw*move; 
        move=0;
    } 
    
    //objToPosition = document.getElementById('bub'+i).style; 
    objToPosition.style.left = posX()+posw + movw*move + 100; 
    objToPosition.style.top = posY()+posh - 1 + 100;
    objToPosition.visibility = 'visible';
}


function HideImage()
{
}

function CloseImage()
{
    //var objImageDockContainer = document.getElementById("ImageDockContainer");
    if (dock)
        dock.style.display = "none";
}