function moveToCenter(){
  var obj = document.getElementById("page");
  var winwidth = document.body.clientWidth;
  var pagewidth = parseInt(obj.style.width);
  var winheight = document.body.clientHeight;
  var pageheight = parseInt(obj.style.height);
  
  if( winwidth > pagewidth ){
     obj.style.left = (winwidth-pagewidth)/2;
  }
  if( winheight > pageheight ){
     //obj.style.top = (winheight-pageheight)/2-10;
     obj.style.top = 10;
  }
}

window.onresize = moveToCenter;

var drug = false;

window.document.onmousemove = dragWindow;
window.document.onmouseup = disableDrag;

function winPos(){
  this.x = 0;
  this.y = 0;
  return this;
}

var winpos = new winPos();

function enableDrag(){
  winpos.x = event.x;
  winpos.y = event.y;
  drug = true;
}

function disableDrag(){
  drug = false;
}

function dragWindow(){
  if( drug ){
     var obj = document.getElementById( "page" );
     obj.style.left = parseInt( obj.style.left ) + (event.x-winpos.x);
     obj.style.top = parseInt( obj.style.top ) + (event.y-winpos.y);
     winpos.x = event.x;
     winpos.y = event.y;
  }
}

var pagealpha = 100;

function bye(){
  var bodynode = document.getElementsByTagName( "body" );
  if(pagealpha <= 0){
     bodynode[0].removeChild( bodynode[0].firstChild );
     createFarewell( bodynode[0] );
  }else{
     pagealpha -= 3;
     document.getElementById("page").style.filter = 'alpha(opacity='+pagealpha+')';
     setTimeout( 'bye()',1 );
  }
}

function createFarewell( node ){
  var divnode = document.createElement('div');
  divnode.setAttribute( 'id', 'farewell' );
  node.appendChild( divnode );
  var winwidth = document.body.clientWidth;
  var winheight = document.body.clientHeight;
  divnode = document.getElementById("farewell");
  divnode.style.position = "absolute";
  divnode.style.left = winwidth/2-35;
  divnode.style.top = winheight/2-20;
  divnode.style.fontFamily = "Impact";
  divnode.style.color = "white";
  var textnode = document.createTextNode('');
  divnode.appendChild( textnode );
  showFarewell();
}

var textindex = 0;
var farewelltext = new String('Sayonara');

function showFarewell(){
  var divnode = document.getElementById("farewell");
  divnode.firstChild.nodeValue += farewelltext.substring( textindex, textindex+2 );
  textindex +=2;
  if( textindex+1 >= farewelltext.length ){
     setTimeout( 'window.close();', 4000 );
     setTimeout( 'checkWindow()', 4001 );
  }else{
     setTimeout('showFarewell()', 500);
  }
}

function checkWindow(){
  if( !window.closed ){
     var divnode = document.getElementById("farewell");
     divnode.firstChild.nodeValue = "Why?";
  }
}