FloatingDialog = function ()
{
	this.dialogDiv = null;
	this.contentDiv = null;
};

FloatingDialog.prototype.Open = function (parameters)
{
	function AddButton (dialog, parent, button)
	{
		var buttonDiv = $('<div>').addClass ('dialogbutton').html (button.text).appendTo (parent);
		buttonDiv.click (function () {
			button.callback (dialog);
		});
	}

	if (this.dialogDiv !== null) {
		this.Close ();
	}

	this.dialogDiv = $('<div>').addClass ('dialog').appendTo ($('body'));
	$('<div>').addClass ('dialogtitle').html (parameters.title).appendTo (this.dialogDiv);
	this.contentDiv = $('<div>').addClass ('dialogcontent').html (parameters.text).appendTo (this.dialogDiv);
	var buttonsDiv = $('<div>').addClass ('dialogbuttons').appendTo (this.dialogDiv);

	var i, button;
	for (i = 0; i < parameters.buttons.length; i++) {
		button = parameters.buttons[i];
		AddButton (this, buttonsDiv, button);
	}

	document.addEventListener ('click', this.MouseClick.bind (this), true);
	this.Resize ();
};

FloatingDialog.prototype.Close = function ()
{
	if (this.dialogDiv === null) {
		return;
	}
	
	this.dialogDiv.remove ();
	this.dialogDiv = null;
	$('body').unbind ('click');
};

FloatingDialog.prototype.Resize = function ()
{
	if (this.dialogDiv === null) {
		return;
	}
	
	this.dialogDiv.css ('left', ((document.body.clientWidth - this.dialogDiv.width ()) / 2.0) + 'px');
	this.dialogDiv.css ('top', ((document.body.clientHeight - this.dialogDiv.height ()) / 3.0) + 'px');
};

FloatingDialog.prototype.MouseClick = function (clickEvent)
{
	if (this.dialogDiv === null) {
		return;
	}

	var dialogClicked = false;
	var target = clickEvent.target;
	while (target !== null) {
		if (target === this.dialogDiv.get ()[0]) {
			dialogClicked = true;
		}
		target = target.parentElement;
	}
	
	if (!dialogClicked) {
		this.Close ();
	}
};

FloatingControl = function ()
{
	this.parent = null;
	this.controlDiv = null;
	this.contentDiv = null;
};

FloatingControl.prototype.Open = function (parameters)
{
	if (this.controlDiv !== null) {
		this.Close ();
	}
	this.parent = parameters.parent;
	this.controlDiv = $('<div>').addClass ('control').appendTo ($('body'));
	this.contentDiv = $('<div>').addClass ('controlcontent').html (parameters.text).appendTo (this.controlDiv);	
	this.Resize ();
};

FloatingControl.prototype.Close = function ()
{
	if (this.controlDiv === null) {
		return;
	}
	
	this.controlDiv.remove ();
	this.controlDiv = null;
};

FloatingControl.prototype.Resize = function ()
{
	if (this.controlDiv === null) {
		return;
	}
	
	this.controlDiv.css ('left', (this.parent.offset ().left + (this.parent.width () - this.controlDiv.width ()) / 2.0) + 'px');
	this.controlDiv.css ('top', (this.parent.offset ().top + (this.parent.height () - this.controlDiv.height ()) / 3.0) + 'px');
};