$(document).ready(
  function()
  {
   $("#enlarge-image").click(
      function()
      {
    var winWidth = $(window).width();
var winHeight  = $(window).height()+195;
      $("#container").append("<div id=\"lightbox-background\"></div>");

     /* $("#lightbox-background").width(winWidth);
      $("#lightbox-background").height(winHeight);
      $("#lightbox-background").fadeIn("slow");*/
     $("#lightbox-background").fadeIn(1);
     $("#lightbox-background").animate(
      {
        width: winWidth+"px",
        height: winHeight+"px"
      },1500,"",
      function()
      {
         $("#lightbox-background").append("<a href=\"#\" title=\"Close\" id=\"lightbox-close\">Close</a><br />");
      $("#lightbox-background").append("<img src=\"images/mskbig.jpg\" 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();
                                        }
                                        )
    }
      );
      }
     );


      }
  )
  }
);