function showplaner(){

if (navigator.appName.indexOf('Netscape') != -1) { FensterBreite = self.innerWidth }
else if (navigator.appName.indexOf('Microsoft') != -1) { FensterBreite = document.body.clientWidth };

left = FensterBreite / 2 - 380;

document.getElementById("wunschplaner").style.height = 540 + 'px';
document.getElementById("wunschplaner").style.width = 760 + 'px';
document.getElementById("wunschplaner").style.left = left +'px';
document.getElementById("ort").style.visibility = 'hidden';
document.getElementById("select_preis").style.visibility = 'hidden';
div_move('wunschplaner', left, 'ein');

}

function hideplaner(){
document.getElementById("wunschplaner").style.left = -800 +'px';
document.getElementById("wunschplaner").style.width = 1 +'px';
document.getElementById("ort").style.visibility = 'visible';
document.getElementById("select_preis").style.visibility = 'visible';
div_move('wunschplaner', left, 'aus');
}

var reentrant = 0, b = -760;

function div_move(id, left, aktion)
{
 if( ! reentrant ) {
    reentrant = 1;
    var move = 0, element = document.getElementById(id);
    
    if( aktion == 'ein' ) {
       if(b < left){ b += 30; move++ }
       element.style.visibility = 'visible';
    }
    else if( aktion == 'aus' ) {
       if(b > -760 ){ b -= 30; move++ }
       element.style.visibility = (b > -760) ? 'visible' : 'hidden';
    }
    
    if( move ) { 
       element.style.left  =  b + 'px';
       window.setTimeout( function(){ div_move(id,left,aktion) }, 30 );
    }
    reentrant = 0;
 }
}