Behaviour.register({
	'.openFlyout' : function (elem)
	{
		var flyout = $("flyout_" + elem.id);
		var body_elem = document.getElementsByTagName("BODY")[0];

		flyout.parentNode.removeChild(flyout);
		body_elem.appendChild(flyout);
	
		Event.observe(elem,"click",function (evt)
		{
			var body_elem = document.getElementsByTagName("BODY")[0];
			var flyout = this;
			var height = 0;
			var width = 0;
			if (document.clientHeight != null)
			{
				height = document.clientHeight;
				width = document.clientWidth;
			}
			else
			{
				height = body_elem.clientHeight;
				width = body_elem.clientWidth;
			}
			Event.stop(evt);
			flyout.className += " on";
			flyout.style.top = (((height - flyout.offsetHeight) / 2) + body_elem.scrollTop) + "px";
			flyout.style.left = (((width - flyout.offsetWidth) / 2) + body_elem.scrollLeft) + "px";
			return false;
		}.bind(flyout),true);
	},
	'.closeFlyout' : function (elem)
	{
		Event.observe(elem,"click",function (evt)
		{
			var flyout = $("flyout_" + this.id);
			Event.stop(evt);
			flyout.className = flyout.className.replace(/ on/,"");
			return false;
		}.bind(elem),true);
	}
});
