$(document).ready(function(){
	
	$('.tabs').each(function(){
		$('.tab-copy',this)
			.hide()
			.remove()
			.appendTo($(this).parent())
			.wrapAll('<div class="tab-targets"/>');
	
		$('a[href*="#"]',this).each(function(){
			var target = $($(this).attr('href'));
			if(target.length > 0){
				$(this).click(function(){
					showTab(this);
					return false;
				});
			}
		});
	});
});

function showTab(tab){
	var tabs = $(tab).parents('.tabs');
	var current = $('.selected:first',tabs);
	var target = $($(tab).attr('href'));
	
	openTabs(tabs);
	
	if(current[0] == tab){
		closeTabs(tabs);
		return;
	}
	
	$(target).show();
	var height = $(target).height();
	$(target).hide();
	
	var left = $(tab).offset().left - $(tabs).offset().left +($(tab).outerWidth() * .5);
	$('.at-arrow',tabs).animate({left:left},'fast');
	
	$(target).parent('.tab-targets').animate({height:height},'normal');
	
	if(current.length > 0)
		hideTab(current);

	$(target).slideDown('normal');
		
	$(tab).addClass('selected');
}

function hideTab(tab){
	$($(tab).attr('href')).slideUp('normal');
	$(tab).removeClass('selected');
}

function openTabs(tabs){
	if($('.at-arrow',tabs).length > 0) return;
	
	//tabs.prepend("<li class='close-button'><a class='button' href='#'><span/></a></li>");
	tabs.prepend("<li class='at-arrow'/>");
	$('.close-button',tabs).click(function(){
		closeTabs(tabs);
		return false;
	});
	
	$("#center-stage").animate({height:200},'normal');
}

function closeTabs(tabs){
	var current = $('.selected:first',tabs);
	var target = $(current.attr('href'));
	
	hideTab(current);
	$(target).parent('.tab-targets').animate({height:0},'normal');
	$('.close-button, .at-arrow',tabs).remove();
	
	$("#center-stage").animate({height:358},'normal');
}