//configure the below five variables to change the style of the feature

//configure the below five variables to change the style of the feature
var featuredelay='5000'; //delay between msg features. 3000=3 secondFeatures.
var featurewidth='136'
var featureheight='133';

//configure the below variable to change the contents of the feature
var started = 0;
var isStopped = 0;
var doneStopping = 0;
var featureForward = 1;
var topFeature;
var bottomFeature;

var features=new Array();
features[0]='<b>Sugared sodas</b><br>have no health benefits, and have been linked to weight gain.';
features[1]='<b>Sugar-free (diet) sodas</b><br>are calorie-free, but water is better for your health.';
features[2]='<b>Sports drinks</b><br>often have as many calories as sugared sodas. Water is a better choice.';
features[3]='<b>Coffee and tea</b><br>are fine, but only if you avoid loading up on cream and sugar.';

var ieFeature=document.all
var domFeature=document.getElementById

if (features.length>2)
	f=2
else
	f=0

function moveFeature1(whichFeatureLayer){
	flayer=eval(whichFeatureLayer)
	if (flayer.top>0&&flayer.top<=5){
		flayer.top=0
		setTimeout("moveFeature1(flayer)",featuredelay)
		setTimeout("moveFeature2(document.mainFeature.document.secondFeature)",featuredelay)
		return
	}
	if (flayer.top>=flayer.document.height*-1){
		flayer.top-=5
		setTimeout("moveFeature1(flayer)",50)
	}
	else{
		flayer.top=parseInt(featureheight)
		flayer.document.write('<span class="news_feature">'+features[f]+'</span>')
		flayer.document.close()
		if (f==features.length-1)
			f=0
		else
			f++
	}
}

function moveFeature2(whichFeatureLayer){
	flayer2=eval(whichFeatureLayer)
	if (flayer2.top>0&&flayer2.top<=5){
		flayer2.top=0
		setTimeout("moveFeature2(flayer2)",featuredelay)
		setTimeout("moveFeature1(document.mainFeature.document.firstFeature)",featuredelay)
		return
	}
	if (flayer2.top>=flayer2.document.height*-1){
		flayer2.top-=5
		setTimeout("moveFeature2(flayer2)",50)
	}
	else{
		flayer2.top=parseInt(featureheight)
		flayer2.document.write('<span class="news_feature">'+features[f]+'</span>')
		flayer2.document.close()
		if (f==features.length-1)
			f=0
		else
			f++
	}
}

function moveFeature3(whichFeature){
	fdiv=eval(whichFeature)
	if (parseInt(fdiv.style.top)>0&&parseInt(fdiv.style.top)<=5){
		fdiv.style.top=0+"px"
		if (isStopped == 1) {changeButton(1); return;}
		setTimeout("moveFeature3(fdiv)",featuredelay)
		setTimeout("moveFeature4(secondFeature2_obj)",featuredelay)
		return
	}
	if (parseInt(fdiv.style.top)>=fdiv.offsetHeight*-1){
		if (isStopped == 1 && parseInt(fdiv.style.top) == 0) {changeButton(1); return;}
		if (isStopped == 1 && parseInt(fdiv.style.top) == parseInt(featureheight)) {changeButton(1); return;}
		fdiv.style.top=parseInt(fdiv.style.top)-5+"px"
		setTimeout("moveFeature3(fdiv)",50)
	}
	else{
		fdiv.style.top=parseInt(featureheight)
		fdiv.innerHTML=features[f]
		featureStatus();
		if (f==features.length-1)
			f=0
		else
			f++
	}
}

function moveFeature4(whichFeature){
	fdiv2=eval(whichFeature)
	if (parseInt(fdiv2.style.top)>0&&parseInt(fdiv2.style.top)<=5){
		fdiv2.style.top=0+"px"
		if (isStopped == 1) {changeButton(1); return;}
		setTimeout("moveFeature4(fdiv2)",featuredelay)
		setTimeout("moveFeature3(firstFeature2_obj)",featuredelay)
		return
	}
	if (parseInt(fdiv2.style.top)>=fdiv2.offsetHeight*-1){
		if (isStopped == 1 && parseInt(fdiv2.style.top) == 0) {changeButton(1); return;}
		if (isStopped == 1 && parseInt(fdiv2.style.top) == parseInt(featureheight)) {changeButton(1); return;}
		fdiv2.style.top=parseInt(fdiv2.style.top)-5+"px"
		setTimeout("moveFeature4(secondFeature2_obj)",50)
	}
	else{
		fdiv2.style.top=parseInt(featureheight)
		fdiv2.innerHTML=features[f]
		featureStatus();
		if (f==features.length-1)
			f=0
		else
			f++
	}
}

