$(document).ready(function () {
	
	var horizontal = true;
	
	var $panels = $('#slider .panel');
	var $container = $('#slider .scrollContainer');
	var $scroll = $('#slider .scroll').css('overflow', 'hidden');
	
	$scroll
        .before('<img class="scrollButtons left" src="http://terry.no/site/wp-content/themes/terry/images/slide_left.gif" />')
        .after('<img class="scrollButtons right" src="http://terry.no/site/wp-content/themes/terry/images/slide_right.gif" />');
    
    if (horizontal) {
    	$panels.css({
    		'float' : 'left',
    		'position' : 'relative'});    
    
    
     $container.css('width', $panels[0].offsetWidth * $panels.length);
    } 
    
    $('#slider .nav a').click(selectNav);
    
    function selectNav(){
	$(this)
		.parents('ul:first')
			.find('a')
				.removeClass('selected')
			.end()
		.end()
		.addClass('selected');
    }
    
    var scrollOptions = {
    	target: $scroll,
    	items: $panels,
    	navigation: '.nav a',
    	prev: 'img.left',
    	next: 'img.right',
    	axis: 'xy',
    	onAfter: trigger,
		offset: offset,
		duration: 600,   
    	easing: 'swing'
};
    	
    function trigger(data){
    var el = $('#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.nav a:first').click();
}
    	
    var offset = parseInt((horizontal ? 
  		$container.css('paddingTop') : 
  		$container.css('paddingLeft')) 
  		|| -0) * -1;	
    	
	 $('#slider').serialScroll(scrollOptions);
	 $.localScroll(scrollOptions);
	 
	scrollOptions.duration = 1;
	$.localScroll.hash(scrollOptions);
  
});