//tracking var
var lastImg = 1;

//image variables
var imgSpacer = new Image();
imgSpacer.src = "img/Home_Feat_Blank.gif";

var aryFeatImgs = new Array();
var aryLinks = new Array();

var imgFeat1 = new Image();
imgFeat1.src = "img/Home_Feat_Coffee2.jpg";
aryFeatImgs[1] = imgFeat1;
aryLinks[1] = "gatherWhere.php";

var imgFeat2 = new Image();
imgFeat2.src = "img/Home_Feat_SocialStones.jpg";
aryFeatImgs[2] = imgFeat1;
aryLinks[2] = "contact.php";

var imgFeat3 = new Image();
imgFeat3.src = "img/Home_Feat_MikeQ.jpg";
aryFeatImgs[3] = imgFeat3;
aryLinks[3] = "http://www.mikeqdaniel.com/";


function startFade() {
	var isIE = ( navigator.appName == 'Microsoft Internet Explorer' ) ? true : false;

	//now fade in image
	if ( isIE ) {
		fadeHomeFeatIE();			
	} else {
		fadeHomeFeat(-1, 100, true);
	}
}
	
function fadeHomeFeatIE() {
	if (document.getElementById('imgHomeFeat')) {
		//get a reference to the next image and link, based on id
		var imgL = document.getElementById('imgHomeFeat');
		var aL = document.getElementById('aHomeFeat');
		
		//set the filter
		imgL.style.filter = "progid:DXImageTransform.Microsoft.Fade('duration=2')";
		
		if (imgL.filters) {
			imgL.filters[0].apply();
			
			//if the src is the spacer, image is faded out, 
			//so change to next image to fade in
			if (imgL.src == imgSpacer.src) {
				if (lastImg < aryFeatImgs.length) {
					imgL.src = eval('imgFeat' + lastImg + '.src');
					aL.href = aryLinks[lastImg];
					lastImg++;
				} else {
					imgL.src = imgFeat1.src;
					aL.href = aryLinks[1];
					lastImg = 2;
				}
			} else {
				imgL.src = imgSpacer.src;
			}
				
			//run the filter
			imgL.filters[0].play();
		}

		//if we have more logos than placeholders, we will do fading	
		if ( aryFeatImgs.length > 1) {
			
			//set this image to fade in/out again
			if (imgL.src == imgSpacer.src) {
				window.setTimeout('fadeHomeFeatIE()', 1000);
			} else {
				window.setTimeout('fadeHomeFeatIE()', 6000);
			}
		}
	}
}


function fadeHomeFeat(dir, opac, boolLoad) {
	if (document.getElementById('imgHomeFeat')) {
		var timeWait = 50;
			
		//get a reference to the next image and link, based on id
		var imgL = document.getElementById('imgHomeFeat');
		var aL = document.getElementById('aHomeFeat');

		//set the opacity
		setOpacity(imgL, opac);

		//if opac = 0 (trans), load new image
		if (opac == 0 || boolLoad) {
			if (lastImg < aryFeatImgs.length) {
				imgL.src = eval('imgFeat' + lastImg + '.src');
				aL.href = aryLinks[lastImg];
				lastImg++;
			} else {
				imgL.src = imgFeat1.src;
				aL.href = aryLinks[1];
				lastImg = 2;
			}
		}
			
		//if reached opaq. or trans, change direction of fade
		if (opac == 100) {
			timeWait = 5000;
			dir = -1;
		} else if (opac == 0) {
			dir = 1;
		}
			
		var nextOpac = opac + (dir * 5);
			
		//if we have more logos than placeholders, we will do fading		
		if ( aryFeatImgs.length > 1) {
			window.setTimeout('fadeHomeFeat(' + dir + ',' + nextOpac + ',false)', timeWait);
		}
	} 
}

function setOpacity(obj, opacity) {
		//prevent Moz flicker
		opacity = (opacity == 100)?99.999:opacity;
	  
		// older IE/Win
		obj.style.filter = 'alpha(opacity:' + opacity + ')';
	  
		// Safari&lt;1.2, Konqueror
		obj.style.KHTMLOpacity = opacity/100;
	  
		// Older Mozilla and Firefox
		obj.style.MozOpacity = opacity/100;
	  
		// Safari 1.2, newer IE, Firefox and Mozilla, CSS3
		obj.style.opacity = opacity/100;
}