var theIMG;
var marginTop = 200;
var paddingTop = 100;

function getObj(name) {
    if (document.getElementById) {
        if (document.getElementById(name))
            return document.getElementById(name);
    } else if (document.all) {
        if (document.all[name])
            return document.all[name];
    } else if (document.layers) {
        if (document.layers[name])
            return document.layers[name];
    }
}

window.onload = function () {
    theIMG = getObj('theIMG');
}

function moveIMG(original, from, to) {
    var allLength = to-original;
    var alreadyWent = from-original;

    var percentWent = alreadyWent / allLength;
    if (percentWent > 1) { return 0; }
    var speed = Math.cos(percentWent) * 12;


    theIMG.style.top = from+'px';
    if (from <= to)
        temp = setTimeout('moveIMG('+original+', '+(from+speed)+', '+to+')', 10);
}

function getPos() {
    var pos = 0;
    if (window.innerHeight) {
        pos = window.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
        pos = document.documentElement.scrollTop;
    } else if (document.body) {
        pos = document.body.scrollTop;
    }
    return pos;
}

function showIMG(text){
    theIMG.innerHTML = text;
    pos = getPos();
    theIMG.style.top = pos-400 + 'px';
    theIMG.style.visibility='visible';
    var to = pos+paddingTop;
    if (to < marginTop) to = marginTop;
    moveIMG(pos-400, pos-400, to);
}

function hideIMG(){
    theIMG.style.visibility='hidden';
}