var messageCounter = 0;

function RoundRect(width, borderSize, color, innerColor, message)
	{
	var main = document.createElement("DIV");
	main.style.width = width+"px";
	
	var template = document.createElement("IMG");
	template.style.backgroundColor = color;
	template.style.height = "1px";
	template.src = "/images/clear_pixel.gif";
	
	var lines = [];
	for (var i=0; i<borderSize; i++)
		{
		var line = template.cloneNode(true);
		line.style.marginLeft = i+"px";
		line.style.width = (width - (i*2))+"px";
		lines.push(line);
		}
	var topLines = lines.reverse();
	for (var i=0, len=topLines.length; i<len; i++)
		main.appendChild(topLines[i]);
	
	var content = document.createElement("DIV");
	content.style.width = (width - 12 - (borderSize * 2))+"px";
	content.style.border = "0 solid black";
	content.style.borderColor = color;
	content.style.padding = "6px";
	content.style.borderWidth = "0 "+borderSize+"px";
	content.style.backgroundColor = innerColor;
	content.innerHTML = message;
	main.appendChild(content);
	
	for (var i=0; i<borderSize; i++)
		{
		var line = template.cloneNode(true);
		line.style.marginLeft = i+"px";
		line.style.width = (width - (i*2))+"px";
		main.appendChild(line);
		}
	
	return main;
	}

function postSuccessMessage(message)
	{
	postUserMessage("#7BA1A9","#F2F6F7",message,4000);
	}

function postFailureMessage(message)
	{
	//message += '<a href="mailto:bugs@favorite5.com">Report this problem.</a>';
	postUserMessage("red","#FFA4A1",message,10000);
	}

function postInfoMessage(message)
	{
	postUserMessage("gold","#FFFCCA",message,2000);
	}

function postUserMessage(borderColor, innerColor, message, duration)
	{
	//info("postUserMessage()");
	var messages = document.getElementById("messages");
	if (!messages)
		{
		messages = document.createElement("DIV");
		messages.id = "messages";
		document.getElementsByTagName("BODY").item(0).appendChild(messages);
		messages.style.position = "fixed"
		messages.style.left = "50%";
		messages.style.top = "100px";
		messages.style.marginLeft = "-100px"
		messages.style.zIndex = "200";
		}
	var rect = RoundRect(200, 3, borderColor, innerColor, message);
	rect.id = "message"+messageCounter;
	rect.marginBottom = "3px";
	rect.style.color = "#7BA1A9";
	rect.style.fontSize = ".9em";
	messages.appendChild(rect);
	window.setTimeout("clearUserMessage('message"+messageCounter+"');",duration);
	messageCounter++;
	}

function clearUserMessage(messageId)
	{
	var msgBox = document.getElementById(messageId);
	msgBox.parentNode.removeChild(msgBox);
	}