jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
    return -c * ((t=t/d-1)*t*t*t - 1) + b;
};

  $j(document).ready(function() {

    var ulwidth = 0;
    var imgs = 0;
    $j('#headerImages ul li img').each(function() {
      imgs = imgs + 1;
      ulwidth += $j(this).attr('width');
    });
    $j('#headerImages ul').css('width',ulwidth);

    var prev = $j('#slide-prev'), next = $j('#slide-next');

    var pane = $j('#headerImages'), //the item being scrolled
    items = pane.find('li');//the items, don't need to be LI

    pane.serialScroll({
        items : items,
        prev : prev,
        next : next,
        offset:-2,
        duration:2000,
        interval : 4000,
        easing: 'linear',
        axis : 'x',
        force: true,
        lock: false,
        stop: true,
        constant: false,
        onBefore:function( e, elem, pane, items, pos ){
          prev.add(next).show();
          if( pos == 0 )
            prev.hide();
          else if( pos == items.length-1 )
            next.hide();
        }
    });


  });