Rotující banner

zdravím,

doma se jen tak zabývám tvorbou webu koukám po google jak co funguje a učím se postupně a narazil jsem na rotující banner který jsem
chtěl dát do headeru stránky.Což se mi povedlo...vše funguje i po kliknutí na obrázek mě to skočí tam kam chci.
Můj dotaz je jak udělat aby obrázky rotovali nezávisle na tom kde se budu na dané stránce pohybovat.Když jsem na indexu a skočím do jiné
záložky v menu tak mě jdou obrázky zase od 1. od znova což nechci.A dá se nějak udělat aby se tam zobrazovalo že to je třeba 1/4 2/4 obrazku atd.

mám na to tenhle script :

<script type="text/javascript">
var imgs1 = new Array( url obrázků );
var lnks1 = new Array( url odkazů na přesměrování );
var alt1 = new Array("banner1","banner2","banner3","banner4"); - počet bannerů
var currentAd1 = 0;
var imgCt1 = 4; - počet bannerů v rotaci
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[curr entAd1]
currentAd1++;
}
window.setInterval("cycle1()",7000); - čas
</script>
<a href= -- první obrázek --- id="adLink1" target="_top">
<img src= --url prvního obrázku" id="adBanner1" border="0" width="799" height="216"></a>

poradil by mi někdo??? - jestli to nějak půjde předělat.

Díky :)