$(function() {
	// Flowplayer Config
	$f('player', {src: "/swf/flowplayer-3.1.5.swf", wmode: 'opaque'},  { 
		clip: {
			
			scaling: 'fit',
			provider: 'simplecdn',
			autoPlay: true
		},
		onStart: function() {
			var clipTitle = $f('player').getClip().title
			var clipCategories = $f('player').getClip().categories
			var clipDescription = $f('player').getClip().description
			var clipPreview = $f('player').getClip().preview
			$('.info').html('<h2>' + clipTitle + '</h2><span class="categories">' + clipCategories + '</span><p>' + clipDescription + '</p>');
			
		},
		playlist: [
			
						
						
			
			{
				url: 'mp4:portfolio/kd_01_montage.mp4',
				title: '2010 Reel',
				categories: '',
				description: '',
				img: '/gfx/portfolio/reel_thumb.png'
			},
			
			
			
			{
				url: 'mp4:portfolio/kd_02_daumenlutscher.mp4',
				title: 'Der Daumenlutscher',
				categories: 'Motion graphics // editing // concept and direction',
				description: 'A short film based on a German children&rsquo;s story.',
				img: '/gfx/portfolio/daumenthumb.png'
			},
			
			
			
			{
				url: 'mp4:portfolio/kd_12_pops.mp4',
				title: 'POPS',
				categories: 'Motion graphics',
				description: 'A promo for the Nick at Nite 2010 Fathers Day lineup. I designed and animated the graphics based on the Nick at Nite brand and a parody of the COPS TV show graphics. The POPS logo is a hybrid of the Nick at Nite branding font and the stencil font used in the COPS packaging.',
				img: '/gfx/portfolio/kd_thumb_pops_1.jpg'
			},
			
			
			
			{
				url: 'mp4:portfolio/kd_04_e40.mp4',
				title: 'MTV 10-Spot: E-40',
				categories: 'Stop motion',
				description: 'Produced at Transistor Studios.',
				img: '/gfx/portfolio/mtv_10_thumb.png'
			},
			
			
			
			{
				url: 'mp4:portfolio/kd_06_one_man_bands.mp4',
				title: 'One Man Bands',
				categories: 'Motion graphics',
				description: 'Character animation for a corporate meeting demonstrating the pitfalls of not working as a team. Produced by The Dandy Dwarves.',
				img: '/gfx/portfolio/kd_thumb_one_man_band.png'
			},
			
			
			
			{
				url: 'mp4:portfolio/kd_08_windshape.mp4',
				title: 'Unfolding',
				categories: 'Motion graphics',
				description: 'Title sequence for a documentary about Windshape, an art installation in Lacoste, France.  Produced by The Dandy Dwarves for SCAD.',
				img: '/gfx/portfolio/kd_thumb_windshape.png'
			},
			
			
			
			{
				url: 'mp4:portfolio/kd_09_vh1.mp4',
				title: 'VH1 Polka',
				categories: 'Motion graphics // concept',
				description: '',
				img: '/gfx/portfolio/kd_thumb_vh1.jpg'
			},
			
			
						
		],
		plugins: {
			simplecdn: {
				url: '/swf/flowplayer.rtmp-3.1.3.swf',
				netConnectionUrl: 'rtmpt://e1f1.simplecdn.net/play'
			},
			controls:  {
				height: 24,
				backgroundColor: '#404A4A',
				backgroundGradient: 'none',			
				all: false,
				scrubber: true,
				scrubberHeightRatio: 0.35,
				mute: true,
				play: true,
				fullscreen: true,
				time: false,
				tooltips: true,
				progressColor: '#ffffff',
				bufferColor: '#333333',
				buttonColor: '#1F2424',
				buttonOverColor: '#DD8826',
				sliderColor: '#1F2424',
				timeColor: '#dddddd',
				durationColor: '#dddddd',
				tooltipColor: '#000000',
				tooltipTextColor: '#ffffff',
				tooltips: {
					buttons: true,
					volume: true
				}
			}
				
		}
	});
	
	$('div.scrollable').scrollable({
		vertical: true,
		size: 2,
		clickable: false,
		loop: true
	}).circular().mousewheel();
	
	$f('player').playlist('div.scrollable div:first', {loop:true});
		
});