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

		});