function fadeLogo() {
    var logo = document.getElementById('logo');
    var numberOfSteps = 50; // the number of steps to fade from full opacity to nothing
    if (logo.filters) {
        var currentOpacity = !logo.filters.alpha ? 100 : logo.filters.alpha.opacity;
        var newOpacity = currentOpacity <= 0 ? 0 : currentOpacity - 100 / numberOfSteps;
        logo.style.filter = 'alpha(opacity=' + newOpacity + ')';
    } else {
        var currentOpacity = logo.style.opacity == '' ? 1 : logo.style.opacity;
        var newOpacity = currentOpacity <= 0 ? 0 : currentOpacity - 1 / numberOfSteps;
        logo.style.opacity = newOpacity;
    }
    if (newOpacity > 0) setTimeout('fadeLogo()', 50); // fade out one step every 50 milliseconds
}
function initPage() {
    if (document.getElementById('logo').loaded == true) {
        document.getElementById('picture').style.visibility = 'visible';
        setTimeout('fadeLogo()', 600); // start fading in 1500 milliseconds from page load (changed the 1500 to 1000)
    } else {
        setTimeout('initPage()', 100); // give the logo another 100 milliseconds to load and try again
    }
}
// attach the initPage() function to the onload event of the page gracefully
window.addEventListener ? window.addEventListener("load", initPage, false) : window.attachEvent("onload", initPage);