var GB_DONE = false;
var GB_HEIGHT = 400;
var GB_WIDTH = 400;
var gb_settings = {};
;(function($) {
	$.extend($.fn, {
		GB_show:function (settings) {
		  if(settings == null)
		  	settings = {};
		  else
		  	gb_settings = settings;
		  	
		  var caption = settings.caption;
		  var url = settings.url; 
		  var height = settings.height;
		  var width = settings.width;
		  
		  GB_HEIGHT = height || 400;
		  GB_WIDTH = width || 400;
		  if(!GB_DONE) {
		    $(document.body)
		      .append("<div id='GB_overlay'></div><div id='GB_window'><span style='float:right;' class='ui-icon ui-icon-close'>&nbsp;</span>"
		        + "<div id='GB_caption'></div></div>");
		    $("#GB_window .ui-icon-close").click(function(){
		    	GB_hide();
		    });
		    $("#GB_overlay").click(function(){
		    	GB_hide();
		    });
		    $(window).resize(function(){
		    	$(this).GB_position();
		    });
		    GB_DONE = true;
		  }
		
		  $("#GB_frame").remove();
		  $("#GB_window").append("<iframe id='GB_frame' src='"+url+"'></iframe>");
		
		  $("#GB_caption").html("<span style='float:left;margin-right:0.3em;' class='ui-icon ui-icon-folder-collapsed'></span>"+caption);
		  $("#GB_overlay").show();
		  $(this).GB_position();
		
		  if(GB_ANIMATION)
		    $("#GB_window").slideDown("slow");
		  else
		    $("#GB_window").show();
		},
		
		GB_position:function () {
		  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");
		}
	
	});
})(jQuery);

function GB_hide(){
	if(gb_settings.onclose){
	  	gb_settings.onclose.apply(this, arguments);
	  }
	  $("#GB_window,#GB_overlay").hide();
}