//<![CDATA[   	
function showTop() {
// for IE6.0    
if ((BrowserDetect.browser == "Explorer") && (BrowserDetect.version<7)) {          
if (document.body.clientHeight > document.documentElement.clientHeight ) {     
document.getElementById('screenoverlay').style.height = document.body.clientHeight;
} else {
document.getElementById('screenoverlay').style.height = document.documentElement.clientHeight;
}

if (document.body.clientWidth > document.documentElement.clientWidth ) {     
document.getElementById('screenoverlay').style.width = document.body.clientWidth;
} else {
document.getElementById('screenoverlay').style.width = document.documentElement.clientWidth;
}          
}  

//Show the background overlay and topbox...
document.getElementById('screenoverlay').style.visibility = 'visible';
document.getElementById('topbox').style.display = 'block';
verticallyCenter('topbox');
}  	

function closeTop()	{
//Hide the overlay and tobox...
document.getElementById('screenoverlay').style.visibility = 'hidden';
document.getElementById('topbox').style.display = 'none';
}     

function viewportSize(side) {
var viewportWidth;
var viewportHeight;

// for standards compliant browsers (mozilla/netscape/opera/IE7)     
if (typeof window.innerWidth != 'undefined') {
viewportWidth = window.innerWidth,
viewportHeight = window.innerHeight
}        
// IE6 in standards compliant mode (i.e. with a valid doctype)    
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
viewportWidth = document.documentElement.clientWidth,
viewportHeight = document.documentElement.clientHeight
}        
// older versions of IE
else {
viewportWidth = document.getElementsByTagName('body')[0].clientWidth,
viewportHeight = document.getElementsByTagName('body')[0].clientHeight
}  

return (side == 'width' ? viewportWidth : viewportHeight);
} 

window.onresize = function() {verticallyCenter('topbox')};

function verticallyCenter(id) {
var elementHeight=document.getElementById(id).offsetHeight;
var elementWidth=document.getElementById(id).offsetWidth;

//document.getElementById(id).style.top = (viewportSize('height')-elementHeight)/2+"px";
//document.getElementById(id).style.left = (viewportSize('width')-elementWidth)/3+"px";        
}
//]]>