(function($, undefined) {
  $(document).ready(function() {
    var _tbl = $("#uc-related-information > table > tbody");
    $(".add-row a", _tbl).live('click', function(event) {
      event.preventDefault();
      var row = $(".info-row", _tbl).eq(0).clone();
      var add = $(".add-row", _tbl).remove();
      
      // reset to appropriate form values
      $("input", row).add("textarea", row).val('');
      
      _tbl.append(row).append(add);
    });
    
    $(".uc_related_information_remove_entry").live('click', function(event) {
      event.preventDefault();
      var row = $(this).closest(".info-row");
      $("input[name*='uc_related_information_removed']", row).val('1');
      row.fadeOut();
    });
    
    $(".related-information .thumbnail").bind('click', function(event) {
      event.preventDefault();
      
      var li = $(this).closest("li");
      var fullsize = $(".related-information .related-body");
      
      function change() {
        var title = $(".title", li).html();
        var image = $(".thumbnail", li).attr('href');
        var description = $(".description", li).html();
        
        $(".title", fullsize).html(title);
        $(".description", fullsize).html(description);
        $("img", fullsize).attr('src', image).attr('alt', title);
        
        preload(image, function() {
          fullsize.slideDown();
        });
        //fullsize.slideDown();
      }
      
      if (fullsize.is(":visible"))
        fullsize.slideUp(change);
      else
        change();
    });
    $(".related-information .related-body img").click(function(event) {
      $(".related-information .related-body").slideUp();
    });
    
    
    function preload(src, callback) {
      var img = $("<img />");
      img.load(callback).get(0).onerror = callback;
      img.attr('src', src);
    }
  });
})(jQuery);