layer laten openen geanimeerd

[phobia]

Ik heb een stukje code die ik voor een div pop up gebruik, maar nu wil ik hem uitbreiden.
Dat de div van breedte 0 naar,laten we zeggen, 200px open schuift en dan van de hoogte 0 naar,laten we zeggen, 200px open schuift.

Nu ben ik nog wat nieuw in java, ik weet wel opwelke manier het zal moeten, maar ik kan het nog niet in code opschrijven.

kan iemand mij opweg helpen?

wat ik nu gebruik is:

<script type="text/javascript">
/* -----------------------------------------------
   Floating layer - v.1
   (c) 2006 www.haan.net
   contact: jeroen@haan.net
   You may use this script but please leave the credits on top intact.
   Please inform us of any improvements made.
   When usefull we will add your credits.
  ------------------------------------------------ */

x = 230;
y =  66;
function setVisible(obj)
{
	obj = document.getElementById(obj);
	obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible'; } 
	
	function placeIt(obj) {
	obj = document.getElementById(obj);
	if (document.documentElement)
	{
		theLeft = document.documentElement.scrollLeft;
		theTop = document.documentElement.scrollTop;
	}
	else if (document.body)
	{
		theLeft = document.body.scrollLeft;
		theTop = document.body.scrollTop;
	}
	theLeft += x;
	theTop += y;
	obj.style.left = theLeft + 'px' ;
	obj.style.top = theTop + 'px' ;
	setTimeout("placeIt('layer1')",500);
}
window.onscroll = setTimeout("placeIt('layer1')",500);
</script>

window.onscroll = setTimeout("placeIt('layer1')",500);
deze code zorgt er voor dat de uitkomst van het script naar de div met de naam layer1 wordt gestuurd? ik wil hem namelijk ook dynamisch maken