//for fade images

function fade(fadeimages,fadetime,numframes,pause,bgimage,fgimage,bg,fg,opacity) {
	if (fadeimages.length >= 2) {
		var imagestring = "Array(";
		for (i=0;i<fadeimages.length;i++) {
			imagestring += "'"+fadeimages[i]+"',";
		}
		imagestring = imagestring.substr(0,imagestring.length-1) + ")";
		if (opacity>=100) {
			//alert (opacity);
			bg = fg;
			if (fg == fadeimages.length-1)
				fg = 0;
			else
				fg++;
			document.getElementById(bgimage).src = fadeimages[bg];
			document.getElementById(fgimage).src = fadeimages[fg];
			opacity = 0;
			if (document.all)
				document.getElementById(fgimage).style.filter = "alpha(opacity="+opacity+")";
			else
				document.getElementById(fgimage).style.MozOpacity = opacity+"%";
			setTimeout("pausefade("+imagestring+","+fadetime+","+numframes+","+pause+",'"+bgimage+"','"+fgimage+"',"+bg+","+fg+","+opacity+");",fadetime/numframes);
		} else {
			//alert (opacity);
			if (document.all)
				document.getElementById(fgimage).style.filter = "alpha(opacity="+opacity+")";
			else
				document.getElementById(fgimage).style.MozOpacity = opacity+"%";
			opacity += 100/numframes;
			setTimeout("fade("+imagestring+","+fadetime+","+numframes+","+pause+",'"+bgimage+"','"+fgimage+"',"+bg+","+fg+","+opacity+");",fadetime/numframes);
		}
	}
}

function pausefade(fadeimages,fadetime,numframes,pause,bgimage,fgimage,bg,fg,opacity) {
	var imagestring = "Array(";
	for (i=0;i<fadeimages.length;i++) {
		imagestring += "'"+fadeimages[i]+"',";
	}
	imagestring = imagestring.substr(0,imagestring.length-1) + ")";
	setTimeout("fade("+imagestring+","+fadetime+","+numframes+","+pause+",'"+bgimage+"','"+fgimage+"',"+bg+","+fg+","+opacity+");", pause);
}
					//controllers

var fadeimages = Array("images/drills/jobberdrill.jpg","images/drills/stubdrill.jpg","images/drills/double-enddrill.jpg","images/drills/spottingdrill.jpg","images/drills/longdrill.jpg","images/drills/extralongdrill.jpg","images/drills/taper-standarddrill.jpg","images/drills/taper-longdrill.jpg","images/drills/taper-extralongdrill.jpg","images/drills/coredrill.jpg"); //add new images here
var fadetime = 1000 * 1;
var numframes = 20; // how detailed the transition is ; not 0;higher number = smoother transition
var pause = 1000 * 2; //how long image stays static
var imagearray = Array(fadeimages.length);
for (i=0;i<fadeimages.length;i++) {
	imagearray[i] = new Image();
	imagearray[i].src = fadeimages[i];
}