$(document).ready(function(){

		
// logo
		
			$("#logo").click(function(){
			$(this).css({ "background-position": "0px -384px"	});
			
			$("#content").css({ "height": "950px" });
			$("#groupthanks").css({ "opacity": "0.0" });
			$("#about-button").css({ "color": "#94A545"	});
			
			$("#about").animate({ opacity: 0.98}, 500 );
			$("#about").css({ "z-index": "15" });
			
			$("#show").animate({ opacity: 0.08 });
      $("#show").css({ "z-index": "10" });
			
			$("#graduates").animate({opacity: 0.08 });
			$("#graduates").css({ "z-index": "5" });
			
			$("#thankyou").animate({opacity: 0.08 });
			$("#thankyou").css({ "z-index": "0" });
			
			$("#video").css({ "display": "none"} );
			$("#video").css({ "z-index": "-5" });
			
			$("#show-button").css({ "color": "#333333" });
			$("#graduates-button").css({ "color": "#333333" });
			$("#thankyou-button").css({ "color": "#333333" });
			$("#sidebar").animate({opacity: 1.0 });
      });	
      

// about Button
		
			$("#about-button").click(function(){
			$(this).css({ "color": "#94A545"	});
			
			$("#logo").css({ "background-position": "0px -384px" });
			$("#content").css({ "height": "950px" });
			$("#groupthanks").css({ "opacity": "0.0" });
			
			$("#about").animate({ opacity: 0.98}, 500 );
			$("#about").css({ "z-index": "15" });
      	
			$("#show").animate({ opacity: 0.08, });
      $("#show").css({ "z-index": "10" });
      	
			$("#graduates").animate({opacity: 0.08, });
			$("#graduates").css({ "z-index": "5" });
			
			$("#thankyou").animate({opacity: 0.08, });
			$("#thankyou").css({ "z-index": "0" });
			
			$("#video").css({ "display": "none"} );
			$("#video").css({ "z-index": "-5" });
			
			$("#show-button").css({ "color": "#333333" });
			$("#graduates-button").css({ "color": "#333333" });
			$("#thankyou-button").css({ "color": "#333333" });
			$("#sidebar").animate({opacity: 1.0 });
      });	
      
      
// show Button
		
			$("#show-button").click(function(){
			$(this).css({ "color": "#8D64AA"	});
			
			$("#logo").css({ "background-position": "0px -256px" });
			$("#content").css({ "height": "1425px" });
			$("#groupthanks").css({ "opacity": "0.0" });
			
			$("#about").animate({ opacity: 0.08 });
			$("#about").css({ "z-index": "10" });
			
			$("#show").animate({ opacity: 0.98}, 500 );
			$("#show").css({ "z-index": "15" });
			
			$("#graduates").animate({opacity: 0.08 });
			$("#graduates").css({ "z-index": "5" });
			
			$("#thankyou").animate({opacity: 0.08 });
			$("#thankyou").css({ "z-index": "0" });
			
			$("#video").css({ "display": "none"} );
			$("#video").css({ "z-index": "-5" });
			
			
			$("#about-button").css({ "color": "#333333" });
			$("#graduates-button").css({ "color": "#333333" });
			$("#thankyou-button").css({ "color": "#333333" });
			$("#sidebar").animate({opacity: 0.98 });
      });	
      

// graduates Button
		
			$("#graduates-button").click(function(){
			$(this).css({ "color": "#00A5E3"	});
			
			$("#logo").css({ "background-position": "0px -128px" });
			$("#content").css({ "height": "1050px" });
			$("#groupthanks").css({ "opacity": "0.0" });
			
			$("#about").animate({ opacity: 0.08 });
			$("#about").css({ "z-index": "10" });
			
			$("#show").animate({ opacity: 0.08 });
			$("#show").css({ "z-index": "5" });
			
			$("#graduates").animate({ opacity: 0.98}, 500 );
			$("#graduates").css({ "z-index": "15" });
			
			$("#thankyou").animate({opacity: 0.08 });
			$("#thankyou").css({ "z-index": "0" });
			
			$("#video").css({ "display": "none"} );
			$("#video").css({ "z-index": "-5" });
			
			$("#about-button").css({ "color": "#333333" });
			$("#show-button").css({ "color": "#333333" });
			$("#thankyou-button").css({ "color": "#333333" });
			$("#sidebar").animate({opacity: 0.98 });
      });	



// thankyou Button
		
			$("#thankyou-button").click(function(){
			$(this).css({ "color": "#4C3327"	});
			
			$("#logo").css({ "background-position": "0px 0px" });
			$("#content").css({ "height": "2000px" });
			$("#groupthanks").css({ "opacity": "1.0" });
			
			$("#about").animate({ opacity: 0.08 });
			$("#about").css({ "z-index": "10" });
			
			$("#show").animate({ opacity: 0.08 });
			$("#show").css({ "z-index": "5" });
			
			$("#graduates").animate({opacity: 0.08 });
			$("#graduates").css({ "z-index": "0" });
			
			$("#thankyou").animate({ opacity: 0.98}, 500 );
			$("#thankyou").css({ "z-index": "15" });
			
			$("#video").css({ "display": "none"} );
			$("#video").css({ "z-index": "-5" });
			
			
			$("#about-button").css({ "color": "#333333" });
			$("#show-button").css({ "color": "#333333" });
			$("#graduates-button").css({ "color": "#333333" });
			$("#sidebar").animate({opacity: 0.98 });
      });	


// video Button
		
			$("#video-button").click(function(){
			$("#sidebar").animate({opacity: 0.08 });
			
			$("#logo").css({ "background-position": "0px 0px" });
			$("#content").css({ "height": "800px" });
			$("#groupthanks").css({ "opacity": "1.0" });
			
			$("#about").animate({ opacity: 0.08 });
			$("#about").css({ "z-index": "10" });
			
			$("#show").animate({ opacity: 0.08 });
			$("#show").css({ "z-index": "5" });
			
			$("#graduates").animate({opacity: 0.08 });
			$("#graduates").css({ "z-index": "0" });
			
			$("#thankyou").animate({ opacity: 0.08}, 500 );
			$("#thankyou").css({ "z-index": "-5" });
			
			$("#video").css({ "display": "block"} );
			$("#video").css({ "z-index": "15" });
					
			$("#about-button").css({ "color": "#333333" });
			$("#show-button").css({ "color": "#333333" });
			$("#graduates-button").css({ "color": "#333333" });
			$("#thankyou-button").css({ "color": "#333333" });
      });	
      

// video close
		
			$("#video-close").click(function(){
			$("#logo").css({ "background-position": "0px -384px"	});
			
			$("#content").css({ "height": "950px" });
			$("#groupthanks").css({ "opacity": "0.0" });
			$("#about-button").css({ "color": "#94A545"	});
			
			$("#about").animate({ opacity: 0.98}, 500 );
			$("#about").css({ "z-index": "15" });
			
			$("#show").animate({ opacity: 0.08 });
      $("#show").css({ "z-index": "10" });
			
			$("#graduates").animate({opacity: 0.08 });
			$("#graduates").css({ "z-index": "5" });
			
			$("#thankyou").animate({opacity: 0.08 });
			$("#thankyou").css({ "z-index": "0" });
			
			$("#video").css({ "display": "none"} );
			$("#video").css({ "z-index": "-5" });
			
			$("#show-button").css({ "color": "#333333" });
			$("#graduates-button").css({ "color": "#333333" });
			$("#thankyou-button").css({ "color": "#333333" });
			$("#sidebar").animate({opacity: 1.0 });
      });	
      
});