var xPos = 300;
var yPos = 200;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;

var i = 0;

var imgheight = 0;
var imgwidth = 0;

img1.style.top = yPos;
function changeWidth() {
    {
        if (imgheight > 94)
            imgheight = imgheight - 1;
        if (imgwidth > 200)
            imgwidth = imgwidth - 2

    document.getElementById("imga").style.height= imgheight;
    document.getElementById("imga").style.width=imgwidth;         
    }
    if (imgheight <= 94 && imgwidth <= 200 && i ==0)
{
i=1;
        interval = setInterval('changePos()', delay);
}
}
function changePos() {
    width = document.body.clientWidth;
    height = document.body.clientHeight;
    Hoffset = img1.offsetHeight;
    Woffset = img1.offsetWidth;
    img1.style.left = xPos + document.body.scrollLeft;
    img1.style.top = yPos + document.body.scrollTop;
    if (yon)
    { yPos = yPos + step; }
    else
    { yPos = yPos - step; }
    if (yPos < 0)
    { yon = 1; yPos = 0; }
    if (yPos >= (height - Hoffset))
    { yon = 0; yPos = (height - Hoffset); }
    if (xon)
    { xPos = xPos + step; }
    else
    { xPos = xPos - step; }
    if (xPos < 0)
    { xon = 1; xPos = 0; }
    if (xPos >= (width - Woffset))
    { xon = 0; xPos = (width - Woffset); }
}

function start() {
    img1.visibility = "visible";
    document.getElementById("imga").style.height= imgheight;
    document.getElementById("imga").style.width=imgwidth;          
    interval = setInterval('changeWidth()', 50);

}


function pause_resume() {
    if (pause) {
        clearInterval(interval);
        pause = false;
    }
    else {
        interval = setInterval('changePos()', delay);
        pause = true;
    }
}
 window.onload = function()
{
imgheight = 394;
imgwidth = 800;
//start();
}