function loadOnThisDay(host) {
  var now = new Date();
  var month = now.getMonth() + 1;
  var day = now.getDate();
  var url = 'http://' + host + '/public/daily_archive/' + month + '/' + day;

  document.writeln('<script src="' + url + '" type="text/JavaScript"><\/script>');
}

function openZoom(element) {
  var thumbPath = $(element).attr('src');
  var zoomPath = thumbPath.replace(/thumbnail/,'medium')
  var ap = $(element).parents('tr').prev().children('.archivePublisher').html();
  var apat = $(element).parents('tr').prev().children('.archivePublishedAt').html();
  var at = $(element).parents('tr').prev().children('.archiveTitle').html();
  
  var zoom = '<div class="zoom">';
  zoom = zoom + '<div class="zoomBar">';
  zoom = zoom + '<div class="sprite" />';
  zoom = zoom + '<p>';
  zoom = zoom + ap + ' ' + apat + ' ' + at;
  zoom = zoom + '</p></div>';
  zoom = zoom + '<img src="' + zoomPath + '></img>';
  zoom = zoom + '</div>';
  
  $(element).parents('.thumbContainer').before(zoom);  

  $(element).parents('td').children('.zoom').click(function() {
    $(this).remove();
  });
  
}

function initThumbnailEvents() {
  $('.thumbContainer img').click(function() {
    openZoom(this);
  });

}

$(document).ready(function() {
  initThumbnailEvents();
});
