$(document).ready(function () {  var $panels = $('#slider .scrollContainer > div'); var $container = $('#slider .scrollContainer');  var horizontal = true;  if (horizontal) {   $panels.css({     'float' : 'left',     'position' : 'relative'    });      $container.css('width', $panels[0].offsetWidth * $panels.length); }  var $scroll = $('#slider .scroll').css('overflow', 'hidden');  $scroll   .before('<img class="scrollButtons left" src="/images/arrows-left.png" />')   .after('<img class="scrollButtons right" src="/images/arrows-right.png" />');  function selectNav() {   $(this)     .parents('ul:first')       .find('a')         .removeClass('selected')       .end()     .end()     .addClass('selected'); }  $('#slider #slider-nav').find('a').click(selectNav);  function trigger(data) {   var el = $('#slider #slider-nav').find('a[href$="' + data.id + '"]').get(0);   selectNav.call(el); }  if (window.location.hash) {   trigger({ id : window.location.hash.substr(1) }); } else {   $('ul#slider-nav a:first').click(); }  var offset = parseInt((horizontal ?    $container.css('paddingTop') :    $container.css('paddingLeft'))    || 0) * -1;   var scrollOptions = {   target: $scroll,       items: $panels,      navigation: '#slider-nav a',      prev: 'img.left',    next: 'img.right',      axis: 'xy',      onAfter: trigger,      offset: offset,      duration: 500,      easing: 'swing' };  $('#slider').serialScroll(scrollOptions);  scrollOptions.duration = 1; $.localScroll.hash(scrollOptions);  });