﻿function msg(content)
{
	var content = content;
	build();
	
	
	var msg_window;
	var gap;
	var container;
	var bg;
	
	var browser_width;
	var browser_height;
	
	var msg_width;
	var msg_height;

	init();
	
	
	function pop_up()
	{
		bg.css('display', 'block');
		/*@cc_on
			bg.css({ top: $(window).scrollTop()});
		@*/
		msg_window.css({
			display: 'block',
			width: '0px',
			height: '0px'
		});

		msg_window.animate({
			width: '+='+ msg_width + 'px',
			left: '-='+ msg_width / 2 + 'px',
			height: '+='+ msg_height + 'px',
			top: '-='+ msg_height / 2 + 'px'
		}, 500, 'easeOutElastic');
		
		gap.delay(500).animate({
			opacity: '0'

		}, 500, function(){
				gap.hide();
			});
		
		
		
		
	}
	
	
	function init()
	{
	
		msg_window = $('div#msg_box');
		gap = $('div#msg_box #gap');
		container = $('div#msg_box #container');
		bg = $('div#bg');
		
		browser_width = $(window).width();
		browser_height = $(window).height();
		
		container.children('pre').html(content);
		if(msg_window.width()>=200)
			msg_width = msg_window.width();
		else
			msg_width = 200;
		msg_height = msg_window.height();
		bg.css({
			width: browser_width,
			height: browser_height
		});
		center();
		pop_up();
		
	}
	function center()
	{
		var center_x = browser_width / 2;
		var center_y = browser_height / 3 + $(window).scrollTop(); 

		msg_window.css({
			left: center_x + 'px',
			top: center_y + 'px'
			
		});

	}
	
	function build()
	{
		var 	msg_box_str = '<div  id="msg_box"></div>';
		var 	gap_str = '<div id="gap"></div>';
		var 	inside_str = '<div id="inside"></div>';
		var 	title_str = '<span id="title">Info</span>';
		var 	container_str = '<div id="container"><pre></pre></div>';
		var 	bg_str = '<div id="bg"></div>';
		var 	button_str = '<center><input type="button" class="button" value="ok" /></center>';
	
		$('body').prepend(bg_str + msg_box_str);
		$('#msg_box').append(gap_str + inside_str);
		$('#msg_box #inside').append(title_str + '<hr />' + container_str + button_str);
	
		$('#msg_box input[type=button]').bind('click', function() { close_window() });
		$('#bg').bind('click', function() { close_window() });

		
	}
	
	close_window = function()
	{
		msg_window.remove();
		bg.remove();
	}
}

