/* 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)
 ******************************************************************************
   NOTE:
   =====

	Although this module is defined globally, there are changes to make it work
	for the flamenco website. If this module will be reused, it should be cleaned up.
 ******************************************************************************
 */

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

function GB_show(caption, url, height, width) {
	//WRI: If the caption is empty, the title bar will not display
	if ( caption == "" ) {
		caption =' ';
	}

  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='/lib/greybox/close.gif' alt='Close window'/></div>");
    $("#GB_window img").click(GB_hide);
    // WRI removed, do not want to close on click
	// $("#GB_overlay").click(GB_hide);
    $(window).resize(GB_position);
    GB_DONE = true;
  }

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

  $("#GB_caption").html(caption);
  $("#GB_overlay").show();
  GB_position();
	//WRI addition - take scrolling into account, otherwise popup
	//				 will always display at top of page.
  $("#GB_window").vCenter();

  if(GB_ANIMATION)
    $("#GB_window").slideDown("slow");
  else
    $("#GB_window").show();
}

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;
  $("#GB_window").css({width:GB_WIDTH+"px",height:GB_HEIGHT +"px",
    left: ((w - GB_WIDTH)/2)+"px" });
  $("#GB_frame").css("height",GB_HEIGHT - 32  +"px");

	// WRI Notes
	// Same trick for the height (note that this is the height of the viewing area)
	//  var h = self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	// Same trick to get vertical scroll offset:
	//  var sh = self.pageYOffset || (de&&de.scrollTop) || document.body.scrollTop;

	// WRI:
	// make the overlay stretch as far down as possible
	// Up till the footer should be far enough
  var footer = document.getElementById( 'footer' );
	var h = footer.offsetTop;
  $("#GB_overlay").css("height", h +"px");
}