(function($) {
$.dialogue = function(title, body, options) {
		var settings = jQuery.extend({
			isDragable: true,
			width: 300
		}, options);

		var dialogueContainer = $("<div></div>").addClass("lt-dialogue-container").width(settings.width).hide();
		var header = $("<div></div>").addClass("lt-dialogue-header").text(title);
		var message = $("<div></div>").addClass("lt-dialogue-message").text(body);
		var footer = $("<div></div>").addClass("lt-dialogue-footer").text(" ");
		
		dialogueContainer.click(function() {
			dialogueContainer.remove();
			return false;
		});
		
		var okayLink = $("<div></div>").css({ textAlign: "center" }).append($("<a></a>").addClass("lt-dialogue-ok").text("Ok").attr("href", "#").click(function() {
			dialogueContainer.remove();
			return false;
		}));

		dialogueContainer.append(header).append(message).append(footer);
		if ($(".lt-dialogue-container").length > 0) {
			var previous = $(".lt-dialogue-container:last");
			previous.after(dialogueContainer);
			var ypos = previous.offset().top + previous.height() + 10;
		}
		else {
			$("body").append(dialogueContainer);
			var ypos = ($(window).height() - dialogueContainer.height()) / 2;
		}

		var xpos = ($(window).width() - settings.width) / 2;
		dialogueContainer.css({ left: xpos + "px", top: ypos + "px", position: "absolute" });

		dialogueContainer.show();

		// Make the header draggable for the entier element
		if (settings.isDragable) {
			dialogueContainer.bind('drag', function(event) {
				$(this).css({
					top: event.offsetY,
					left: event.offsetX
				});
			});
		}


	}
})(jQuery);