$(function()
{
	//assure ie6 of right height
	$('#trans-bg').css("height", $(window).height() + 'px');
	
	//close message
	$('div#message a#close-window-message, input#ipt-message-close').livequery(function()
	{
		$(this).click(function()
		{
			$('#trans-bg').show().css("display", "block");
			$('#trans-bg').fadeOut(300);
			$('#message').fadeOut(100);
			
			$('#message div.window-content-content').html('');
			$('#message').hide().css("top", "-200px");
		});
	});
});

function messagebox(message)
{
	//get title and message
	var seperator 	= message.search(/:/);
	var title		= message.substr(0, seperator);
	var message		= message.substr(seperator + 1);
	
	//filter message
	message 		= message.replace(/<br \/>/g, '<li>');
	message			= message.substr(0, message.length - 4);
	message 		= '<ul style="margin-left: 25px; margin-top: 5px;"><li>' + message + '</ul>';

	//set title
	$('#message div.window-title-top-content').html(title);
	
	//set box-height
	$('#message-preview').html(message);
	var new_height = $('div#message-preview').height() + 38;
	
	if(new_height < 300)
	{
		$('div#message div.window-content-content').css('height', 	new_height + 'px');
		$('div#message div.window-content-left').css('height', 		(new_height + 20) + 'px');
		$('div#message div.window-content-center').css('height', 	(new_height + 20) + 'px');
		$('div#message div.window-content-right').css('height', 	(new_height + 20) + 'px');
		$('div#message').css('height', 								(new_height + 98) + 'px');
	}
	
	//set message
	$('#message div.window-content-content').html(message + "<br /><div style='width: 100%; text-align: right;'><input id='ipt-message-close' type='button' value='OK' /></div>");
	$('#trans-bg').show().css("display", "block").fadeTo(0, 0.5);
	
	//get coordinates
	var docwidth 	= $(window).width();
	var msgwidth 	= $('#message').width();
	var getLeft 	= parseInt(docwidth/2)-(msgwidth/2);
	
	var docheight 	= $(window).height();
	var msgheight 	= $('#message').height();
	var getTop 		= parseInt(docheight/2)-(msgheight/2);
	
	//assure ie6 of right width
	$('#message').css('width', 		$('#message').width() + 'px');
	
	//animate message
	$('#message').css('left', 		getLeft + 'px');
	$('#message').css('top', 		getTop + 'px');
	$('#message').css('display', 	'block');
	
	//focus closebutton
	$('input#ipt-message-close').focus();
}