$(document).ready(function(){

	// "About" Panels
 
	var aboutapi = $('div#about').scrollable({                    
	  items: 'ul.slides', 
	  size: 1, 
	  easing: 'easeOutCubic', 
	  speed: 500,
	  clickable: false
	}).navigator({
	  navi: 'div.navi',
	  api: true
	});
	
	var btnBack = $('.back');
	
	aboutapi.onSeek(function(){
	  if (this.getIndex() == 0) {
	    btnBack.hide();
	  } else {
	    btnBack.show();
	  }
	});
	
	btnBack.click(function(){
	 aboutapi.seekTo(0);
	});
	
	// Latest Work Panels (Needs cleanup on api)
	
	var latestapi = $('div#latest-work-panels').scrollable({
						
		items: 'ul.slides',
		size: 1,
		easing: 'easeOutCubic',
		speed: 500,
		clickable: false
	
	}).circular({
		
		api: true
	
	});
	var latestnav1 = $('ul#latest-work-nav li a.1');
	var latestnav2 = $('ul#latest-work-nav li a.2');
	var latestnav3 = $('ul#latest-work-nav li a.3');
	
	latestnav1.click(function(){
	 latestapi.seekTo(1);
	});
	
	latestnav2.click(function(){
	 latestapi.seekTo(2);
	});
	
	latestnav3.click(function(){
	 latestapi.seekTo(3);
	});
	
	// Dynamic Content Panels
 
	$('div.content-list').scrollable({
						
		items: 'ul.slides',
		size: 1,
		easing: 'easeOutCubic',
		speed: 500,
		clickable: false
	
	}).circular().navigator('div.navi');
	
	// News Panels
	
	var newsapi = $('div#news').scrollable({
						
		items: 'div.newsfeed ul',
		nextPage: 'div.next',
		prevPage: 'div.prev',
		easing: 'easeOutCubic',
		speed: 500,
		size: 1,
		clickable: false,
		api: true
	
	});
	
	var newsHeading = $('#news h2');
	
	newsapi.onSeek(function(){
		if (this.getIndex() == 6) {
			newsHeading.animate({opacity: .25});
		} else if (this.getIndex() == 7) {
			newsHeading.animate({opacity: .05});
		} else if (this.getIndex() == 8) {
			newsHeading.animate({opacity: 0});
		} else {
			newsHeading.animate({opacity: 1});
		}
	});
	
	// Video Player Tabs
	
	$("ul.tabs").tabs('> .pane');
	
});