/* marquee.js Marquee functionality used by alert messages on overview pages. :AUTHOR: James Green :CREATED: November 17, 2008 :UPDATED: JG 11/17/2008 - Initial setup. :DEPENDENCIES: /lib/jquery-1.2.6.js */ var mqCount; var mqInterval; var mqCurrent = 0; var mqOld = 0; var t; var l = $("#marquee").width() - $("#marquee li").width() - 5; function rotate() { mqCurrent = (mqOld + 1) % mqCount; $("#marquee li:eq(" + mqOld + ")").animate({top: -40},"slow", function() { $(this).css({top:40,left:5}); }); $("#marquee li:eq(" + mqCurrent + ")").animate({top: 2},"slow"); mqOld = mqCurrent; } $(document).ready(function(){ mqCount = $("#marquee li").size(); var o = $("#marquee li:eq("+mqCurrent+")"); $(o).css('top','2px'); if (mqCount>1) { mqInterval = setInterval(rotate,5000); //time in milliseconds $('#marquee').hover(function() { clearInterval(mqInterval); }, function() { mqInterval = setInterval(rotate,5000); //time in milliseconds rotate(); }); } });