var firstFade = 1000; // miliseconds before starting first fade
var betweenFades = 4000; // miliseconds between faded images

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

//// put images as smaller images.
var rotImg = document.getElementById("rotNavv").getElementsByTagName("img");
for (i=0;i<img.length;i++) {
	var h = i + 1; if (h == img.length) {h = 0}
	var curSrc = img[i].split('src="')[1]; curSrc = curSrc.split('"')[0];
	rotImg[h].setAttribute("src",curSrc)
	rotImg[h].className = "";
	} 

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);}}

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("rotNavv").className = "rt" +nxt;
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 goStart() {clearTimeout(iTimeoutId); clearTimeout(iTimeoutId2); alert("set to proper value and start rotating") ; preFade()}
function goBack1() {clearTimeout(iTimeoutId); clearTimeout(iTimeoutId2); var opc = 0; alert("set to proper value and load previous image")}
function goForward1() {clearTimeout(iTimeoutId); clearTimeout(iTimeoutId2); var opc = 0; alert("set to proper value and load next image")}

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()",firstFade)
/*
*/