$(document).ready(function(){
	
	//var player;
	//player = document.getElementById('mediaPlayer');
	//
	//$('.episodes li a').click(function(){
	//	player.sendEvent('LOAD', $(this).attr('rel'));
	//});
	
	//Set initial portfolio page title
	$('#slideTitle').text(titles[0]);
	
	function onSeekCallback(){
		$('#slideTitle').text(titles[this.index]);
	}
	
	//Enable navigation thumbnails' hover states
	$('ul.navigation li a').hover(
		function(){
			var newSrc = $('img',this).attr('rel');
			var oldSrc = $('img',this).attr('src');
			$('img',this).attr('src',newSrc).attr('rel',oldSrc);
		}
		,	
		function(){
			var newSrc = $('img',this).attr('rel');
			var oldSrc = $('img',this).attr('src');
			$('img',this).attr('src',newSrc).attr('rel',oldSrc);
		}
	);
	
	//Enable click handlers for thumbnail navigation
	$('ul.navigation li a').click(function(){
		var targetId = $(this).attr('id');
		var targetIndex = $('.items .panel').index( $('#panel-' + targetId)[0] );
		$('#scrollable').scrollable('seekTo', targetIndex);
	});
	
	//Enable scrolling
	$('#scrollable').scrollable({
		items:'.items',
		horizontal:true,
		size:1,
		prev:'#prev',
		next:'#next',
		onSeek:onSeekCallback
	});
	
});