/*******************************************************************************
 * Home page components
 *******************************************************************************/

jQuery(document).ready(function ($) {
	
	$.swapImage(".swapImage");

	var $panels = $('#slider .scrollContainer > div');
	var $container = $('#slider .scrollContainer');
	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 = $('#slider .scroll').css('overflow', 'hidden');

	$scroll
  		.before('')
  		.after('');

	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: 'img.left', 
  		next: 'img.right',
  		axis: 'xy',
  		onAfter: trigger,
  		offset: offset,
  		duration: 600,
  		easing: 'easeOutQuad'
	};

	$('#slider').serialScroll(scrollOptions);

	$.localScroll(scrollOptions);

	scrollOptions.duration = 1;
	$.localScroll.hash(scrollOptions);

});