$(function() {
  var imgs = $('.photogallery .container-left img');
  
  imgs.each(function() {
    var img = $(this);
    
    var author = {
      image: img.attr('data-author-img'),
      name: img.attr('data-author-name'),
      organization: img.attr('data-author-organization')
    };
    
    if (!author.name || !author.image || !author.organization) return;
    
    var rendered = $('<div class="hover-author" />')
                      .append($('<img />').attr('src', author.image))
                      .append($('<div class="descr-author" />')
                          .append($('<h5 class="" />').text(author.organization))
                          .append('<span>Design by</span><br />')
                          .append($('<span />').text(author.name)));
    
    rendered.css({
      position: 'absolute',
      left: -1000,
      top: -1000,
      zIndex: 100
    }).hide().appendTo('body');
    
    img.add(rendered).hover(function(event) {
      setPos(event);
      rendered.show();
    }, function(event) {
      rendered.hide();
    }).mousemove(setPos)
    
    rendered.click(function() {
      img.click();
    });
    
    function setPos(event) {
      rendered.offset({
        left: event.pageX + 1,
        top: event.pageY + 1
      });
    };
    
  });
});