$(function(){
	
	window['popupCtrl'] = {
		opt: {
			bg: $('#popup-bg'),
			popup: $('#popup'),
			close: $('#btn-close')
		},
		update: function() {
			var self = this;
			
			self.opt.bg.css({
				height: $(window).height() + 'px',
				width: $(window).width() + 'px'
			})
			if ($(window).width() < $(document).width()) {
				self.opt.bg.css('width', $(document).width() + 'px');
			}
			if ($(window).height() < $(document).height()) {
				self.opt.bg.css('height', $(document).height() + 'px');
			}
			
			self.opt.popup.css({
				left: (self.opt.bg.width() - self.opt.popup.width()) / 2 + 'px'
			});
			
			self.opt.close.css({
				left: self.opt.popup.css('left')
			});
		},
		show: function() {
			var self = this;
			
			self.opt.bg.show();
			self.opt.popup.show();
			self.opt.close.show();
			self.update();
		},
		hide: function() {
			var self = this;
			
			self.opt.bg.hide();
			self.opt.popup.hide();
			self.opt.close.hide();
		},
		addEvents: function(){
			var self = this;
			
			$(window).resize(function(){
				if (self.opt.bg.is(':visible')) {
					self.update();
				}
			});
			
			self.opt.close.click(function() {
				self.hide();
				return false;
			});
		},
		init: function() {
			var self = this;
			
			self.addEvents();
			self.opt.bg.css('opacity', 0.8);
		}
	}
	
	popupCtrl.init();
});