// JavaScript Document
$(document).ready(function(){
							
		$(".navbutton").hover(function () {
				$(this).animate({
					fontSize: "20px"
				}, 300);
			}, function () {
				$(this).animate({
					fontSize: "14px"
				}, 300);
		});
		 
		 
//Home		 
		$("#navItem1").click(function () { 
			  $("#page1").animate({
					left: "0"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			 $("#store").animate({
					left: "800px"
				}, 600);
			 
			 $("#page4").animate({
					left: "800px"
				}, 600); 
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			   $("#dj").animate({
					left: "800px"
				}, 600);
			  
		});
		
		
//Artists		
		$("#navItem2").click(function () { 
			  $("#page1").animate({
					left: "0"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			 
			/* $("#store").animate({
					left: "800px"
				}, 600);*/
			  
			  $("#page4").animate({
					left: "800px"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});
		
		
//Store
		$("#navItemStore").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "0"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});

//Video
		$("#navItem3").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "0"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});

//Gallery
		$("#navItemGallery").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600); 
			  
			  $("#gallerySlide").animate({
					left: "0"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});


//Track Info
		$("#navItem4").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "0"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});



//Events
		$("#navItem5").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "0"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});

//Contact
		$("#navItem6").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "0"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});



//Prophecy

		$("#navTeam1").click(function () { 
			  $("#page1").animate({
					left: "0"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});



//Infamus
		$("#navTeam2").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "0"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600); 
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});



//ShoTime
		$("#navTeam3").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "0"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "800px"
				}, 600);
		});
		
//Dj
		$("#navItemDj").click(function () { 
			  $("#page1").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page2").animate({
					left: "800px"
				}, 600); 
			  
			  $("#page3").animate({
					left: "800px"
				}, 600); 
			  
			  $("#store").animate({
					left: "800px"
				}, 600);
			  
			  $("#page4").animate({
					left: "800px"
				}, 600);
			  
			  $("#gallerySlide").animate({
					left: "800px"
				}, 600);
			  
			  $("#page5").animate({
					left: "800px"
				}, 600);
			  
			  $("#page6").animate({
					left: "800px"
				}, 600);
			  
			  $("#page7").animate({
					left: "800px"
				}, 600);
			  
			  $("#dj").animate({
					left: "0"
				}, 600);
		});

	
		
});