$(document).ready(function(){
						   
			$(function() {
										   $('a.gallery').lightBox({
											overlayOpacity: 0.8
										   });
										});			   

					   //---years
					   $(".year").css({opacity: 0.4});
					   
					   
					   $(".year").hover(function(){
						       $(this).fadeTo("fast", 1.0); 
						   },function(){
						
						       $(this).fadeTo("fast", 0.4); 
						   });
						   

						   
						  
						   //LOGIN PANEL------------------------
						   
						   $(".login_panel").css({opacity: 0});
						   $(".login_panel").hide();
						   $("#black_page").css({opacity: 0});
						   $("#black_page").hide();
						   $(".close").css({opacity: 0.5});
						   
						   
													   
						 $("#login_link").click(function(){
      						
							$("#black_page").show();
         					$("#black_page").fadeTo("slow", 0.6); 
							$(".login_panel").show();
         					$(".login_panel").fadeTo("slow", 1.0); 
    					   });		
						 
						 $(".close").click(function(){
      						
							$("#black_page").fadeTo("slow", 0, function(){$(this).hide(); }); 
							$(".login_panel").fadeTo("slow", 0, function(){$(this).hide(); }); 				 
   
         					
							
    					   });	
						 
						
						
						 $(".close").hover(function(){
							  					   
						       $(this).fadeTo("fast", 1.0); 
						   },function(){
						
						       $(this).fadeTo("fast", 0.5); 
						   });
						   
						  
						$(".artwork").hover(function(){
							  					   
						       $(this).fadeTo("fast", 1.0); 
						   },function(){
						
						       $(this).fadeTo("fast", 0.8); 
						   });
						  
						 
						   
						   
						   //LANGUAGE ICONS OPACITY---------------------
						   
						  $(".de_sel").css({opacity: 0});
						  $(".en_sel").css({opacity: 0});
						  
						   
						   $(".de_sel").hover(function(){
							  					   
						       $(this).fadeTo("med", 1.0); 
						   },function(){
						
						       $(this).fadeTo("med", 0); 
						   });
						   
						   $(".en_sel").hover(function(){
						   $(this).fadeTo("med", 1.0); 
						   },function(){
						   $(this).fadeTo("med", 0); 
						   });
						   
						   
						   
						   });






//-------------expanding textareas

$(document).ready(function(){
						   
 $("#area1").focus(function(){
      $("#area1").animate( { height:"300px" }, { queue:false, duration:100 } );
	 
         
    });
 
 $("#area1").blur(function(){
      $("#area1").animate( { height:"40px" }, { queue:false, duration:100 } );
         
    }); 
 
 $("#area2").focus(function(){
      $("#area2").animate( { height:"250px" }, { queue:false, duration:100 } );
         
    });
 
 $("#area2").blur(function(){
      $("#area2").animate( { height:"40px" }, { queue:false, duration:100 } );
         
    });  
 
 
  $("#area3").focus(function(){
      $("#area3").animate( { height:"250px" }, { queue:false, duration:100 } );
         
    });
 
 $("#area3").blur(function(){
      $("#area3").animate( { height:"40px" }, { queue:false, duration:100 } );
         
    }); 
 
  $("#area4").focus(function(){
      $("#area4").animate( { height:"250px" }, { queue:false, duration:100 } );
         
    });
 
 $("#area4").blur(function(){
      $("#area4").animate( { height:"40px" }, { queue:false, duration:100 } );
         
    }); 
 
  $("#area5").focus(function(){
      $("#area5").animate( { height:"250px" }, { queue:false, duration:100 } );
         
    });
 
 $("#area5").blur(function(){
      $("#area5").animate( { height:"40px" }, { queue:false, duration:100 } );
         
    }); 
 
 
 
  });