function displayFloater(url){
	
	var iframeW = 500;
	var iframeH = 600;
	var border = 10;

	var bobW = 120;
	var bobH = 190;

	function getWindowSize() {
		  var myWidth = (iframeW +1), myHeight = (iframeH +1);
		  if( typeof( window.innerWidth ) == 'number' ) {
		    //Non-IE
		    myWidth = window.innerWidth;
		    myHeight = window.innerHeight;
		  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		    //IE 6+ in 'standards compliant mode'
		    myWidth = document.documentElement.clientWidth;
		    myHeight = document.documentElement.clientHeight;
		  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		    //IE 4 compatible
		    myWidth = document.body.clientWidth;
		    myHeight = document.body.clientHeight;
		  }
		  return [ myWidth , myHeight ]
	}	
	
	var winSize = getWindowSize();
	var winW = winSize[0];
	var winH = winSize[1];
	
	var background = "<div style=\"z-index:2;background-image: url('images/halftrans.png');position:absolute;left:0px;top:0px;width:100%; height:100%\" onclick=\"hideFloater()\">&nbsp;</div>";
	var foreground = "<div style=\"z-index:3;position:absolute;left:"+((winW-iframeW)/2)+"px;top:"+((winH-iframeH)/2)+"px;width:" + (iframeW+border) + "px; height:" + (iframeH+border) +"px\"><iframe style=\"width:"+iframeW+"px;height:"+iframeH+"px\"src=\""+url+"\">Frames Not Active.</iframe></div>";
	var bob = "<div style=\"z-index:4;position:absolute;left:"+((winW/2)+(iframeW/2)-(bobW/2))+"px;top:"+(((winH-iframeH)/2)+iframeH-bobH)+"px;text-align:center\"><img src=\"images/chars/bobbarrel.png\"></div>";
	
	document.getElementById("floaterAnchor").innerHTML = bob + background + foreground
}

function hideFloater(){
	document.getElementById("floaterAnchor").innerHTML = "";
}