$j(document).ready(function() {
	var $panels = $j('#cuerpo .panel > div');
	var $container = $j('#cuerpo .panel');

	var horizontal = true;
	if(horizontal) {
		$panels.css({
			'float' : 'left'
		});

		$container.css('width', ($panels[0].offsetWidth+200) * $panels.length);
	}

	var $scroll = $j('#cuerpo #box').css('overflow', 'hidden');

	$j('#cuerpo .navlist').find('a').click(selectNav);

	function selectNav() {
		$j(this)
			.parents('ul:first')
				.find('a')
					.removeClass('selected')
				.end()
			.end()
			.addClass('selected');
	}

	function trigger(data) {
		var el = $j('#cuerpo .navlist').find('a[href$="'+ data.id + '"').get(0);

		selectNav.call(el);
	}

	if (window.location.hash) {
		trigger({ id: window.location.hash.substr(1)});
	} else {
		$j('#cuerpo .navlist a:first').click();
	}

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

	var scrollOptions = {
		target: $scroll,
		items: $panels,
		prev: 'a.prev',
		next: 'a.next',
		axis: 'xy',
		
		onAfter: trigger,
		offset: offset,
		duration: 600,
		cycle: false,
		
		easing: 'swing'
		
	};

	$j('#cuerpo').serialScroll(scrollOptions);
	$j.localScroll(scrollOptions);

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