anim = {x1:488.0,y1:1.0,w1:48.0,h1:48.0,x2:300.0,y2:150.0,w2:400.0,h2:300.0,numFrames:8,frame:0,x:0.0,y:0.0,w:0.0,h:0.0,xInc:0.0,yInc:0.0,wInc:0.0,hInc:0.0,winId:false};

var frameTimer;
var box=document.getElementById("box");

function newAnim(){

if (!transitions){tock();return;}

clearTimeout(frameTimer);

box.style.display="block";
box.style.left=anim.x1;
box.style.top=anim.y1;
box.style.width=anim.w1;
box.style.height=anim.h1;

anim.xInc=(anim.x2-anim.x1)/anim.numFrames;
anim.yInc=(anim.y2-anim.y1)/anim.numFrames;
anim.wInc=(anim.w2-anim.w1)/anim.numFrames;
anim.hInc=(anim.h2-anim.h1)/anim.numFrames;

anim.x=anim.x1;anim.y=anim.y1;anim.w=anim.w1;anim.h=anim.h1;anim.frame=0;

tock();
}


function tock(){
if ((anim.frame<anim.numFrames)&&(transitions)){
anim.x+=anim.xInc;anim.y+=anim.yInc;anim.w+=anim.wInc;anim.h+=anim.hInc;

//box.innerHTML=w;

box.style.left=anim.x;
box.style.top=anim.y;
box.style.width=anim.w;
box.style.height=anim.h;
anim.frame++
frameTimer=setTimeout("tock()",50);
}
else{
box.style.display="none";
if (anim.winId){
if (parseInt(document.getElementById("$$frame$$"+anim.winId).style.top)>1900){
document.getElementById("$$frame$$"+anim.winId).style.top=parseInt(document.getElementById("$$frame$$"+anim.winId).style.top)-2000;
}
windows[anim.winId].ready=true;
windows[anim.winId].show();
anim.winId=false;
}


}
//if (anim.frame%2){box.style.borderColor="gray"}else{box.style.borderColor="silver"}
}