$(document).ready(function(){

	/* Home */
	$('#nav-home-up').click(function(){
		$('#nav').css({'display':'block'});
		$('#nav-up').css({'display':'none'});
		$('a.nav-home').addClass('on');
		$('a.nav-bio%20on').removeClass('on');
		$('a.nav-listen%20on').removeClass('on');
		$('a.nav-look%20on').removeClass('on');
		$('a.nav-shop%20on').removeClass('on');
		$('#listen-container').css({'z-index':'2'});
		$('#bio-container').css({'z-index':'2'});
		$('#look-container').css({'z-index':'2'});
		$('#shop-container').css({'z-index':'2'});
		$('#bio-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#bio-container').css({'display':'none'});
		});
		$('#listen-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#listen-container').css({'display':'none'});
		});
		$('#look-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#look-container').css({'display':'none'});
		});
		$('#shop-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#shop-container').css({'display':'none'});
		});
		$('#bio-container').css({'display':'block', 'opacity':'1', 'z-index':'1'});
		$('#home-container').animate({height:600, opacity:1},1200, 'easeInOutSine', function(){
			$('#content-container').css({'display':'none'});																					 
		});
	});

	/* Bio */
	$('#nav-bio').click(function(){
		$('#nav-up').css({'display':'block'});
		$('#nav').css({'display':'none'});
		$('a.nav-bio').addClass('on');
		$('a.nav-home%20on').removeClass('on');
		$('#content-container').css({'display':'block'});
		$('#home-container').animate({
			height:0,
			opacity:0
		},1200, 'easeInOutSine', function(){
			$('#bio-container').css({'display':'block'});
			$('#bio-container').animate({opacity:1},900, 'jswing', function(){});
		});
	});

	/* Listen */
	$('#nav-listen').click(function(){
		$('#nav-up').css({'display':'block'});
		$('#nav').css({'display':'none'});
		$('a.nav-listen').addClass('on');
		$('a.nav-home%20on').removeClass('on');
		$('#content-container').css({'display':'block'});
		$('#home-container').animate({
			height:0,
			opacity:0
		},1200, 'easeInOutSine', function(){
			$('#listen-container').css({'display':'block'});
			$('#listen-container').animate({opacity:1},900, 'jswing', function(){});
		});
	});

	/* Look */
	$('#nav-look').click(function(){
		$('#nav-up').css({'display':'block'});
		$('#nav').css({'display':'none'});
		$('a.nav-look').addClass('on');
		$('a.nav-home%20on').removeClass('on');
		$('#content-container').css({'display':'block'});
		$('#home-container').animate({
			height:0,
			opacity:0
		},1200, 'easeInOutSine', function(){
			$('#look-container').css({'display':'block'});
			$('#look-container').animate({opacity:1},900, 'jswing', function(){});
		});
	});

	/* Shop */
	$('#nav-shop').click(function(){
		$('#nav-up').css({'display':'block'});
		$('#nav').css({'display':'none'});
		$('a.nav-shop').addClass('on');
		$('a.nav-home%20on').removeClass('on');
		$('#content-container').css({'display':'block'});
		$('#home-container').animate({
			height:0,
			opacity:0
		},1200, 'easeInOutSine', function(){
			$('#shop-container').css({'display':'block'});
			$('#shop-container').animate({opacity:1},900, 'jswing', function(){});
		});
	});

	/* Bio-Up */
	$('#nav-bio-up').click(function(){
		$('a.nav-bio').addClass('on');
		$('a.nav-home%20on').removeClass('on');
		$('a.nav-listen%20on').removeClass('on');
		$('a.nav-look%20on').removeClass('on');
		$('a.nav-shop%20on').removeClass('on');
		$('#listen-container').css({'z-index':'2'});
		$('#look-container').css({'z-index':'2'});
		$('#shop-container').css({'z-index':'2'});
		$('#listen-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#listen-container').css({'display':'none'});
		});
		$('#look-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#look-container').css({'display':'none'});
		});
		$('#shop-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#shop-container').css({'display':'none'});
		});
		$('#bio-container').css({'display':'block', 'opacity':'1', 'z-index':'1'});
	});

	/* Listen-Up */
	$('#nav-listen-up').click(function(){
		$('a.nav-listen').addClass('on');
		$('a.nav-bio%20on').removeClass('on');
		$('a.nav-look%20on').removeClass('on');
		$('a.nav-shop%20on').removeClass('on');
		$('#bio-container').css({'z-index':'2'});
		$('#look-container').css({'z-index':'2'});
		$('#shop-container').css({'z-index':'2'});
		$('#bio-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#bio-container').css({'display':'none'});
		});
		$('#look-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#look-container').css({'display':'none'});
		});
		$('#shop-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#shop-container').css({'display':'none'});
		});
		$('#listen-container').css({'display':'block', 'opacity':'1', 'z-index':'1'});
	});

	/* Look-Up */
	$('#nav-look-up').click(function(){
		$('a.nav-look').addClass('on');
		$('a.nav-bio%20on').removeClass('on');
		$('a.nav-listen%20on').removeClass('on');
		$('a.nav-shop%20on').removeClass('on');
		$('#bio-container').css({'z-index':'2'});
		$('#listen-container').css({'z-index':'2'});
		$('#shop-container').css({'z-index':'2'});
		$('#bio-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#bio-container').css({'display':'none'});
		});
		$('#listen-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#listen-container').css({'display':'none'});
		});
		$('#shop-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#shop-container').css({'display':'none'});
		});
		$('#look-container').css({'display':'block', 'opacity':'1', 'z-index':'1'});
	});

	/* Shop-Up */
	$('#nav-shop-up').click(function(){
		$('a.nav-shop').addClass('on');
		$('a.nav-bio%20on').removeClass('on');
		$('a.nav-listen%20on').removeClass('on');
		$('a.nav-look%20on').removeClass('on');
		$('#bio-container').css({'z-index':'2'});
		$('#look-container').css({'z-index':'2'});
		$('#listen-container').css({'z-index':'2'});
		$('#bio-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#bio-container').css({'display':'none'});
		});
		$('#listen-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#listen-container').css({'display':'none'});
		});
		$('#look-container').animate({opacity:0},600, 'easeInOutSine', function(){
			$('#look-container').css({'display':'none'});
		});
		$('#shop-container').css({'display':'block', 'opacity':'1', 'z-index':'1'});
	});
	
});