$(document).ready(function(){

	var $promo = $('#promo-holder .promo');
	var $container = $('#promo-holder .scroll-container');
	var $scroll = $('#promo-holder .scroll').css('overflow', 'hidden');
	
	$('#promo-holder .promo-tabs a').click(makeSelected);
	
	function makeSelected(){
		$(this)
			.parents('ul:first')
				.find('a')
					.removeClass('selected')
				.end()
			.end()
			.addClass('selected');
	}
	
	var scrollOptions = {
		target: $scroll,
		items: $promo,
		navigation: '.promo-tabs a',
		axis: 'xy',
		duration: 300,
		easing: 'swing',
		offset: {left: -10}
	};
	
	$('#promo-holder').serialScroll(scrollOptions);
	
	
	/**********FANCYBOX**********/
	/* This is basic - uses default settings */
	
	$("a.fbx-gallery").fancybox();

});