$(document).ready(function(){
	phui_message_bind();
});

phui_message_bind = function()
{
	$(document).bind("phui.message.close", phui_message_close);
	$(document).bind("phui.message.remove", phui_message_remove);
	$(document).bind("phui.message.show", phui_message_show);	
}

phui_message_close = function()
{
	$(".phui_overlay").animate({opacity: 0});
	$(".phui_message").animate({marginTop: "-50px", opacity: 0}, 250, phui_message_remove);
	return false;
}

phui_message_remove = function() 
{
	$(".phui_overlay").remove();
	$(".phui_message").remove();
};

phui_message_show = function()
{
	phui_message_center();
	$(".phui_overlay").css({opacity:0}).show().animate({opacity: 0.8});
	$(".phui_message").css({opacity:0, marginTop: "50px"}).show().animate({opacity:1, marginTop: 0});
}

phui_message_center = function()
{
	el = $(".phui_message");
	
	el_w = el.width();
	el_h = el.height();
	
	doc_w = $(window).width();
	doc_h = $(window).height();
	
	doc_scroll = $(document.body).scrollTop();
	
	el_top = doc_h/2 - el_h/2;
	el_left = doc_w/2 - el_w/2;
		
	el.css({top: el_top, left: el_left});
	
	phui_message_scroll();
	
	$(window).bind("resize", phui_message_center);
	if($.browser.msie)
	{
		$(document.body).bind("scroll", phui_message_scroll);
	}
	$(document).bind("scroll", phui_message_scroll);
}

phui_message_scroll = function()
{
	el = $(".phui_message");
	el_h = el.height();
	doc_h = $(window).height();
	doc_scroll = $(document).scrollTop();
	el_top = doc_h/2 - el_h/2;
	el.stop().animate({top: el_top+doc_scroll});
}

$.message = function(options)
{
	//phui_message_remove();
	
	var overlay = $("<div />").addClass("phui_overlay").hide();
	var message = $('<div />').addClass("phui_message").hide();
	var container = $('<div class="phui_message_container" />').appendTo(message);
	var title = $('<h1 class="phui_message_title" />').appendTo(container).text(options.title);
	var body = $('<div class="phui_message_body" />').appendTo(container).text(options.body);
	if(options.buttons)
	{
		var buttons = $('<div class="phui_message_buttons phui_cf phui_button_holder" />').appendTo(container);
		var button = null;
		$.each(options.buttons, function(k, v){
			button = $('<a href="#" />');
			$("<span />").text(k).appendTo(button);
			button.click(v);
			button.click(phui_message_close);
			button.appendTo(buttons).addClass("phui_button");
		});
	}
		
	overlay.appendTo($("body"));
	message.appendTo($("body"));
		
	$(overlay).bind("click", phui_message_close);
	phui_message_show();
}