var img,div,cnt,timer,curve,divisor;
var divX,divY,imgW,imgH;
var fadebg, opacity;
function startAnimation() {
  getSty('cluster').visibility = 'hidden';
  getSty('logo-div').visibility = 'visible';
  resetAnimation();
  curve = false;     //straight line
  //curve = 1;         // curve up
  //divisor = 10;
  //curve = 2;         // curve down
  //divisor = 5;
  timer = setTimeout('animateLogo();', 500);
}
function animateLogo() {
  if (cnt>0) {
    fadebg.opacity = opacity = opacity - ((1.0-0.18)/50);
    imgW = Math.floor(imgW-(curve?((imgW-77)/divisor):((770-77)/50)));
    imgH = Math.floor(imgH-(curve?((imgH-100)/divisor):((1000-100)/50)));
    div.w(imgW);
    img.width = imgW+'px';
    div.h(imgH);
    img.height = imgH+'px';
    divX = divX-2;
    divY = divY+(curve==2?(Math.abs(divY-250)/10):600/50);
    div.sty.top = divY+'px';
    div.sty.right = divX+'px';
    //alert('imgW = '+imgW+'\nimgH = '+imgH+'\ndivX = '+divX+'divY = '+divY);
    timer = setTimeout('animateLogo();', 50);
    cnt = cnt-1;
  } else {
    getSty('cluster').visibility = 'visible';
  }
}
function resetAnimation() {
  fadebg = getSty('cluster-bg');
  fadebg.opacity = opacity = 1.0;
  div = getLyr('logo-div');
  img = getSty('logo-img');
  imgW = 808;  imgH = 1050;
  divX = 110;  divY = -400;
  div.w(imgW);
  div.h(imgH);
  img.width = imgW+'px';
  img.height = imgH+'px';
  div.sty.top = divY+'px';
  div.sty.right = divX+'px';
  cnt = 50;
}

var animatingLogo = true;
addEvent(window, 'load', startAnimation);