var imagehidden=1;
var texthidden=1;
var imagefadetime=3000;
var textfadetime=1000;
var additionalwaittime=1000;

var numfadepics=16;
var currentfadepic=15;
var fadepics = new Array(numfadepics);

var numfadetext=16;
var currentfadetext=15;
var fadetext = new Array(numfadetext);

fadepics[0]="images/polevault.jpg";       
fadepics[1]="images/drinking.jpg";         
fadepics[2]="images/capsules.jpg";            
fadepics[3]="images/hurdle.jpg";           
fadepics[4]="images/wrestling.jpg";        
fadepics[5]="images/drinking.jpg";       
fadepics[6]="images/protein.jpg";             
fadepics[7]="images/butterfly.jpg";        
fadepics[8]="images/gym.jpg";              
fadepics[9]="images/drinking.jpg";         
fadepics[10]="images/amino.jpg";              
fadepics[11]="images/running.jpg";         
fadepics[12]="images/football.jpg";        
fadepics[13]="images/drinking.jpg";      
fadepics[14]="images/capsules.jpg";           
fadepics[15]="images/basketball.jpg";      

fadetext[0]="images/performance.gif";
fadetext[1]="images/rehydrate.gif";
fadetext[2]="images/recovery.gif";
fadetext[3]="images/phenom.gif";
fadetext[4]="images/performance.gif";
fadetext[5]="images/rehydrate.gif";
fadetext[6]="images/recovery.gif";
fadetext[7]="images/phenom.gif";
fadetext[8]="images/performance.gif";
fadetext[9]="images/rehydrate.gif";
fadetext[10]="images/recovery.gif";
fadetext[11]="images/phenom.gif";
fadetext[12]="images/performance.gif";
fadetext[13]="images/rehydrate.gif";
fadetext[14]="images/recovery.gif";
fadetext[15]="images/phenom.gif";



function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);	
	object.KhtmlOpacity = (opacity / 100);	
	object.filter = "alpha(opacity=" + opacity + ")";
}

function fadeloop() {
	//alert("made it into fadeloop;  imagehidden=" + imagehidden);
	var fadingImageObject=document.getElementById("fadingimage");
	if(imagehidden==1) {
		currentfadepic++;
		currentfadetext++;
		if(currentfadepic>(numfadepics-1)) currentfadepic=0;
		if(currentfadetext>(numfadetext-1)) currentfadetext=0;
		fadingImageObject.src=fadepics[currentfadepic];
		opacity('fadingimageholder',0,100,imagefadetime);
		setTimeout("switchtext(currentfadetext)",imagefadetime+additionalwaittime);
		imagehidden=0;
	}
	else if(imagehidden==0) {
		opacity('fadingimageholder',100,0,imagefadetime);
		setTimeout("opacity('fadingtextholder',100,0,textfadetime)",imagefadetime+additionalwaittime);
		imagehidden=1;
    }
	delaytime=imagefadetime + textfadetime + additionalwaittime;
	setTimeout("fadeloop()", delaytime);
}
	
function switchtext(currentfadetext){
	var fadingTextObject=document.getElementById("fadingtext");
	fadingTextObject.src=fadetext[currentfadetext];
	opacity('fadingtextholder',0,100,textfadetime);
}