var safetycatch=0;
var previousimage="";

function xFadeImage(imageid) {
	
	if (safetycatch<1) {
		
		if (imageid!=previousimage) {

			var galleryimagesarray=document.getElementsByClassName('galleryimage');
			for(var i=0; i<galleryimagesarray.length; i++) {
				galleryimagesarray[i].style.zIndex = 10;
			}
		
			if (previousimage) {
				document.getElementById(previousimage).style.zIndex=50;
			}
			
			setopacity(0, imageid);
			document.getElementById(imageid).style.zIndex=100;
			document.getElementById(imageid).style.visibility="visible";
			
			if (document.getElementById(imageid)) {
				fade(imageid,0,100,10);
			}
			else {
				alert('the target element, (`'+wheretoloadit+'`) does not exist');
			}
		}
	}
}


function fade(imageid,startingopacity,endingopacity,increment) { // replaces fes() \\

	if (safetycatch<1) {
		safetycatch=1;

		fs = increment;
		fc = 0;
		fa = (startingopacity - endingopacity) / fs;
		
		ft = setInterval("controlfade('"+imageid+"')", 60);
		
	}
	
}

function controlfade(imageid) {

	fc++;
	
	if (fa < 0) { setopacity(Math.abs(fc * fa), imageid); }
	else { setopacity(100 - (fc * fa), imageid); }
	
	if (fc == 100) {
		alert('hi');
	}

	if (fc == fs) {
		clearInterval(ft);
		safetycatch=0;
		
		previousimage=imageid;
		
	}
}

function setopacity(targetopacity, whattofade) {
	var objectopacity = document.getElementById(whattofade).style;
	if (navigator.userAgent.indexOf("Firefox") != -1) {
		if (opacity == 100) { opacity = 99.999; }
	}
	objectopacity.filter = "alpha(opacity=" + targetopacity + ")";
	objectopacity.KhtmlOpacity = (targetopacity / 100); 
	objectopacity.MozOpacity = (targetopacity / 100);
	objectopacity.opacity = (targetopacity / 100);
}