var imgg = document.getElementById("imgg").getElementsByTagName("a");
var img = new Array();
for (i=0;i<imgg.length;i++) {img[i] = imgg[i].innerHTML;} 
//document.getElementById("mn1").innerHTML = img[0];
var el = ""; var el2 = ""; var opc = 0; var nxt = 0; var lnk = img.length-1;

function runFade() {
if (opc <= 100) { setOpacity(opc);
opc += 10; // divided by 100 is the number of steps
setTimeout("runFade()",120); // the number is the fade speed
} else { opc = 0; document.getElementById("mn1").innerHTML = document.getElementById("mn2").innerHTML; setTimeout("preFade()",100);}}

function setOpacity(opacity){
el = document.getElementById("mn1").getElementsByTagName('img')[0].style; el2 = document.getElementById("mn2").getElementsByTagName('img')[0].style;
var opacityD = 100 - (opacity); el.filter = "alpha(opacity=" + opacityD +")"; el2.filter = "alpha(opacity=" + opacity +")"; el.MozOpacity = (opacityD/100); el2.MozOpacity = (opacity/100); el.opacity = (opacityD/100); el2.opacity = (opacity/100); el.KhtmlOpacity = (opacityD/100); el2.KhtmlOpacity = (opacity/100); return; } 

function preFade(){
nextimg = img[nxt];lnk=nxt-1;nxt++; if (nxt == img.length) {nxt = 0};
document.getElementById("mn2").style.display="none";
document.getElementById("mn2").innerHTML = nextimg; // set div2 with new image then disapper it.
el2 = document.getElementById("mn2").getElementsByTagName('img')[0].style; el2.filter = "alpha(opacity=0)"; el2.opacity = (0); el2.MozOpacity = (0);
el2.KhtmlOpacity = (0); setTimeout("preFade2()",3500); // sets the time between images in mili-seconds
}

function preFade2() {document.getElementById("mn2").style.display="block"; setTimeout("runFade()",1);}
function gotoPage() {if (lnk == -1) {lnk=img.length-1};location.href = imgg[lnk]}

setTimeout("preFade()",1500)