var swipe = $("<div class='swipe' style='position:absolute; left: 0; top: 0; padding:0; background:transparent url(../img/swipe.png) no-repeat -380px top; width:570px; height:380px; display:none; z-index:200;' />");

function activateTab( tabName ) {
	swipe.css({'display' : 'block', 'background-position' : '-380px top'});
	$('#learn-group > div').removeClass('active');
	var tab = $('#learn-group #' + tabName);
	tab.addClass('active');
	swipe.animate({backgroundPosition: '(570px top)'}, 700, 'linear', function() {
		$(this).css('display', 'none');
	});
}

$(document).ready(function() {
	$('.no-js').removeClass('no-js');
	$('#semantic-waves').css('background-position', 'left 44px');
	$('#semantic-waves').animate({backgroundPosition: '(left top)'}, 1100, 'easeOutQuint');
	
	$('#learn-group').prepend(swipe);
	
	$('#phix-energy').addClass('active');
	
	var hash = jQuery.url.attr('anchor');
	if (hash) {
		activateTab(hash);
	}
	
	$('a.tab').click(function() {
		var tabName = $(this).attr('href').substring(1);
		activateTab(tabName);
		return false;
	});
	
	$('#phix-energy .aside a,#phix-sleep .aside a,#how-it-works-energy .aside a,#how-it-works-sleep .aside a').click(function() {
		var target = $(this).attr('href').substring(1);
		activateTab(target);
		return false;
	});
	
	$('.main:not(#phix-energy .main)').jScrollPane({showArrows:true});
	var scrolls = $('.jScrollPaneDrag');
	scrolls.mousedown(function() {
		$(this).addClass('active');
	});
	$('body').mouseup(function() {
		scrolls.removeClass('active');
	});
	
	var cover = $("<div class='main-cover' />");
	$('.aside dl').hover(function() {
		$(this).before(cover);
	}, function() {
		cover.remove();
	});
});