var _speedTitleFade = 300;
var _speedTabSlide = 400;
var _speedContentFade = 300;
var _speedScrollable = 400;

jQuery(document).ready(function(){
	// Left tab setup
	jQuery('div.leftContainer li.tab').each(function(){
		var _width = jQuery(this).children('div.contentWrapper').width();
		jQuery(this).css({'left': '-'+_width+'px'});
	});
	
	// Right tabs setup
	jQuery('div.rightContainer li.tab').each(function(){
		var _width = jQuery(this).children('div.contentWrapper').width();
		jQuery(this).css({'right': '-'+_width+'px'});
	});
	
	// Left tab sliding
	jQuery('div.leftContainer a.tabname').click(function(){
		if(jQuery(this).hasClass('active')){
			closeTabsRight();
			closeTabsLeft();
			jQuery('h1').fadeIn(_speedTitleFade);
		}else{
			jQuery('h1').fadeOut(_speedTitleFade);
			closeTabsRight();
			closeTabsLeft();
			openTabLeft(jQuery(this));
		}
		return false;
	});
	
	// Right tab sliding
	jQuery('div.rightContainer a.tabname').click(function(){
		if(jQuery(this).hasClass('active')){
			closeTabsLeft();
			closeTabsRight();
			jQuery('h1').fadeIn(_speedTitleFade);
		}else{
			jQuery('h1').fadeOut(_speedTitleFade);
			closeTabsLeft();
			closeTabsRight();
			openTabRight(jQuery(this));
		}
		return false;
	});
	
	// AJAX post loading
	jQuery('ul.nav a').live('click', function(){
		var _anchor = jQuery(this);
		var _tab = jQuery(this).closest('div.contentWrapper').attr('class').substr(15);
		
		_anchor.closest('ul.nav').siblings('div.info').html('');
		_anchor.closest('div.col').siblings('div.media').hide(0).html('<img class="loading" src="http://www.logandwight.com/wp-content/themes/logandwight/images/loading.png" alt="loading" />').fadeIn(_speedContentFade, function(){
			jQuery.ajax({
				url: _anchor.attr('href'),
				data: 'tab='+_tab,
				success: function(data){
					_anchor.closest('div.content').hide(0).html(data).fadeIn(_speedContentFade);
					jQuery('div.contentWrapper.'+_tab+' ul.thumbs li a').featureList({
						output: 'div.contentWrapper.'+_tab+' ul.output li'
					});
					shadowboxSettings(_tab);
					jQuery('div.contentWrapper.'+_tab).find('div.scrollable').scrollable({
						keyboard: false,
						speed: _speedScrollable
					});
				}
			});
		});
		
		return false;
	});
	
	// Gallery image rotations
	jQuery('div.contentWrapper.web ul.thumbs li a').featureList({
		output: 'div.contentWrapper.web ul.output li'
	});
	jQuery('div.contentWrapper.interactive ul.thumbs li a').featureList({
		output: 'div.contentWrapper.interactive ul.output li'
	});
	jQuery('div.contentWrapper.motion ul.thumbs li a').featureList({
		output: 'div.contentWrapper.motion ul.output li'
	});
	jQuery('div.contentWrapper.threed ul.thumbs li a').featureList({
		output: 'div.contentWrapper.threed ul.output li'
	});
	jQuery('div.contentWrapper ul.thumbs li a').live('click', function(){
		return false;
	});
	
	// Gallery scrollable
	jQuery('div.scrollable').scrollable({
		keyboard: false,
		speed: _speedScrollable
	});
	jQuery('a.browse').live('click', function(){
		return false;
	});
	
	// Shadowbox
	Shadowbox.init({ overlayOpacity: 0.7 });
});

// Left tab open handler
function openTabLeft(_sel){
	var _tab = _sel.closest('li.tab').attr('class').substr(4);
	shadowboxSettings(_tab);

	jQuery(_sel).parent('li.tab').addClass('active');
	
	jQuery('div.leftContainer li.tab').each(function(){
		if(!jQuery(this).hasClass('active'))
			jQuery(this).addClass('open');
	});
	
	jQuery(_sel).addClass('active');
	jQuery(_sel).parent('li.tab').animate({left: '0'}, _speedTabSlide);
}

// Left tab close handler
function closeTabsLeft(){
	var _width = jQuery('div.leftContainer li.tab.active').children('div.contentWrapper').width();
	jQuery('div.leftContainer li.tab.active').animate({left: '-'+_width+'px'}, _speedTabSlide);
	jQuery('div.leftContainer li.tab.active').removeClass('active');
	jQuery('div.leftContainer a.tabname.active').removeClass('active');
	jQuery('div.leftContainer li.tab.open').removeClass('open');
}

// Right tab open handler
function openTabRight(_sel){
	jQuery(_sel).parent('li.tab').addClass('active');
	
	jQuery('div.rightContainer li.tab').each(function(){
		if(!jQuery(this).hasClass('active'))
			jQuery(this).addClass('open');
	});
	
	jQuery(_sel).addClass('active');
	jQuery(_sel).parent('li.tab').animate({right: '0'}, _speedTabSlide);
}

// Right tab close handler
function closeTabsRight(){
	var _width = jQuery('div.rightContainer li.tab.active').children('div.contentWrapper').width();
	jQuery('div.rightContainer li.tab.active').animate({right: '-'+_width+'px'}, _speedTabSlide);
	jQuery('div.rightContainer li.tab.active').removeClass('active');
	jQuery('div.rightContainer a.tabname.active').removeClass('active');
	jQuery('div.rightContainer li.tab.open').removeClass('open');
}

// Shadowbox settings
function shadowboxSettings(sec){
	var _sel = '.mixed'+sec;
	
	Shadowbox.clearCache();
	Shadowbox.setup(_sel, {
		gallery: 'Mixed',
		continuous: true,
		counterType: 'skip',
		counterLimit: 30
	});
}