/** ********************************************************************
 ** Glue_Preview
 ** 
 ** <div id="overlay" />
 ** <div id="preview">
 ** 	<div id="preview_inner">
 ** 		<img id="preview_image" />
 ** 	</div>
 ** </div>
 ** *******************************************************************/

function Glue_Overlay( debug )
{
	if(debug) this._debug = debug;
}

Glue_Overlay.prototype =
{
	_debug: false,

	init: function()
	{
		var body = glue.getByTag('body');
		var layer = document.createElement('div');
		layer.setAttribute( 'id', 'overlay' );
		layer.style.width = '100px';
		layer.style.height = '100px';
		layer.style.zIndex = 100;
		layer.style.display = 'none';
		body.appendChild(layer);
	},
	show: function( width, height )
	{
		var body = glue.getByTag('body');
		var layer = glue.getByID('overlay');
		layer.style.width = width +'px';
		layer.style.height = height +'px';
		layer.style.display = 'block';
	},
	hide: function()
	{
		glue.getByID('overlay').style.display = 'none';
	}
}

function initOverlay()
{
	overlay = new Glue_Overlay();
	overlay.init();
}
//initOverlay();
//Event.observe( window, 'load', initOverlay, false );