$(document).ready(function() {

	$( ".mitarbeiter_text_left" ).css( "overflow","hidden" );
	$( ".mitarbeiter_text_left" ).css( "display","none" );

	$( ".mitarbeiter_text_right" ).css( "overflow","hidden" );
	$( ".mitarbeiter_text_right" ).css( "display","none" );
	
  //----------- mouseover call.
	$( ".mitarbeiter_area" ).click(function(){
	  //-----------.click() called.
	 
	var str =  this.id;
	var str2 = str.slice(5,6);
	  
	for (var i = 1; i <= 8; i++)
	{
	if(str2 == i){
	
	$( "#mitarbeiter_area0" + i ).show();
	
	$( "#mitarbeiter_area0" + i ).animate({
	width: "150", height: "177"});
			
	$( "#mitarbeiter_area0" + i ).closest("div").animate({
	width: "380", height: "300"})

	$( "#mitarbeiter_area0" + i ).closest("div").animate({
	height: "500"})
	
	}else{
	
	$( "#mitarbeiter_area0" + i ).hide();
	
	} 
	}

	event.preventDefault(); 	  
    return false; //for good measure 

	});
	
  //----------- mouseover call.
	$( ".mitarbeiter_area" ).mouseout(function(){
	  //-----------.click() called
	var str =  this.id;
	var str2 = str.slice(5,6);
	
	 	for (var i = 1; i <= 8; i++)
		{	
			if($( "#mitarbeiter_area0" + i ).is(":visible"))
			{
			$( "#mitarbeiter_area0" + i ).animate({
			width: "150", height: "177"});
			
			$( "#mitarbeiter_area0" + i ).closest("div").animate({
			width: "150", height: "177"})
			
			$( "#mitarbeiter_area0" + i ).hide();
			}
		}
		
	event.preventDefault(); 	  
    return false; //for good measure
	
	});	
	
	
	
});