$(document).ready(function() {
  
  
  	var $panels = $('#slider .panel');
	var $container = $('#scroll-container');
	var $scroll = $('#scroll').css('overflow','hidden'); 

	$panels.each(function(){
	if ($(this).height() > 525) {
		$(this).addClass("tall");
	}
	});

	
	function selectNav() {
	$(this).parents('ul:first').find('li').removeClass('selected').end().end().parent('li').addClass('selected');
  $(this)
	.parents('ul:first')
	  .find('a')
		.removeClass('selected')
	  .end()
	.end()
	.addClass('selected');
	
}
	
	
	$('#slider ul#lower-nav a').click(selectNav);
	
	function trigger(data) {
	  // within the .navigation element, find the A element
	  // whose href ends with ID ($= is ends with)
	  var el = $('#slider ul#lower-nav').find('a[href$="' + data.id + '"]').get(0);

	  // were passing the actual element, and not the jQuery instance.
	  selectNav.call(el);
	}

	if (window.location.hash) {
  		trigger({ id : window.location.hash.substr(1)});
	} else {
  		$('#slider ul#lower-nav a:first').click();
	}

	var scrollOptions = {
		target: $scroll,
		items: $panels,
		navigation: '#lower-nav a',
		prev: '',
		next: '',
		axis: 'x',
		onAfter: trigger,
		duration: 325,
		easing: 'swing',
		force: true
	};
	
	$('#slider').serialScroll(scrollOptions);
	
	$.localScroll(scrollOptions);
	

	scrollOptions.duration = 1;
	$.localScroll.hash(scrollOptions);
	
	
	
	
	Cufon.replace('h1');
	Cufon.now();
	
	
	var sideHeight = $('#inner-wrap').height() + 5;
	$('.side').css('height', sideHeight);






 });