/**
 * Javascript for Messages Helper
 */

jQuery(document).ready(function(){

	var message = jQuery("#messages-box");
	var close = jQuery("#messages-close");
	var body = jQuery("body");

	message.width(body.width() / 2);
	message.css('position', 'fixed');
	message.css('z-index', '9999');

	var messageHeight = message.outerHeight(true);
	var messageWidth = message.outerWidth(true);
	var bodyWidth = body.outerWidth(true);
	var messageLeft = (bodyWidth - messageWidth) / 2;

	message
		.css('top', -messageHeight)
		.css('left', messageLeft)
		.animate({
			opacity: "show",
			top: 0
		}, 800);

	close
		.hover(function(){
			close.css('cursor', 'pointer');
		})
		.click(function(){
			message.animate({
				opacity: "hide",
				top: -messageHeight
			}, 1200);
		});

});