Как реализовать анимацию накладывающихся окон?

Coutty · Конфигурация компьютера

HTML код:

<html>
<head>
<title>1</title>
<script type="text/javascript">
params = {
'width':300,
'height':300,
'num':10,
'offsetX':20,
'offsetY':20
}

function showWindows() {
  txt = '';
  for (i = 0; i < params.num; i++)
    {
	txt += "<div style='position:absolute; width:" + params.width + "; height:" + params.height + "; z-index:" + i + "; top:" + (params.offsetY * i) + "; left:" + (params.offsetX * i) + "; background:yellow; border:1px solid black'>" + i + "</div>";
	}
  document.getElementById("maincontainer").innerHTML = txt;
}
</script>
</head>
<body onload="showWindows()">
<div id="maincontainer" style="position:absolute; top:100px; left:300px"></div>
</body>
</html>

Мне кажется, тут даже пояснения не требуются. Но всё же - переменные в params задают различные параметры отображения последовательно:
ширина - высота - количество - сдвиг по горизонтали относительно предыдущего - сдвиг по вертикали