var cX;
var cY;
var iWidth;
var iHeight;
var ifrom=1;
var ito=1;
var imgs = Array();

var ims = 60;

function vpImage(imgName) {

    imgs[imgName] = new Image();
    imgs[imgName].src = imgName;

    vp = element( 'viewport' );
    cX = document.body.clientWidth/2;
    cY = document.body.clientHeight/2;

    vpi = element( 'vpimage' );
    vpi.src = imgs[imgName].src;

    imgs[imgName].onload = function () {
	iWidth = imgs[imgName].width;
	iHeight = imgs[imgName].height;

	ifrom=10;
	ito=1;
	setTimeout( 'vpScale()', ims );
    }
}

function vpScale() {
    vpi.style.left = cX-iWidth/2/ifrom-5;
    vpi.style.top = cY-iHeight/2/ifrom-5;
    vpi.width = iWidth/ifrom;
    vpi.height = iHeight/ifrom;


    if (Math.round(ifrom)==ito) {
	if (ifrom==10) vp.style.display = 'none';
	return;
    } else {

	if (ifrom==10) {
	    vp.style.display = 'block';
	}

    }

    if (ifrom<ito) {
	ifrom++;
    } else {
	ifrom--;
    }

    setTimeout( 'vpScale()', ims );
    
}

function vpClose() {
	ifrom=1;
	ito=10;
	setTimeout( 'vpScale()', ims );
//    vp.style.display='none';
}