var toStartFading = 500; // miliseconds before starting first fade
var betweenFades = 10000; // miliseconds between faded images
///////////
///var promoDivs = document.getElementById("promo").getElementsByTagName("div");
///document.getElementById("hmRitTopp").innerHTML = promoDivs[Math.floor(Math.random()*promoDivs.length)].innerHTML;
///////////



var imgg = document.getElementById("imgg").getElementsByTagName("a");
var img = new Array();
for (i=0;i<imgg.length;i++) {img[i] = imgg[i].innerHTML;} 

//randomly select first image and put it in the top 
var randmNumb = Math.floor(Math.random()*img.length);
document.getElementById("mn1").innerHTML = img[randmNumb];

var opc = randmNumb; var nxt = opc + 1; if (nxt == img.length) {nxt = 0};
var el = ""; var el2 = ""; var lnk = img.length-1; var iTimeoutId = ""; var iTimeoutId2 = "";

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

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.opacity = (opacityD/100); 
el2.opacity = (opacity/100); 
 return; } 

function preFade(){
document.getElementById("mn2").style.display="none";
nextimg = img[nxt]; lnk=nxt-1;nxt++; if (nxt == img.length) {nxt = 0};
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); 
iTimeoutId = setTimeout("preFade2()",betweenFades);
}

function preFade2() {
	document.getElementById("mn2").style.display="block"; 
	setTimeout("runFade()",1);
}
function gotoPage() {if (lnk == -1) {lnk=img.length-1};location.href = imgg[lnk]}
function goPaus() {
	clearTimeout(iTimeoutId); clearTimeout(iTimeoutId2); var opc = 0;
	document.getElementById("goPause").style.display="none";
	document.getElementById("goContinue").style.display="inline";
}

function goImg(ig) {
	clearTimeout(iTimeoutId); clearTimeout(iTimeoutId2);
	document.getElementById("goPause").style.display="inline";
	document.getElementById("goContinue").style.display="none"; 
	if (ig == 99) { nxt = nxt-1; if (nxt == -1) {nxt=img.length-1};   } else {nxt = ig};
	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); 
iTimeoutId = setTimeout("preFade2()",1); 
}


setTimeout("preFade()",toStartFading)