function slideshow() { var i = 0; this_slide = 1; next_slide = 2; fade(this_slide, next_slide); } function fade(this_slide, next_slide) { // if next slide doesn't exist, start over var follow_slide = next_slide + 1; if (!slides[follow_slide]) { follow_slide = 1; } // fade slide in fadeIn(slides[this_slide]); // set the fadeout var fadeOut = 'fadeOut("'+slides[this_slide]+'")'; var tfadeOut = setTimeout(fadeOut, 4000); var fade = 'fade('+next_slide+', '+follow_slide+')'; var tfade = setTimeout('fade('+next_slide+', '+follow_slide+')', 5500); } function fadeIn(slide) { document.getElementById(slide).style.display = 'block'; YAHOO.example.init = function() { var anim = new YAHOO.util.Anim(slide, { opacity: { to: 1 } }, 1, YAHOO.util.Easing.easeIn); anim.animate(); }; YAHOO.util.Event.onAvailable(slide, YAHOO.example.init); } function fadeOut(slide) { YAHOO.example.init = function() { var anim = new YAHOO.util.Anim(slide, { opacity: { to: 0 } }, 1, YAHOO.util.Easing.easeOut); anim.animate(); }; YAHOO.util.Event.onAvailable(slide, YAHOO.example.init); }