var centerHeight = null;
var logoDiv = null;
var logoPos = null;
var iter = null;

function resizeMain () {
    winH = document.documentElement.clientHeight;
    winW = document.documentElement.clientWidth;
    mainDiv = document.getElementById("wrap");
    centerDiv = document.getElementById("centered_wrap");
    logoDiv = document.getElementById("logo");
    if (!centerHeight) {
        centerHeight = parseInt(centerDiv.offsetHeight);
    }
    newMargin = Math.round((winH - centerHeight) / 2 );
    mainDiv.style.height = winH + 'px';
    centerDiv.style.marginTop = newMargin + 'px';
    logoDiv.style.left = (Math.round((winW - logoDiv.offsetWidth) / 2 )) + 'px';
}

function animate() {
    resizeMain();
    opacity('wrap',100,0,1);
    opacity('mainframe',100,0,1);
    opacity('footer', 100, 0, 1);
    opacity('d1', 100, 0, 1);
    opacity('d2', 100, 0, 1);
    opacity('d3', 100, 0, 1);
    opacity('d4', 100, 0, 1);
    opacity('d5', 100, 0, 1);
    
//         logoMargin = parseInt(logoDiv.style.marginTop);
    logoPos = -51;
    iter = 400;
    opacity('wrap',0,100,1000);
    opacity('logo',0,100,2000);
    setTimeout("animateLogo()", 500);
    setTimeout("opacity('d1', 0, 100, 500)",5000);
    setTimeout("opacity('d2', 0, 100, 500)",5500);
    setTimeout("opacity('d3', 0, 100, 500)",6000);
    setTimeout("opacity('d4', 0, 100, 500)",6500);
    setTimeout("opacity('d5', 0, 100, 500)",7000);
}

function animateLogo() {
    margin = logoPos + iter
//     alert(margin);
    logoDiv.style.top = margin + 'px';
    if (iter > 0) {
        iter = iter - 4;
        setTimeout("animateLogo()", 20);
    }
    else {
        setTimeout("opacity('footer', 0, 100, 1000)",4000);
        opacity('mainframe',0,100,500)
    }
}



function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}