window.popups = new Array();
window.availiblePopup = function()
{
	for(var i = 0; i < window.popups.length; i++)
	{
		if(window.popups[i].popUp.get('opacity') == 0)
		{
			return window.popups[i];
		}
	}
	return new popup();
}
window.highestPopup = 1;
window.popup = new Class({
	Implements: Events,
	initialize: function()
	{
		this.popUp = new Element('div', {
			styles: {
				position: 'absolute',
				border: '5px solid #001366',
				padding: 0,
				'background-color': '#000'
			},
			opacity: 0
		});
		var topTable = new Element('table', {
			cellpaddin: 0,
			cellspacing: 0
		});
		this.popUp.grab(topTable);
		var titleRow = $(topTable.insertRow(0));
		var titleCell = $(titleRow.insertCell(0));
		titleCell.set('styles', {
			'text-align': 'left',
			padding: '2px',
			'text-transform': 'uppercase',
			'background-color': '#001366',
			color: '#ff7800'
		});
		var titleTable = new Element('table', {
			styles: {
				width: '100%'
			}
		});
		titleCell.grab(titleTable);
		var titleTable_row = $(titleTable.insertRow(0));
		this.titleView = $(titleTable_row.insertCell(0));
		this.popUp.addEvent('mousedown', function() {
			this.set('styles', {
				'z-index': window.highestPopup++
			});
		});
		var closerCell = $(titleTable_row.insertCell(1));
		closerCell.set('styles', {
			'text-align': 'right'
		});
		var textRow = $(topTable.insertRow(1));
		this.textView = $(textRow.insertCell(0));
		this.textView.set('styles', {
			padding: '20px'
		});
		this.closer = new Element('span', {
			text: 'X',
			styles: {
				color: '#fff',
				cursor: 'pointer'
			},
			events: {
				mouseover: function() {
					this.set('styles', {
						color: "#f00"
					});
				},
				mouseleave: function() {
					this.set('styles', {
						color: "#fff"
					});
				},
				click: function() {
					this.retrieve('popup').hide();
				}
			}
		});
		closerCell.grab(this.closer);
		this.closer.store('popup', this);
		this.drager = new Drag(this.popUp, {
			handle: this.titleView
		});
		this.popUp.inject(document.body);
		window.popups.push(this);
	},
	show: function(text, title)
	{
		this.titleView.set('text', title);
		this.textView.empty();
		this.textView.set('text', text);
		return this.trueShow();
	},
	showHtml: function(html, title)
	{
		this.titleView.set('text', title);
		this.textView.set('html', text);
		return this.trueShow();
	},
	showPredefined: function(title)
	{
		this.titleView.set('text', title);
		return this.trueShow();
	},
	predefine: function(item)
	{
		this.textView.empty();
		this.textView.grab(item);
		return this;
	},
	trueShow: function()
	{
		this.popUp.set('styles', {
			'z-index': window.highestPopup++
		});
		if(this.popUp.get('opacity') == 0)
		{
			this.resetPossition();
			this.popUp.fade(0.85);
		}
		return this;
	},
	close: function()
	{
		this.popUp.fade('out');
		this.exit();
		return this;
	},
	hide: function()
	{
		return this.close();
	},
	flashOut: function()
	{
		this.popUp.tween('border', '5px solid #440', '5px solid #001366');
		this.hide.delay(1000, this);
		return this;
	},
	flash: function(text, title, func, resetPos)
	{
		this.remove();
		this.show(text, title);
		if(resetPos)
		{
			this.resetPossition();
		}
		this.flashOut.delay(800, this);
		if(func && $type(func) == "function")
		{
			func.delay(3000);
		}
		return this;
	},
	resetPossition: function()
	{
		this.popUp.set('styles', {
			top: (window.getSize().y / 2) - (this.popUp.getSize().y / 2) + window.getScroll().y,
			left: (window.getSize().x / 2) - (this.popUp.getSize().x / 2) + window.getScroll().x
		});
		return this;
	},
	remove: function()
	{
		this.popUp.set('opacity', 0);
		this.exit();
		return this;
	},
	exit: function()
	{
		this.onExit();
	},
	onExit: function()
	{
		this.fireEvent('exit');
	}
});