Enexis.Overlay = {};
Enexis.Overlay.count = 0;
Enexis.Overlay.getRootElement = function(){
  if (!$("#enexis-ovl-container").length) {
    $("body").append("<div id='enexis-ovl-container' style='display:none;'></div>");
  }
  return $("#enexis-ovl-container");
};
Enexis.Overlay.show = function(link, elementId) {
  link.colorbox({width:"503px", inline:true, href:"#" + elementId, opacity: "0.77", transition: "none", open: true});
};
Enexis.Overlay.load = function(url, sync){
  var uid = "enexis-ovl" + Enexis.Overlay.count++;
  Enexis.Overlay.getRootElement().append("<div id='" + uid + "' class='modal'></div>");
  $.ajax({
    async:false, 
    url:url, 
    success:function(data, textStatus) {
      $("#" + uid).append(data); 
      Enexis.Glossary.hilite($("#" + uid)[0]); 
      Hilite.hilite($("#" + uid)[0]);
      $("#" + uid + " .hulp").bt({
        strokeStyle: "#de0073",
        cornerRadius: 0,
        fill: '#f5ffcf',
        spikeLength: 15,
        spikeGirth: 31,
        cssStyles: {color: "#514c51"},
        overlap: -4,
        offsetParent: "body",
        positions: "right"
      }); 
    },
    error:function (XMLHttpRequest, textStatus, errorThrown) {$("#" + uid).append("<h3>Fout: kan resultaat niet tonen</h3><p style='padding-top: 0px;'>Door een onverwachte fout kan het resultaat van de gevraagde bewerking niet getoond worden.</p>");}
  });
  return uid;
};
$(document).ready(function() {
  $("a.overlay-dynamic").click(function(event){
    if (!this.ovlid) {
      this.ovlid = Enexis.Overlay.load($(this).attr("href"));
    }
    Enexis.Overlay.show($(this), this.ovlid);
    event.stopImmediatePropagation();
    return false;
  });
});