$(document).ready(function(){
   // alle Bilder innerhalb div#loginbox vorausladen
   $.preload( "#loginbox img", {
    find:/\.(gif|jpg|png)/,
  onFinish: function () {
    // große Ansicht der Papierecke nach Vorausladen löschen
    $("#delete").remove();
    // div#loginbox einfaden
    $("#loginbox").fadeIn("slow");
  }
 });
 
   $("#loginbox").hover(
   // Funktion bei MouseOver
 function () {
  $("#loginbox-page").attr("src", "fileadmin/tpl/linksjugend/gfx/pagePeel/page-big.png");
  $("#loginbox").animate({width: 520, height: 520}, 200, "linear", function () {
    $("#loginbox-page").attr("src", "fileadmin/tpl/linksjugend/gfx/pagePeel/page-big.png"); // nochmals Quelle ändern, falls Animation sich verschluckt
    $("#loginbox-form").fadeIn(200);// Inhalt einblenden, Element-style = display:block;
    $("#loginbox-form").css("z-index", "20"); // Inhalt nach vorne bringen
  });
 },
 // Funktion bei MouseOut
 function () {
  $("#loginbox-form").removeAttr("style"); // Inhalt "verstecken", s. CSS-Anweisungen
  $("#loginbox input").blur();
  $("#loginbox").animate({width: 100, height: 100}, 75, "linear", function () {
    $("#loginbox-form").hide(); // nochmals Inhalt ausblenden, falls Animation sich verschluckt
    $("#loginbox-page").attr("src", "fileadmin/tpl/linksjugend/gfx/pagePeel/page-small.png");
  });
 }
);
});
