(function($) {
	
$("#realtime-widget").remove();
var container = $('<div id="realtime-widget-container" />').css({
	position: "fixed",
	left: 0,
	bottom: 0,
	"background-color": "#ccc",
	width: "100%",
	"border-top": "solid 2px black"
}).appendTo(document.body)[0];

var height = 100;

var widget = $('<iframe id="realtime-widget" src="/bags/sockets_public/tiddlers/index.html" />').appendTo(container);
$(widget).css({
	position: "relative",
	height: height,
	"z-index": 0,
	width: "100%"
});

$('<button>real time tiddlers</button>').click(function(ev) {
	$(widget).toggle();
}).css({
	position: "absolute", right: "10px", bottom: "0px",
	"background": "none",
	"width": 200,
	"height": 19,
	"z-index": 2,
	bottom: 0,
	border: "none",
	"background-color": "white",
	"background-repeat": "no-repeat",
	cursor: "pointer",
	"background-image": "url(http://following.tiddlyspace.com/SiteIcon)"
}).appendTo(container);

$(document.body).css({ "padding-bottom": height + 8 });
})(jQuery);