// JavaScript Document
jQuery(document).ready(function(){
jQuery("#rollmain").hover( function(){ jQuery("#roll").slideDown(300); }, function(){ jQuery("#roll").slideUp(300); } );
});
  var current_frame = 1;

  function roll(image_id, path, num_images){
   rolling = image_id;
   doRoll(image_id, path, num_images);
  }

  function out(){
   rolling = 0;
   current_frame = 1;
  }

  function doRoll(image_id, path, num_images){
   if(rolling == image_id){
    objImage = new Image();
    objImage.src = path + current_frame + '.jpg';
    if(objImage.complete){
     current_frame = current_frame == num_images ? 1 : current_frame + 1;
     document.getElementById('thumb-' + image_id).src = objImage.src;
    }
    setTimeout("doRoll('" + image_id + "', '" + path + "', '" + num_images + "')", 500);
   }
  }