/* 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) {
	try {
  GB_HEIGHT = height || 400;
  GB_WIDTH = width || 400;
  if(!GB_DONE) {
//  	$("head").append("<style type=\"text/css\"> div.rating{cursor:pointer;margin:2em;clear:both;display:block} div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden} div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.cancel,div.cancel a{background:url(delete.gif) no-repeat 0 -16px} div.star,div.star a{background:url(http://localhost/fairrent/web/content/star.gif) no-repeat 0 0px} div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000} div.star_on a{background-position:0 -16px!important} div.star_hover a,div.star_live a:hover{background-position:0 -32px} div.star_readonly a,div.star_readonly a:hover{cursor:default !important} div.star{background:transparent!important;overflow:hidden!important}</style>");

    $("body")
      .append("<div id='GB_overlay'></div><div id='GB_window'><div id='GB_caption'></div>"
        + "<img src='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+"'></iframe>");
//  $("#GB_caption").html(caption);
$("#GB_caption").html('<br />');
  $("#GB_overlay").show();
  GB_position();

  if(GB_ANIMATION)
    $("#GB_window").slideDown("slow");
  else
    $("#GB_window").show();
	} catch(e) {
		alert( e );
	}
}

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");
}