$(document).ready(function() {

  var id = 'wr_viagialla-popup';

  //create background
  var bg = $('<div id="'+id+'-background"></div>').hide();

  //create image
  var img = $('<div id="'+id+'-popup"></div>');

  //create popup-button
  var popupBtn = $('<a href="http://www.vdf.ethz.ch/vdf.asp?showArtDetail=3409" target="_blank" id="'+id+'-popup-button"></a>');
  
  bg
    .append(img)
    .append(popupBtn);

  $('body').append(bg);

  //create button
  var btn = $('<a href="http://www.vdf.ethz.ch/vdf.asp?showArtDetail=3409" target="_blank" id="'+id+'-button"></a>').hide();
  $('body').append(btn);

  //show background
  $('#'+id+'-background').show();

  //center image    
  //popupBtn.css('left', img.position().left + 100);
  //popupBtn.css('top', img.position().top + 100);

});

//register click handler to close popup
//and show order-button
$(document).click(function() {
  var id = 'wr_viagialla-popup';

  //hide background
  $('#'+id+'-background').hide();

  //show button
  $('#'+id+'-button').show();
  
});