$(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('<span class="scrollButtons left">«</span>')
	  .after('<span class="scrollButtons right">»</span>');
	function selectNav() {
	  $(this)
	    .parents('ul:first')
	      .find('a')
	        .removeClass('selected')
	      .end()
	    .end()
	    .addClass('selected');
	}

	$('#slider .navigation').find('a').click(selectNav);

	function trigger(data) {
	  var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
	  selectNav.call(el);
	}

	if (window.location.hash) {
	  trigger({ id : window.location.hash.substr(1) });
	} else {
	  $('ul.navigation a:first').click();
	}

	var offset = parseInt((horizontal ? 
	  $container.css('paddingTop') : 
	  $container.css('paddingLeft')) 
	  || 0) * -1;

	var scrollOptions = {
	  target: $scroll, 
	  items: $panels,
	  navigation: '.navigation a',
	  prev: 'span.left', 
	  next: 'span.right',
	  axis: 'xy',
	  onAfter: trigger,  
	  offset: offset,  
	  duration: 1000,
	  easing: 'easeInOutCubic'
	};

	$('#slider').serialScroll(scrollOptions);
	$.localScroll(scrollOptions);
	scrollOptions.duration = 1;
	$.localScroll.hash(scrollOptions);
});