$(function ()
{
  $('a.popup').click(function()
  {
    var href = $(this).attr('href');
    var title = $(this).attr('title');
    
    $('body').append('<div class="lightbox"><div class="lightbox_img"><a href="" class="close"><img src="/images/close.png"/><a/><img class="lightboxed" src="'+href+'" alt="'+title+'"/></div></div>');
    
    $('div.lightbox img.lightboxed').load(function()
    {
      $('div.lightbox_img').width($(this).width()+2);
      
      var h = $(this).height();
      if (h < $('body').height() )
      {
        var margin = ( $('body').height() - h ) / 2;
        $('div.lightbox_img').css('margin-top', margin);
      }
    });
    
    $('div.lightbox').fadeIn('300');
    return false;
  });
  
  $('div.lightbox a.close').live('click',function()
  {
    $('div.lightbox').fadeOut('300',function(){$(this).remove();});
    return false;
  });
});