// JavaScript Document

$(document).ready(function() {
	$("#pics").hide();
	$("#videos").hide();
	$("#about").hide();
	$("#shows").hide();
	
	$("#navShows").click(function(){
			$("#pics").hide();
			$("#videos").hide();
			$("#about").hide();
			$("#music").hide();
			$("#shows").scrollTop(0);
			$("#shows").show();
			$("#navPics").removeClass("active");
			$("#navVideos").removeClass("active");
			$("#navAbout").removeClass("active");
			$("#navMusic").removeClass("active");
			$("#navShows").addClass("active");
		});
		
	$("#navPics").click(function(){
			$("#shows").hide();
			$("#videos").hide();
			$("#about").hide();
			$("#music").hide();
			$("#pics").show();
			$("#navPics").addClass("active");
			$("#navVideos").removeClass("active");
			$("#navAbout").removeClass("active");
			$("#navMusic").removeClass("active");
			$("#navShows").removeClass("active");
		});	
	$("#navVideos").click(function(){
			$("#shows").hide();
			$("#pics").hide();
			$("#about").hide();
			$("#music").hide();
			$("#videos").show();
			$("#navPics").removeClass("active");
			$("#navVideos").addClass("active");
			$("#navAbout").removeClass("active");
			$("#navMusic").removeClass("active");
			$("#navShows").removeClass("active");
		});	
		$("#navAbout").click(function(){
			$("#shows").hide();
			$("#pics").hide();
			$("#videos").hide();
			$("#music").hide();
			$("#about").show();
			$("#navPics").removeClass("active");
			$("#navVideos").removeClass("active");
			$("#navAbout").addClass("active");
			$("#navMusic").removeClass("active");
			$("#navShows").removeClass("active");
		});	
		$("#navMusic").click(function(){
			$("#shows").hide();
			$("#pics").hide();
			$("#videos").hide();
			$("#about").hide();
			$("#music").show();
			$("#navPics").removeClass("active");
			$("#navVideos").removeClass("active");
			$("#navAbout").removeClass("active");
			$("#navMusic").addClass("active");
			$("#navShows").removeClass("active");
		});	

                $("nav li a").click(function(){
                $('.jspDrag').css("top", "0px");
                $('.jspDrag').scrollTop(0);
                $('.jspPane').css("top", "0px");
                $('.jspPane').scrollTop(0);
                });


});

$(document).ready(function() {
	$('.scroll-pane').jScrollPane();
});


$(document).ready(function() {
	$('#gallery a').lightBox();
});