(function( $ ){
  bcki = new Image(); 
  bcki.src = "http://www.electrosanne.ch/wp-content/themes/electrosanne/images/mask.png";
  $.fn.present = function(size, title) {
    var w = parseInt(size.width);
    var h = parseInt(size.height);
    var maskNode = jQuery("<div/>",{"style":"text-align:center;z-index:1000;width:100%;height:100%;position:fixed;top:0px;left:0px","id":"mask"});
    var closeNode = jQuery("<div/>",{"style":"z-index:1000;position:fixed;","id":"close_btn"});
    var imgNode = jQuery("<img/>",{"src":this.attr("href"),"style":"position:absolute;top:50%;left:50%;margin-top:-"+(h/2)+"px;margin-left:-"+(w/2)+"px"});
    jQuery("#mask").remove();
    maskNode
      .click(function(){
        jQuery(this).remove();
        jQuery("iframe").show();})
      .append(imgNode)
      .append(closeNode)
      .appendTo(jQuery("body"));
    closeNode.css({
      top:imgNode.position().top-imgNode.height()/2,
      left:imgNode.position().left+imgNode.width()/2-30
    });
  };
})( jQuery );
