$(document).ready(function(){
	
	$('#mainNav li.performances a').click(function(e){
		e.preventDefault();
		if ($('.performancesSlider').css('display') == 'block') {
			$('.performancesSlider').empty().animate({width: '0px'}, 300, function(){
				$(this).remove()
			});
		}
		else if ($('.contactSlider').css('display') == 'block') {
			$('.contactSlider').empty().animate({width: '0px'}, 300, function(){
				$(this).remove();
				$('body').append('<div class="performancesSlider slider"></div>');
				$('.performancesSlider').animate({width: '350px'}, 400, function(){
					$('.performancesSlider').load('performances.html .export', function(){
						$('.performancesSlider').append('<a class="close" href="#">Close</a>');
						$('.slider a.close').click(function(e){
							e.preventDefault();
							$('.slider').empty().animate({width: '0px'}, 300, function(){
								$(this).remove()
							})
						});
					})
				})
			});
		}
		else {
			$('body').append('<div class="performancesSlider slider"></div>');
			$('.performancesSlider').animate({width: '350px'}, 400, function(){
				$('.performancesSlider').load('performances.html .export', function(){
					$('.performancesSlider').append('<a class="close" href="#">Close</a>');
					$('.slider a.close').click(function(e){
						e.preventDefault();
						$('.slider').empty().animate({width: '0px'}, 300, function(){
							$(this).remove()
						})
					});
				})
			});
		}
	});
	/*                  Contact Slider               */
	$('#mainNav li.contact a').click(function(e){
		e.preventDefault();
		if ($('.contactSlider').css('display') == 'block') {
			$('.contactSlider').empty().animate({width: '0px'}, 300, function(){
				$(this).remove()
			});
		}
		else if ($('.performancesSlider').css('display') == 'block') {
			$('.performancesSlider').empty().animate({width: '0px'}, 300, function(){
				$(this).remove();
				$('body').append('<div class="contactSlider slider"></div>');
				$('.contactSlider').animate({width: '280px'}, 400, function(){
					$('.contactSlider').load('contact.html .export', function(){
						$('.contactSlider').append('<a class="close" href="#">Close</a>');
						$('.slider a.close').click(function(e){
							e.preventDefault();
							$('.slider').empty().animate({width: '0px'}, 300, function(){
								$(this).remove()
							})
						});
					})
				})
			});
		}
		else {
			$('body').append('<div class="contactSlider slider"></div>');
			$('.contactSlider').animate({width: '280px'}, 400, function(){
				$('.contactSlider').load('contact.html .export', function(){
					$('.contactSlider').append('<a class="close" href="#">Close</a>');
					$('.slider a.close').click(function(e){
						e.preventDefault();
						$('.slider').empty().animate({width: '0px'}, 300, function(){
							$(this).remove()
						})
					});
				})
			});
		}
	});
	/*               Bio                    */
	var $nikkiLink = $('#bio ul.subNav li.nikkiLink a'),
		$amberLink = $('#bio ul.subNav li.amberLink a'),
		$nikkiBio = $('#bio #nikki'),
		$amberBio = $('#bio #amber');
	$nikkiLink.click(function(e){
		e.preventDefault();
		$amberLink.removeClass('selected');
		$(this).addClass('selected');
		$amberBio.fadeOut(400, function(){
			$nikkiBio.fadeIn(400)
		})
	});
	$amberLink.click(function(e){
		e.preventDefault();
		$nikkiLink.removeClass('selected');
		$(this).addClass('selected');
		$nikkiBio.fadeOut(400, function(){
			$amberBio.fadeIn(400)
		})
	});
});