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

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

Glue_Preview.prototype =
{
	_debug: false,
	_pagesize: null,
	_scrollsize: null,

	init: function()
	{

		this._pagesize = glue.getPageSize();

		var body = glue.getByTag('body');
			
		// コンテナ生成
		var container = document.createElement('div');
		container.setAttribute( 'id', 'preview' );
		container.style.zIndex = 100;
		container.style.display = 'none';
		//container.style.top = scroll[1] + ( page[3] / 10 ) + 'px';
		container.onclick = function()
		{
			preview.hide();
		};
		body.appendChild(container);

		var inner = document.createElement('div');
		inner.setAttribute( 'id', 'preview_inner' );

		container.appendChild(inner);
	},
	show: function( url, width, height, desc )
	{
		this._pagesize = glue.getPageSize();
		this._scrollsize = glue.getPageScroll();

		overlay.show( this._pagesize[0], this._pagesize[1] );

		var container = glue.getByID('preview');
		container.style.display = 'block';
		container.style.top = this._scrollsize[1] + ( this._pagesize[3] / 10 ) + 'px';

		var inner = glue.getByID('preview_inner');
		inner.style.width = width +'px';

		var img = document.createElement('img');
		img.setAttribute( 'id', 'preview_image' );
		img.setAttribute( 'src', url );
		inner.appendChild(img);
		
		var p = document.createElement('p');
		p.setAttribute( 'id', 'preview_desc' );
		var txt = document.createTextNode(desc);
		p.appendChild(txt); 
		inner.appendChild(p);
	},
	hide: function()
	{
		overlay.hide();

		glue.getByID('preview').style.display = 'none';
		var inner = glue.getByID('preview_inner');
		var img = glue.getByID('preview_image');
		var p = glue.getByID('preview_desc');
		inner.removeChild(img);
		inner.removeChild(p);
	}
}

function initPreview()
{
	initOverlay();
	preview = new Glue_Preview();
	preview.init();
}
Event.observe(window, 'load', function(e){
	this.initPreview();
	return e.returnValue = true;
});