function box(id, content)
{

	this.content = content;
	this._dN = null;

	this.closeBox = function(e)
	{
		this._dN.style.display = 'none';
		$('flvplayer').style.visibility = 'visible';
                sendEvent('playpause');
	}

	this.center = function()
	{

		var body_w;
		var body_h;

		if ( typeof( "color: black; background-color: rgb(160, 255, 255);">window.innerWidth ) == 'number' )
		{
		        body_w  = "color: black; background-color: rgb(160, 255, 255);">window.innerWidth;
		        body_h = window.innerHeight;
		}
		else if ( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
		{
		        body_w  = document.documentElement.clientWidth;
		        body_h = document.documentElement.clientHeight;
		}
		else if ( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
		{
		        body_w  = document.body.clientWidth;
			body_h = document.body.clientHeight;
		}
		
		var me_w = $(this._dN.id).getWidth();
		var me_h = $(this._dN.id).getHeight();

		this._dN.style.top = ((body_h - me_h) / 2) + 'px';
		this._dN.style.left = ((body_w - me_w) / 2) + 'px';
	}

	this.DOM = function()
	{
		var widget;

		this._dN = document.createElement('div');
		this._dN.id = id;
		this._dN.name = name;
		this._dN.className = 'box_container';

		this._dN.style.width = (this.content.getWidth() + 17 + 17) +  'px';
		this._dN.style.height = (this.content.getHeight() + 28 + 15) +  'px';

		// top
		widget = document.createElement('div');
		widget.className = 'box_tr';
		widget.onclick = this.closeBox.bindAsEventListener(this);
		this._dN.appendChild(widget);

		widget = document.createElement('div');
		widget.className = 'box_tl';
		this._dN.appendChild(widget);
		
		widget = document.createElement('div');
		widget.className = 'box_t';
		this._dN.appendChild(widget);

		// middle
		widget = document.createElement('div');
		widget.className = 'box_r';
		this._dN.appendChild(widget);

		widget = document.createElement('div');
		widget.className = 'box_l';
		this._dN.appendChild(widget);

		widget = document.createElement('div');
		widget.className = 'box_content';
		widget.appendChild(this.content);
		this._dN.appendChild(widget);

		// bottom
		widget = document.createElement('div');
		widget.className = 'box_br';
		this._dN.appendChild(widget);

		widget = document.createElement('div');
		widget.className = 'box_bl';
		this._dN.appendChild(widget);

		widget = document.createElement('div');
		widget.className = 'box_b';
		this._dN.appendChild(widget);

		return this._dN;
	}
}