//FadeShow by Jon Bartosch
//list of images that fade...
		var browserType;
		var currOpacity = 100;
		var currImage = 0;
		var lastImage = 0;
		var fadeInterval;
		
		var aryImages = new Array(4);
		aryImages[0] = "mainPic.jpg";
		aryImages[1] = "mainPic01.jpg";
		aryImages[2] = "mainPic03.jpg";
		aryImages[3] = "mainPic04.jpg";
		
		function fadeShow()
		{
			//determine if we need to change images or fade
			if (currOpacity <= 0)
			{	
				lastImage = currImage;
				currImage++;
				if(currImage >= aryImages.length)
					currImage = 0;
					
				currOpacity = 100;
				
				if (browserType=="mozilla")
					fadeImgObj.style.MozOpacity=1;
				else if (browserType=="ie")
					fadeImgObj.style.filter="alpha(style=0, opacity=" + 100 + "\")";
					
				fadeImgObj.src = aryImages[ lastImage ];
				
				document.getElementById("mainPic").style.backgroundImage = "url('" + aryImages[ currImage ] + "')";
				
				clearInterval( fadeInterval );
				setTimeout("startFadeShow()", 2000);
			
			}
			else
			{
				currOpacity -= 5;
				
				if (browserType=="mozilla")
					fadeImgObj.style.MozOpacity = currOpacity / 100;
				else if (browserType=="ie")
					fadeImgObj.style.filter="alpha(style=0, opacity=" + currOpacity + "\")";
			}
			
		
		}
		
		function startFadeShow()
		{
			
			fadeImgObj=document.getElementById("flipPicture");
			browserType=fadeImgObj.filters? "ie" : typeof fadeImgObj.style.MozOpacity=="string"? "mozilla" : "";
			
			if (browserType=="mozilla")
				fadeImgObj.style.MozOpacity=currOpacity/100;
			else if (browserType=="ie")
				fadeImgObj.style.filter="alpha(style=0, opacity=" + currOpacity + "\")";
				
			fadeInterval = setInterval("fadeShow()", 50);
		}
	//end script