por q tarda en cargar mi script al abrir pagina ?

[Gaby_Corr]

Hola que tal, tengo una pag y dentro de ella lo que hago es mandar llamar desde un archivo .js este codigo:

Código:

// JavaScript Document
var mfBanners = [
['http://www.terr.com', '../images/banners/banner1.gif'], 
['http://www.vida.com', '/images/banners/banner2.gif'],
['http://www.ucli.com', '/images/banners/banner3.gif']
];
var mfIe = false;
if( document.all) {
mfIe = true;
}
var mfBannerIndex = 0;
function mfBannerChange() {
var htmlString = '<a target="_blank" href="'+mfBanners[mfBannerIndex][0]+'"> <img border="0" src="'+mfBanners[mfBannerIndex][1]+'"></a>';
if( mfIe) {
document.all.banner.innerHTML = htmlString;
}
else {
document.layers["banner"].document.open();
document.layers["banner"].document.write( htmlString);
document.layers["banner"].document.close();
}
if(mfBannerIndex < mfBanners.length - 1)
mfBannerIndex++;
else
mfBannerIndex = 0;
}
setInterval("mfBannerChange()", 10000);
//  End -->


var mfBanner2 = [
['http://www.ceo.com', '/images/banners/banner4.gif'], 
['http://www.jar.com.mx', '/images/banners/banner5.gif'],
['http://www.ga.cc', '/images/banners/banner6.gif']
];
var mfIe2 = false;
if( document.all) {
mfIe2 = true;
}
var mfBanner2Index = 0;
function mfBanner2Change() {
var htmlString2 = '<a target="_blank" href="'+mfBanner2[mfBanner2Index][0]+'"> <img border="0" src="'+mfBanner2[mfBanner2Index][1]+'"></a>';
if( mfIe2) {
document.all.banner2.innerHTML = htmlString2;
}
else {
document.layers["banner2"].document.open();
document.layers["banner2"].document.write( htmlString2);
document.layers["banner2"].document.close();
}
if(mfBanner2Index < mfBanner2.length - 1)
mfBanner2Index++;
else
mfBanner2Index = 0;
}
setInterval("mfBanner2Change()", 10000);
//  End -->

var mfBanner3 = [
['http://www.caa.com.mx', '/images/banners/banner7.gif'], 
['http://www.axi.com.mx', '/images/banners/banner8.gif'],
['http://www.eso.com', '/images/banners/banner9.gif']
];
var mfIe3 = false;
if( document.all) {
mfIe3 = true;
}
var mfBanner3Index = 0;
function mfBanner3Change() {
var htmlString3 = '<a target="_blank" href="'+mfBanner3[mfBanner3Index][0]+'"> <img border="0" src="'+mfBanner3[mfBanner3Index][1]+'"></a>';
if( mfIe3) {
document.all.banner3.innerHTML = htmlString3;
}
else {
document.layers["banner3"].document.open();
document.layers["banner3"].document.write( htmlString3);
document.layers["banner3"].document.close();
}
if(mfBanner3Index < mfBanner3.length - 1)
mfBanner3Index++;
else
mfBanner3Index = 0;
}
setInterval("mfBanner3Change()", 10000);
//  End -->

y los coloco acá:

Código:

<tr><td width="180" height="60" align="left"><div id="banner"></div></td>
<td width="200" height="60" align="center"><div id="banner2"></div></td>
<td width="180" height="60" align="right"><div id="banner3"></div></td></tr>

Solo que no entiendo por que al abrir la pagina, pasa unos mmm 3o 5 segs y ya me aparecen mis imagenes, que puede ser, no tengo idea