/* 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_ANIMATION = true;
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) {
    $j(document.body)
      .append("<div id='GB_overlay'></div><div id='GB_window'><div id='GB_caption'></div>"
        + "<img src='/social/img/greybox/close.gif' alt='Close window'/></div>");
    $j("#GB_window img").click(GB_hide);
    $j("#GB_overlay").click(GB_hide);
    $j(window).resize(GB_position);
    GB_DONE = true;
  }

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

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

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

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






function GB_position() {
  var de = document.documentElement;
  
  var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;

	var the_top = 0;
	if (self.innerHeight >= GB_HEIGHT) {
		the_top = Math.ceil( (self.innerHeight - GB_HEIGHT) / 2 );
	}

  $j("#GB_window").css({width:GB_WIDTH+"px",height:GB_HEIGHT+"px", left: ((w - GB_WIDTH)/2)+"px", top : the_top });
  $j("#GB_frame").css("height",GB_HEIGHT - 32 +"px");
}