var firstDisplay = true;

function display() {
	var args = arguments;
	var x = 0;
	var y = 0;
	var i = 0;
	if (   args.length > 2 
	    && typeof args[i] == 'number'
	    && typeof args[i+1] == 'number') {
		x = args[0];
		y = args[1];
		i = 2;
	}


	var callback = function() {return;};
	var j = args.length - 1;
	if (typeof args[j] == 'function') {
		callback = args[j];
		j -= 1;
	}

	function chain(x,y,payload,callback) {
		return function() {
			displayImpl(x,y,payload,callback);
		}
	}

	for (var k = j; k >= i; k--) {
		var payload = args[k];
		if (typeof args[k] != 'object') {
			payload = $('<div class="defaultInner"></div>').html(args[k]);
		}

		callback = chain(x,y,payload,callback);
	}
	if (firstDisplay) {
		firstDisplay = false;
		$('<img/>').load(callback).attr('src','images/border.png');
	} else {
		callback();
	}
}

function displayImpl(x,y,html,callback) {
	$('<div class="textBox"></div>').css({'top': y + 'px', 'left': x + 'px'}).append(html)
	.append($('<div class="button"></div>')
		.append($('<img src="images/button.gif"/>')
			.click(function() {
				$("#view .textBox").css('opacity', 0);
				window.setTimeout(function() {
					$("#view .textBox").remove();
					callback();
				},1000);
			})))
	.appendTo("#view");
}