function startFeatures(){
	// make sure function doesn't fun twice
	if (started != 0)
		return

	started++

	if (ieFeature||domFeature){
		firstFeature2_obj=ieFeature? firstFeature2 : document.getElementById("firstFeature2")
		secondFeature2_obj=ieFeature? secondFeature2 : document.getElementById("secondFeature2")
		moveFeature3(firstFeature2_obj)
		secondFeature2_obj.style.top=featureheight
		secondFeature2_obj.style.visibility='visible'
		changeButton(0);
		document.getElementById("featureStatus").innerHTML = '1 of ' + features.length;
	}
	else if (document.layers){
		document.mainFeature.visibility='show'
		moveFeature1(document.mainFeature.document.firstFeature)
		document.mainFeature.document.secondFeature.top=parseInt(featureheight)+5
		document.mainFeature.document.secondFeature.visibility='show'
	}
}

function featureStatus() {
	document.getElementById("featureStatus").innerHTML = (f==0?features.length:f) + ' of ' + features.length;
}

function stopfeature() {
	isStopped = 1;
	changeButton(2);
}

function restartFeatures() {
	if (isStopped == 0 ) {return;}
	isStopped = 0;
	if (featureForward == 0) {
		if (f==features.length-1) {
			f=1;
		} else if (f==features.length-2) {
			f=0;
		} else {
			f=i+2
		}
	}

	moveFeature3(firstFeature2_obj);
	moveFeature4(secondFeature2_obj);

	changeButton(0);
	featureForward = 1;
	doneStopping = 0;
}

function changeButton(what) {
	if (what==0) {
		document.getElementById("startstopFeature").innerHTML = '<a href="javascript:stopfeature();"><img src="../../includes/site_images/misc/hold.gif" name="hold" border="0" align="absmiddle" alt="Pause" onMouseOver="featureIconSwap(\'hold\',this,0);" onMouseOut="featureIconSwap(\'hold\',this,1);"></a>';
		document.getElementById("nextFeature").innerHTML = '<a href="javascript:nextfeature();"><img src="../../includes/site_images/misc/forward.gif" name="forward" border="0" align="absmiddle"  onMouseOver="featureIconSwap(\'forward\',this,0);" onMouseOut="featureIconSwap(\'forward\',this,1);"></a>';
		document.getElementById("backFeature").innerHTML = '<a href="javascript:backfeature();"><img src="../../includes/site_images/misc/back.gif" name="back" border="0" align="absmiddle"  onMouseOver="featureIconSwap(\'back\',this,0);" onMouseOut="featureIconSwap(\'back\',this,1);"></a>';
	} else if (what==1) {
		firstFeature2_top=parseInt(document.getElementById("firstFeature2").style.top)
		secondFeature2_top=parseInt(document.getElementById("secondFeature2").style.top)
		if ((firstFeature2_top != 0 && firstFeature2_top != parseInt(featureheight)) || (secondFeature2_top != 0 && secondFeature2_top != parseInt(featureheight))) {
			setTimeout("changeButton(1)",50)
			return;
		}
		document.getElementById("startstopFeature").innerHTML = '<a href="javascript:restartFeatures();"><img src="../../includes/site_images/misc/scroll.gif" name="feature" border="0" align="absmiddle" alt="Resume feature" onMouseOver="featureIconSwap(\'scroll\',this,0);" onMouseOut="featureIconSwap(\'scroll\',this,1);"></a>';
		document.getElementById("nextFeature").innerHTML = '<a href="javascript:nextfeature();"><img src="../../includes/site_images/misc/forward.gif" name="forward" border="0" align="absmiddle" onMouseOver="featureIconSwap(\'forward\',this,0);" onMouseOut="featureIconSwap(\'forward\',this,1);"></a>';
		document.getElementById("backFeature").innerHTML = '<a href="javascript:backfeature();"><img src="../../includes/site_images/misc/back.gif" name="back" border="0" align="absmiddle" onMouseOver="featureIconSwap(\'back\',this,0);" onMouseOut="featureIconSwap(\'back\',this,1);"></a>';
		doneStopping = 1;
	} else if (what==2) {
		document.getElementById("startstopFeature").innerHTML = '<img src="../../includes/site_images/misc/wait.gif" border="0" align="absmiddle" alt="Please Wait...">';
		document.getElementById("nextFeature").innerHTML = '<img src="../../includes/site_images/misc/forward.gif" name="forward" border="0" align="absmiddle" >';
		document.getElementById("backFeature").innerHTML = '<img src="../../includes/site_images/misc/back.gif" name="back" border="0" align="absmiddle" >';
	}
}

