$(document).ready(function(){
 
 $('.slidein').animate({
  'marginLeft':'0'
 },1000,'easeOutQuart');



 $('#li img').bind('mouseenter', function(){
  $('#topnav div').css({
   'width':'20px'
  });
  $('#topnav #leben').animate({
   'width':'180px'
  });
  $('#mi canvas,#re canvas').animate({
   'width':'290px'
  });
  $('#mi,#re').animate({
   'width':'290px',
   'marginTop':'30px'
  });
  $('#mi img, #re img').animate({
   'width':'290px',
   'height':'290px'
  });
  $('#li canvas').animate({
   'width':'370px'
  });
  $('#li').animate({
   'marginTop':'0',
   'width':'370px'
  });     
  $('#li img').animate({
   'width':'370px',
   'height':'370px'
  });
  $('#schriftzug img').animate({
   'width':'291px',
   'height':'32px',
   'marginTop':'0',
   'marginLeft':'0'
  });
 });



 $('#mi img').bind('mouseenter', function(){
  $('#topnav div').css({
   'width':'20px'
  });
  $('#topnav #erleben').animate({
   'width':'140px'
  });
  $('#li canvas,#re canvas').animate({
   'width':'290px'
  });
  $('#li,#re').animate({
   'width':'290px',
   'marginTop':'30px'
  });
  $('#li img, #re img').animate({
   'width':'290px',
   'height':'290px'
  });
  $('#mi canvas').animate({
   'width':'370px'
  });
  $('#mi').animate({
   'marginTop':'0',
   'width':'370px'
  });     
  $('#mi img').animate({
   'width':'370px',
   'height':'370px'
  });
  $('#schriftzug img').animate({
   'width':'240px',
   'height':'26px',
   'marginTop':'0',
   'marginLeft':'70px'
  });
 });


 
 $('#re img').bind('mouseenter', function(){
  $('#topnav div').css({
   'width':'20px'
  });
  $('#topnav #buchen').animate({
   'width':'180px'
  });
  $('#mi canvas,#li canvas').animate({
   'width':'290px'
  });
  $('#mi,#li').animate({
   'width':'290px',
   'marginTop':'30px'
  });
  $('#mi img, #li img').animate({
   'width':'290px',
   'height':'290px'
  });
  $('#re canvas').animate({
   'width':'370px'
  });
  $('#re').animate({
   'marginTop':'0',
   'width':'370px'
  });     
  $('#re img').animate({
   'width':'370px',
   'height':'370px'
  });
  $('#schriftzug img').animate({
   'width':'288px',
   'height':'36px',
   'marginTop':'20px',
   'marginLeft':'0'
  });  
 });



 $('#slideshow').bind('mouseleave', function(){
  $('#li img,#mi img,#re img').animate({
   'width':'310px',
   'height':'310px'
  });
  $('canvas').animate({
   'width':'310px'      
  });
  $('#li,#mi,#re').animate({
   'width':'310px',
   'marginTop':'20px'
  });
  $('#schriftzug img').animate({
   'width':'288px',
   'height':'36px',
   'marginTop':'0',
   'marginLeft':'0'
  });
 });



 $('#topnav div').bind('mouseenter', function(){
  $(this).animate({ 
   'width':'180px'
  });
  $('#topnav div').not(this).animate({
   'width':'20px'
  });  
 });
 
 
 
});