var SCN_Modal_DONE = false;
var SCN_Modal_HEIGHT = 400;
var SCN_Modal_WIDTH = 400;
var SCN_Modal_CLOSABLE = false;
function SCN_Modal_show(caption, url, height, width) {
  SCN_Modal_HEIGHT = height || 400;
  SCN_Modal_WIDTH = width || 400;
  if(!SCN_Modal_DONE) {
    $(document.body)
      .append("<div id='SCN_Modal_overlay'></div><div id='SCN_Modal_window'><div id='SCN_Modal_caption'></div>"
        + "<img src='"+ RootPath + "images/icons/cross.png' alt='Close window'/></div>");
	  //+ "<img src='close.gif' alt='Close window'/></div>");
    $("#SCN_Modal_window img").click(SCN_Modal_hide);
	if(SCN_Modal_CLOSABLE){
    $("#SCN_Modal_overlay").click(SCN_Modal_hide);
	}
    $(window).resize(SCN_Modal_position);
    SCN_Modal_DONE = true;
  }

  $("#SCN_Modal_frame").remove();
  $("#SCN_Modal_window").append("<iframe id='SCN_Modal_frame' frameborder='0' src='"+url+"'></iframe>");

  $("#SCN_Modal_caption").html(caption);
  $("#SCN_Modal_overlay").show();
  SCN_Modal_position();

  if(SCN_Modal_ANIMATION)
    $("#SCN_Modal_window").slideDown("slow");
  else
    $("#SCN_Modal_window").show();
}

function SCN_Modal_hide() {
	  $("#SCN_Modal_window,#SCN_Modal_overlay").remove();
  $("#SCN_Modal_window,#SCN_Modal_overlay").hide();

}

function SCN_Modal_position() {
  var de = document.documentElement;
  var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
  $("#SCN_Modal_window").css({width:SCN_Modal_WIDTH+"px",height:SCN_Modal_HEIGHT+"px",
    left: ((w - SCN_Modal_WIDTH)/2)+"px" });
  $("#SCN_Modal_frame").css("height",SCN_Modal_HEIGHT - 32 +"px");
}