$(document).ready(function(){
    
    $("#ribbon #button").html("Shrink image");
 
    $("#ribbon").mouseenter(function(){
      $("#ribbon #button").fadeIn();
    });
    
    $("#ribbon").mouseleave(function(){
      $("#ribbon #button").fadeOut();
    });
    
    /*controls bei hover leuchten lassen*/
    
    $("#button").mouseenter(function(){
     $("#button").css("background-color","#E0E0FF");
    });
    
    $("#button").mouseleave(function(){
      $("#button").css("background-color","#FFFFFF");
    });
    
    /*jetzt das Bild vergrössern und verkleinern*/
    
    $("#ribbon").toggle(
    function(){
      $("#ribbon").animate({ 
        height: "110px"
      }, 1500, "swing", function(){$("#ribbon #button").html("Enlarge image");}
     );          
    },
    function(){
      $("#ribbon").animate(
        {height: "300px"}, 
        1500, 
        "swing",
        function(){$("#ribbon #button").html("Shrink image");}
        );          
     }
    );
    });