var items;
var curritem=0;
var iPause=0;


$(document).ready(function(){
  var tickerSelector = "ul#ref_rotator li";
  items = $(tickerSelector).hide().hover(
    function(){
      $(this).addClass("hovered");
      iPause=1;
    },
    function(){
      $(this).removeClass("hovered");
      iPause=0;
    }
    ).filter(":eq(0)").show().add(tickerSelector).size();
  setInterval(tickrefs,4000); //time in milliseconds
});


function tickrefs() {
  if (iPause==0){
    $("#ref_rotator li:eq("+curritem+")").fadeOut("slow",function(){
      $(this).hide();
    });
    curritem = ++curritem%items;
    $("#ref_rotator li:eq("+curritem+")").fadeIn("slow");
  }
}