function nextfeature() {
if (isStopped == 0) {	stopfeature(); }
	if (doneStopping == 0) {
		setTimeout("nextfeature()",50)
		return;
	}
	if (parseInt(document.getElementById("firstFeature2").style.top)==0) {
		topLayer = document.getElementById("firstFeature2");
		bottomLayer = document.getElementById("secondFeature2");
	} else {
		bottomLayer = document.getElementById("firstFeature2");
		topLayer = document.getElementById("secondFeature2");
	}
	if (featureForward == 0) {
		if (f==features.length-1) {
			f=1;
		} else if (f==features.length-2) {
			f=0;
		} else {
			f=f+2
		}
	}
	eval(topLayer).innerHTML = (f==0?features[features.length-1]:features[f-1]);
	eval(bottomLayer).innerHTML = features[f];
	featureStatus();
	featureForward = 1;
	if (f==features.length-1) {
		f=0;
	} else {
		f++;
	}
}

function backfeature() {
if (isStopped == 0) {	stopfeature(); }
	if (doneStopping == 0) {
		setTimeout("backfeature()",50)
		return;
	}
	if (parseInt(document.getElementById("firstFeature2").style.top)==0) {
		topLayer = document.getElementById("firstFeature2");
		bottomLayer = document.getElementById("secondFeature2");
	} else {
		bottomLayer = document.getElementById("firstFeature2");
		topLayer = document.getElementById("secondFeature2");
	}
	if (featureForward == 1) {
		if (f==0) {
			f=features.length-2;
		} else if (f==1) {
			f=features.length-1;
		} else {
			f=f-2
		}
	}
	eval(topLayer).innerHTML = (f==0?features[features.length-1]:features[f-1]);
	eval(bottomLayer).innerHTML = features[f];
	featureStatus();
	featureForward = 0;
	if (f==0) {
		f=features.length-1;
	} else {
		f--;
	}
}

function featureIconSwap(iconImg, what, which) {
	var imgPath = "../../includes/site_images/misc/";
	if (which == 0) {
		what.src = imgPath + iconImg + "_over.gif";
	} else {
		what.src = imgPath + iconImg + ".gif";
	}
}
document.write('<ilayer id="mainFeature" width='+featurewidth+' height='+featureheight+' visibility=hide> <layer id="firstFeature" left=0 top=1 width='+featurewidth+'>');
       
if (document.layers){
	document.write('<span class="news_feature">'+features[0]+'</span>');
}
document.write('</layer><layer id="secondFeature" left=0 top=0 width='+featurewidth+' visibility=hide>');
if (document.layers){
	document.write('<span class="news_feature">'+features[dynfeature=(features.length==1)? 0 : 1]+'</span>')
}
document.write('</layer></ilayer>');
if (ieFeature||domFeature){
	document.writeln('<div id="mainFeature2" style="position:relative;width:'+featurewidth+'px;height:'+featureheight+'px;overflow:hidden;">')
	document.writeln('<div style="position:absolute;width:'+featurewidth+'px;height:'+featureheight+'px;clip:rect(0 '+featurewidth+' '+featureheight+' 0);left:0px;top:0px">')
	document.writeln('<div id="firstFeature2" style="position:absolute;width:'+featurewidth+'px;left:0px;top:1px;">')
	document.write('<span class="news_feature">'+features[0]+'</span>')
	document.writeln('</div>')
	document.writeln('<div id="secondFeature2" style="position:absolute;width:'+featurewidth+'px;left:0px;top:0px;visibility:hidden">')
	document.write('<span class="news_feature">'+features[dynfeature=(features.length==1)? 0 : 1]+'</span>')
	document.writeln('</div>')
	document.writeln('</div>')
	document.writeln('</div>')
}
if(window.onload){
	var temp_f=window.onload;
	window.onload=function(){
		temp_f();
		startFeatures();
	}
}else{
	window.onload=function(){
		startFeatures();
	}
}
MM_preloadImages("../../includes/site_images/misc/wait_over.gif","../../includes/site_images/misc/forward_over.gif","../../includes/site_images/misc/back_over.gif","../../includes/site_images/misc/scroll_over.gif","../../includes/site_images/misc/hold_over.gif");