Banner Rotator

[carlosf]

Estou tentando colocar um banner rotator em meu site, mas estou com dificuldades.

1. Mesmo após clicar para fechar o banner ele não para o timer.

2. Com dois banners na mesma página somente um aparece.

Se alguém puder ajuda agradeço.

<div>

<div style="position:absolute; top:50px; left:80px; height:90px; width:728px; z-index: 10001;" id="floatLayer1">

<iframe name="rot" id="rot" scrolling="no" framespacing="0" frameborder="0" marginwidth="0" marginheight="0" border="0" style="width:728px; height:90px"></iframe>

<script type="text/javascript">

var pages=new Array('http://www.example.net/ads728.html','>http://www.example.net/ads728.html', 'http://www.example.net/ads728.html','>http://www.example.net/ads728.html', 'http://www.example.net/ads728.html');

var rint=5000;

var currentpage=-1;

function rotator(){

currentpage++;

if(currentpage >= pages.length){

stoprotator;

}

document.getElementById('rot').src=pages[currentpage];

setTimeout('rotator()', rint);

}

window.onload=function(){

rotator();

}

</script>

<div style="position: absolute; left:250px; top: 35px; width: 8px; height: 8px; z-index: 9001;"> <span onMouseUp="document.getElementById('floatLayer1').style.display='none'" title="Clique no X para fechar a propaganda !"><img src="http://www.example.net/fechar.png" width="10" height="10" /></span></div>

</div>

<div>

<div style="position:absolute; top:50px; left:80px; height:250px; width:300px; z-index: 10001;" id="floatLayer2">

<iframe name="rota" id="rota" scrolling="no" framespacing="0" frameborder="0" marginwidth="0" marginheight="0" border="0" style="width:250px; height:300px"></iframe>

<script type="text/javascript">

var pages=new Array('http://www.example.net/ads300.html','>http://www.example.net/ads300.html', 'http://www.example.net/ads300.html','>http://www.example.net/ads300.html', 'http://www.example.net/ads300.html');

var rint=5000;

var currentpage=-1;

function rotator(){

currentpage++;

if(currentpage >= pages.length){

stoprotator;

}

document.getElementById('rota').src=pages[currentpage];

setTimeout('rotator()', rint);

}

window.onload=function(){

rotator();

}

</script>

<div style="position: absolute; left:250px; top: 35px; width: 8px; height: 8px; z-index: 9001;"> <span onMouseUp="document.getElementById('floatLayer2').style.display='none'" title="Clique no X para fechar a propaganda !"><img src="http://www.example.net/fechar.png" width="10" height="10" /></span></div>

</div></div>