jQuery(document).ready(function()
{
	jQuery('#cover .slides').cycle(
	{
		fx: 'fade',
		timeout: 10000,
		speed: 500,
		prev: '.slide_prev',
		next: '.slide_next',
		before: onBefore,
		after: onAfter
	});
	
	function onBefore()
	{ 
		$(this).attr("id", "active_slide");
		var title = $("#active_slide img").attr("title");
		$("#active_slide .slide_title").text(title);
	}; 

	function onAfter()
	{ 
		$(this).attr("id", "");
	}; 

	jQuery('#sub-navigation').jScrollPane({showArrows:true, scrollbarWidth: 14, arrowSize: 16, dragMaxHeight: 6});
});