function goCycle() { var current = $('#cycle div.on'); if (!current) { current = $('#cycle div:first'); } if (!(current.hasClass('on') && current.hasClass('CycleStop'))) { var next = current.next(); if (!next.length || next.hasClass('on')) { next = $('#cycle div:first'); } next.animate({opacity: 1.0}, 4000).addClass('on'); current.animate({opacity: 0.0}, 4000).removeClass('on'); } }; function Cycle() { $('#cycle div').css({opacity: 0.0}); $('#cycle div:first').css({opacity: 1.0}); setInterval('goCycle()',10000); }; $(document).ready(function(){ /* Cycle(); $("#cycle div.on").live({ mouseenter: function(){$(this).addClass('CycleStop');}, mouseleave: function(){$(this).removeClass('CycleStop');} }); */ });