Aggiorno la situazione

Allora, alla fine ci sono riuscito a metà grazie ad animate() e il toggle().

Lo sto testando con un giochetto in flash e il risultato non è malaccio, solo che ho un problema con la trasformazione del div, che da una posizione relativa, dovrei portarla ad assoluta al centro della pagina.

Per ora sto cosi:

codice:
<style type="text/css">
#game { width: 600px; height: 500px; padding: 0.4em; position:relative; background: #fff; z-index:999; }
</style>

$(function() {
$("#button").toggle(
function() {
$("#game").animate({width: 1300, height:700}, 500);
},
function() {
$("#game").animate({width: 600, height:500}, 500);
}
);
});

Codice PHP:
<div id="layout" style="width:800px;">

<div id="game">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" align="middle">
<param name="movie" value="http://www.flashgames.it/abilita/short.memory.term/game.swf" />
<param name="quality" value="high" />
<embed src="http://www.flashgames.it/abilita/short.memory.term/game.swf" quality="high" width="100%" height="100%" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>

</div> 
Considerando che il layout è centrale (come questo forum) il mio div parte dal centro e si espande a destra.
Invece dovrei riuscire a farlo espandere al centro della pagina al di fuori del div contenitore, z-indexato, con posizione assoluta basandomi sulla risoluzione dell'utente .... in pratica come fa il lightbox!

Che mi invento??