var directionTop = 'up';
var xTop = -280;
var xTopMin = -280;
var xTopMax = 0;
var xTopStep = 0;
var topSize = 280;
var overlapOffset = 0;

function doTopMove() {
   var tbar = document.getElementById('topbar');
   var box = document.getElementById('content');
   if (directionTop == 'up') { //muovi i layers in alto
     xTopStep = ((2*(xTop-xTopMin))/20) + 1
     xTop = xTop - xTopStep
     if (xTop < xTopMin) {
        xTop = xTopMin
     }
     tbar.style.top = xTop;
     if (((xTop - xTopMin) - overlapOffset)>0) {
        box.style.top = (xTop + topSize) - overlapOffset;
     } else {
        box.style.top = 0;
     }
     if (xTop > xTopMin) {
        setTimeout('doTopMove()',50);
     }         
   } else { //muovi i layers in basso
     xTopStep = ((2*(xTopMax-xTop))/20) + 1
     xTop = xTop + xTopStep
     if (xTop > xTopMax) {
        xTop = xTopMax
     }
     tbar.style.top = xTop;
     if ((xTop - xTopMin) > overlapOffset) {
        box.style.top = (xTop + topSize) - overlapOffset;
     }
     if (xTop < xTopMax) {
        setTimeout('doTopMove()',50);
     }
   }
}
    
function swapTop() {
    if (directionTop == 'up') {
       directionTop = 'down';
       doTopMove();
    } else {
       directionTop = 'up';
       doTopMove();
    }    
}


// popup

function displayWindow(theURL,winName,width,height,features) { //v3.1
    var window_width = width;
    var window_height = height;
    var newfeatures= features;
    var window_top = (screen.height-window_height)/2;
    var window_left = (screen.width-window_width)/2;
    newWindow=window.open(''+ theURL + '',''+ winName + '','width=' + window_width + ',height=' + window_height + ',top=' + window_top + ',left=' + window_left + ',features=' + newfeatures + '');
    newWindow.focus();
}