１０個の落ちてくる文字の位置を常に真中に表示
お知恵をおかりしたいのですが、
下記のソースで１０個の文字（GIF）がオンロードで落ちてくる
という仕様なのですが、現在はポジションを指定してあるのですが、
これをスクリプトの追加で常に真中に揃えることがしたいのですが、
自分でもやってみましたがうまくいかずおわかりになる方お力をお貸しください。
<html>
<head>
<title></title>
<script type="text/javascript">
window.onload = init;
var n=8;
var frac = [1.7,1.8,1.6,1.8,1.7,1.5,1.7,1.9];
var bound = [0.5,0.6,0.5,0.6,0.6,0.5,0.6,0.5];
var count = [];
var elm=[];
var y = [];
var handle=[];
function falling() {
for(i=0;i<n;i++){
y[i] += ++count[i] * 0.001 * frac[i];
elm[i].style.top = y[i];
if(y[i] >= wH){
y[i] = wH;
count[i] = Math.ceil(-count[i] * bound[i]);
if( count[i] == -1 ) clearInterval( handle[i] );
}
}
}
function init() {
for(i=0;i<n;i++) {
elm[i] = document.getElementById("sample"+i);
handle[i] = setInterval(falling,10);
y[i]=count[i]=0;
}
wH = document.all ? document.body.clientHeight : window.innerHeight;
wH = wH - elm[0].height;
}
</script>
</head>
<body>
<center>
<img src=".jpg" width="330" height="440">
<img src=".gif" id="sample0" style="position:absolute;left:250px;">
<img src=".gif" id="sample1" style="position:absolute;left:300px;">
<img src=".gif" id="sample2" style="position:absolute;left:350px;">
<img src=".gif" id="sample3" style="position:absolute;left:400px;">
<img src=".gif" id="sample4" style="position:absolute;left:450px;">
<img src=".gif" id="sample5" style="position:absolute;left:500px;">
<img src=".gif" id="sample6" style="position:absolute;left:550px;">
<a href="#" alt="ENTER"><img src="enter.gif" id="sample7" border="0" style="position:absolute;left:680px;"></a>
</center>
</body>
</html>
というソースなのですが、たぶん１行か２行のコードの追加でモニタサイズなど関係なしに常にど真ん中にならべることができると思うのですが、難しく。。。。。
どうかなのとぞよろしくお願いいたします。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
お礼
この人のようですね。ありがとうございました
補足
回答ありがとうございます。調べて見た感じ別人に見えるのですが・・・