$(document).ready(function () {
  $('div.imagefield-gallery-scrollbox').each(function() {
    $('div.preview-display', this).css({ backgroundImage: 'url("' + $('div.thumbnail-browser', this).children().children().attr('href') + '")', backgroundPosition: 'center', backgroundRepeat: 'no-repeat'});
    $('div.title-box', this).html($('div.thumbnail-browser', this).children().children().children().attr('title'));
    $('div.thumbnail-browser', this).width(($('div.thumbnail', this).width()+15)*$('div.thumbnail', this).length/2);
    $('div.thumbnail a', this).click(function() {
      $('div.preview-display', this).css({ backgroundImage: 'url("' + $(this).attr('href') + '")', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', display: 'none'}).fadeIn('slow');
      $('div.title-box', this).html($(this).children().attr('title'));
      return false;
    });
    $('div.thumbnail-browser', this).offset();
    $('div.nav a.left', this).click(function(){ 
      $('div.thumbnail-browser', this).animate({left: '+='+($('div.thumbnail', this).width())}, 500);
      return false;                                                                               
    });                                                                                           
    $('div.nav a.right', this).click(function(){                                                        
      $('div.thumbnail-browser', this).animate({left: '-='+($('div.thumbnail', this).width())}, 500);
      return false;
    });
  });
});