var fader = 3000;

function startUp(){
// document.getElementById("container").className = "loading-invisible"; 
// document.getElementById("loading").className = "loading-visible";
 opacity('content', 0, 100, fader,'in'); 
 var browser=navigator.appName;
// if(browser =="Microsoft Internet Explorer") showCorners();
 showCorners();
// setTimeout("document.getElementById('loading').className = 'loading-invisible';",fader/2);
// setTimeout("document.getElementById('container').className = 'loading-visible';",fader/2);
}

function openSite(){
 opacity('content', 100, 0, fader,'out');
// opacity('nav', 0, 100, fader,'in');
// opacity('content2', 0, 100, fader,'in'); 
// setTimeout("document.getElementById('nav').style.filter = '';",fader); 
// setTimeout("document.getElementById('content2').style.filter = '';",fader); 
 setTimeout("document.getElementById('nav').style.display = 'block';",fader/2); 
 setTimeout("document.getElementById('content2').style.display = 'block';",fader/2); 
 return false;
}


function openPage(){
 document.getElementById('nav').style.display = "block";
 document.getElementById('content').style.backgroundImage = "url(trans.gif)"; 
 document.getElementById('content').style.display = "block";
 return false;
}


function opacity(id, opacStart, opacEnd, millisec, mode) { 
 //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("fadeOut(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("fadeIn(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
    
} 

//change the opacity for different browsers 
function fadeIn(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 + ")"; 
    object.display = "block";
} 


function fadeOut(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 + ")"; 
    object.display = "block";    
    if(opacity = 0) object.display = "none";   
}