$(document).ready(
  function()
  {
   $(".enlarge-image").click(
     function()
      {
        img = $(this).attr("id");
    var winWidth = $(window).width();
var winHeight  = $(window).height()+195;
      $("#container").append("<div id=\"lightbox-background\"></div>");
     $("#lightbox-background").fadeIn(1);
     $("#lightbox-background").animate(
      {
        width: winWidth+"px",
        height: winHeight+"px"
      },1500,"",
      function()
      {
       var pos = img.lastIndexOf('-');
       img = img.substring(pos+1);
       img = $("#image-"+img).attr("src");

       img=img.substring(0,img.length-4);
       img=img+'big.jpg';


         $("#lightbox-background").append("<a href=\"#\" title=\"Close\" id=\"lightbox-close\">Close</a><br />");
      $("#lightbox-background").append("<img src=\""+img+"\" alt=\"Enlarged Image=\" />");
      $("#lightbox-background a").fadeIn("slow");
      $("#lightbox-background img").fadeIn("slow");
       $("#lightbox-close").click(
    function ()
    {

                                        $("#lightbox-background").animate(
      {
        width: "0px",
        height: "0px"
      },1500,"",
                                        function ()
                                        {
                                          $("#lightbox-background").remove();
                                        }
                                        )
    }
      );
      }
     );


      }
  )
  }
);