// Content rotation with fade in.  -jess t.
var Pic = new Array(); 
Pic[0]  = '<a href="http://www.stroller.com/baby-jogger-strollers.html" title="Baby Jogger Strollers"><img border="0" src="/lib/yhst-69518535304589/baby-jogger-ad.jpg" width="576" height="276"></a>';
Pic[1]  = '<a href="http://www.stroller.com/jeep-strollers.html" title="Jeep Strollers"><img border="0" src="/lib/yhst-69518535304589/jeep-ad.jpg" width="576" height="276"></a>';
Pic[2]  = '<a href="http://www.stroller.com/kolcraft-strollers.html" title="Kolcraft Strollers"><img border="0" src="/lib/yhst-69518535304589/kolcraft-ad.jpg" width="576" height="276"></a>';
Pic[3]  = '<a href="http://www.stroller.com/zooper-strollers.html" title="Zooper Strollers"><img border="0" src="/lib/yhst-69518535304589/Zooper-Large-Ad.jpg" width="576" height="276"></a>';
Pic[4]  = '<a href="http://www.stroller.com/quinny-strollers.html" title="Quinny Strollers"><img border="0" src="/lib/yhst-69518535304589/Quiny-Large-Ad.jpg" width="576" height="276"></a>';
Pic[5]  = '<a href="http://www.stroller.com/strollers-foundations.html" title="Foundations Strollers"><img border="0" src="/lib/yhst-69518535304589/foundations-feature.jpg" width="576" height="276"></a>';
Pic[6]  = '<a href="http://www.stroller.com/britax-travel-system.html" title="Britax Stroller and Car Seat Travel System"><img border="0" src="/lib/yhst-69518535304589/Britax-Large-Ad.gif" width="576" height="276"></a>';
Pic[7]  = '<a href="http://www.stroller.com/tike-tech-strollers.html" title="Tike Tech Strollers"><img border="0" src="/lib/yhst-69518535304589/tike-tech-feature.jpg" width="576" height="276"></a>';
Pic[8]  = '<a href="http://www.stroller.com/trends-kids-strollers.html" title="Trens For Kids Strollers"><img border="0" src="/lib/yhst-69518535304589/TrendsForKids.jpg" width="576" height="276"></a>';
Pic[9]  = '<a href="http://www.stroller.com/joovy-caboose-tandem-sit-stand-strollers.html" title="Learning Curve Strollers, Boosters, and Car Seats."><img border="0" src="/lib/yhst-69518535304589/joovy-large.jpg" width="576" height="276"></a>';
Pic[10]  = '<a href="http://www.stroller.com/learning-curve.html" title="Learning Curve Strollers, Boosters, and Car Seats."><img border="0" src="/lib/yhst-69518535304589/Learning-Curve-Large-Ad.jpg" width="576" height="276"></a>';

 //  add items to rotate to this array.  Simply increment the number as necessary.
var c=0;  //loop counter
var t, f, fc;
var numpics=Pic.length;  // determines number of pictures in array.  Value is used to reset the rotation loop
var delayinterval=10000;  // set delay in milliseconds for content rotations
var fadeinterval=1000;  // fade in length of time in milliseconds

	function GoRotate (){
		  document.getElementById("rdiv").innerHTML = Pic[c];
		  c=c+1;
		  fc=0;
    	  doFade(0);  // call the fade in for the new content
		  t=setTimeout("GoRotate()",delayinterval);
		  if (c > numpics-1) c=0;	}

	function doFade(opac) {
		  document.getElementById("rdiv").style.opacity = opac/100;
		  fc=fc+1;
		  if (fc < 99) f=setTimeout("doFade(fc)",fadeinterval/100); 
		}

