/* Greybox Redux
 * Required: http://jquery.com/
 * Written by: John Resig
 * Based on code by: 4mir Salihefendic (http://amix.dk)
 * License: LGPL (read more in LGPL.txt)
 */

var GB_DONE = false;
var GB_HEIGHT = 400;
var GB_WIDTH = 400;

function GB_show(caption, url, height, width) {
  GB_HEIGHT = height || 400;
  GB_WIDTH = width || 400;
  if(!GB_DONE) {
    $(document.body)
      .append("<div id='GB_overlay'></div><div id='GB_window'><div id='GB_caption'></div>"
        + "<img src='/javascript/greybox/close.gif' alt='Close window'/></div>");
    $("#GB_window img").click(GB_hide);
    $("#GB_overlay").click(GB_hide);
    $(window).resize(GB_position);

    GB_DONE = true;
  }

	$("#GB_frame").remove();
	$("#GB_window").append("<iframe id='GB_frame' src='"+url+"' onload='iframeDone();'></iframe>");

	$("#GB_caption").html(caption);
	$("#GB_overlay").show();
	GB_position();

	// mg sez: make the overlay the size of the body
	if ($('html').height() > $(window).height()) {
		$('#GB_overlay').height($('html').height());
	}

	$("#GB_window").show();

	return false;
}

function GB_hide() {
  $("#GB_window,#GB_overlay").hide();
}

function GB_position() {
  var de = document.documentElement;
  var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
  var h = self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
  $("#GB_window").css({
	width: GB_WIDTH + "px",
	height : GB_HEIGHT - 12 + "px",
    left: ((w - GB_WIDTH)/2) + "px",
	top: ((h - GB_HEIGHT)/2) + 'px'
  });
  $("#GB_frame").css("height",GB_HEIGHT - 32 +"px");
}