// OnTarget Nutrtion
// Content rotator 
// Alan Caldwell
// And we don't need to use jquery for simple programming...

var curPanel=0;
var t; 
var p;
var newOpacity = 1
var fadeDir = "OUT"
var delay = 7000;
var speed = 250
var endTime;
var perDone = 1.0; 
var imgTimer
var viewerDiv
var panes
 
function fade()
{
	
	var tick = new Date().getTime();
	 
  	var perDone =  1 - ( (endTime - tick)/(speed));
 	    
	if (fadeDir == "IN"){ //fading in
		newOpacity = (perDone )
	}else if(fadeDir == "OUT"){ //fade out
		newOpacity = (1 - perDone  )
	}else{ //waiting
		//fadeDir = "WAIT"
	}
	  
	 viewerDiv.style.opacity = newOpacity;
	//IE fix
	//viewerDiv.style.filter = 'alpha(opacity = ' + (newOpacity*100) + ')';
  if (perDone >= 1 && fadeDir == "OUT"){ 
	perDone = 1
	nextPanel()
	fadeDir = "IN"
	
	endTime = tick  + speed
	
 }else if( perDone >= 1 && fadeDir == "IN" ){
	fadeDir = "OUT" //prep for next fade out
	endTime = tick  + speed + delay 
	//clearTimeout(F)
	t = setTimeout(fade,delay) 
	 //IE fix
	viewerDiv.style.opacity = 1;
	//viewerDiv.style.filter = 'alpha(opacity = 100)';
	 
	return;
 }

t=setTimeout(fade,20) 
}

function status() {
	/*var tick = new Date().getTime() 
	var perTimeLeft =(( (endTime-tick - speed)  ) / (delay )) 
	if (perTimeLeft<0) perTimeLeft =0
	if (perTimeLeft >1) perTimeLeft =1
	 
	 imgTimer.width = ((1-perTimeLeft) * 250)
	 if(fadeDir == 1) imgTimer.width = 0 //don't show fade out status
	 p = setTimeout("status()",10);
	 */
}

function jump(p){
	curPanel = p
	fadeDir = "OUT"
	newOpacity = 1
	
	var tick = new Date().getTime();
	endTime = tick  + speed + delay 
	viewerDiv.innerHTML = panes[curPanel].innerHTML
	 
	updateNav()
	curPanel++
	if(curPanel >= panes.length) curPanel = 0
}
function nextPanel()
{
		updateNav()
	viewerDiv.innerHTML = panes[curPanel].innerHTML 
	curPanel++
	if(curPanel >= panes.length) curPanel = 0

}

function updateNav(){
for (i=0;i<5;i++){
		document["r_dot_" + i].src = "images/r_dot.png"
	}
	

	 document["r_dot_" + curPanel].src = "images/r_dot_on.png"	
}
function pause(){
	clearTimeout(t) 
	//clearTimeout(p)
	document["r_state"].src = "images/r_paused.png"	
}
function resume() {
	t=setTimeout("fade()",delay); 
	 //p = setTimeout("status()",50);
	document["r_state"].src ="images/r_playing.png"	
}

//run


viewerDiv = document.getElementById('r_viewer_div');
//imgTimer = document.getElementById("r_timer_img")
panes=document.getElementsByName('r_hidden_content_section')
//panes=document.getElementsByClassName('r_hidden_content_section');
 endTime = new Date().getTime() + speed + delay
//p = setTimeout("status()",10);
fadeDir = "OUT"
t=setTimeout("fade()",delay);
 nextPanel() // first panel on page load