/** * @class
* jquery.popupModal.js ¿¤¸®¸ÕÆ® Ŭ¸¯½Ã ·¹À̾ ¶Ù¿ò

*¿É¼Ç  ¼³¸í ÀÔ´Ï´Ù. 
  name  : '#popupLayer' ,   // ¶Ù¿ï ·¹À̾î
  closeButton : '#close' ,    // ´êÀ» ·¹À̾î 
  backgroundDisplay  : true ,  // ¹è°æ °ËÀº È­¸é Ãâ·Â ¿©ºÎ
  backgroundOpacity  : "0.5" , // ¹è°æ °ËÀº È­¸é Åõ¸íµµ
  center : true ,  // ·¹ÀÌ¾î °¡¿îµ¥ À§Ä¡
  fade   : true ,  //  Ãâ·Â½Ã ÆäÀ̵å ó¸®
  speed  : 'fast' ,  // ½ºÇÇÆ®
  zIndex : '100'  , // zIndex À§Ä¡
  left  : '100px' ,  // center °¡ false À϶§ ÁöÁ¤‰Æ left À§Ä¡
  top   : '200px' // center °¡ true À϶§ ÁöÁ¤‰Æ left À§Ä¡

½ÇÇà  ¹æ¹ý 2°¡Áö 
 $("#button").popupModal();   // ¹öÆ° ¾ÆÀ̵ð Ŭ¸¯½Ã È£Ãâ
$.popupModal();  //click À̺¥Æ® ¹ß»ý½Ã È£Ãâ  

Á¾·á . ( Modal ÀνºÅϽº¸¦ ¹Ýȯ ÇÕ´Ï´Ù. ¹Ýȯ ¹ÝÀº ÈÄ Å¬¸¯ À̺¥Æ®¸¦ ½ÇÇà ÇÏ¿©µµ ó¸® µË´Ï´Ù.) 
var  pop = $.popupModal();

* @name layerPopup
* @author JsYang <popuppopup@gmail.com>
* @since 2009-10-16
* @version 2.0
*/

(function($) {
	var status = {};

	$.fn.popupModal = function(options)
	{
	    var opts = options;
	    return new $modal(opts);

		return $(this).bind('click.popupModal', function(){
			return new $modal(opts);
		});
	};

	$.popupModal = function(options) {
		return new $modal(options);
	};

	$.popupModal.defaults = {
		name  : '#popupLayer' ,
		closeButton: '#close',
		backgroundDisplay: true,
		backgroundOpacity  : "0.2" ,
		center: true,
		fade   : true ,
		speed  : 'fast' ,
		zIndex : '50'  ,
		left  : '100px' ,
		top   : '200px'
	};

	var ie6   = $.browser.msie && parseInt($.browser.version) == 6 && typeof window['XMLHttpRequest'] != "object";

	$.popupModal.impl = function(options)
	{
		var s   = this;
		s.opts  = $.extend({}, $.popupModal.defaults, options);
		s.popup = $(s.opts.name);
		s.closeButton = $(s.opts.closeButton);
		s.init();
		s.bindEvents();
	};

	var $modal;

	$modal = $.popupModal.impl;

    $modal.fn = $modal.prototype = {
        version : '2.0'
    }

    $modal.fn.extend =  $modal.extend = $.extend;

	$modal.fn.extend({
		init : function(){
			var s =this;

			s.popup.css({
				"position": "absolute",
				"zIndex" :  this.opts.zIndex ,
				"top"    :  this.opts.top    ,
				"left"   :  this.opts.left
			});


			if(s.popup.css('display') == 'none'){
				s.status = 0;
			} else {
				s.status = 1;
			}

			if(s.opts.center) {
				$modal.moveCenter(s.popup);
			}

			if(s.opts.backgroundDisplay){
				s.makeOverlay();
				if(ie6) $modal.fixIE(this.overlay);
			}

			if(ie6) s.makeIFrame();

			this.show();

		},
		show : function(){
			var s=this;
			if(s.status == 0)  {
				if(s.opts.fade) {
					s.popup.fadeIn(s.opts.speed);
					if(s.opts.backgroundDisplay)  s.overlay.fadeIn(s.opts.speed);
				} else {
					s.popup.css('display', 'block');
					if(s.opts.backgroundDisplay)  s.overlay.css('display', 'block');
				}
				if(ie6 && s.ifrm) {
					s.ifrm.css({
						top :  s.popup.offset().top ,
						left : s.popup.offset().left
					})
				}

				if(jQuery.ui) {
					s.popup.draggable({
						drag: function(event, ui) {
							if(ie6) {
								s.ifrm.css({
									top  : $(this).offset().top ,
									left : $(this).offset().left
								});
							}
						}
					});
				}
				s.status = 1;
			}
		},
		close : function() {
			var s=this;
			if(s.status == 1 ) {
				if(s.opts.fade) {
					s.popup.fadeOut(this.opts.speed);
					if(s.opts.backgroundDisplay)  s.overlay.fadeOut(this.opts.speed);
				} else {
					s.popup.css('display', 'none');
					if(s.opts.backgroundDisplay)  s.overlay.css('display', 'none');
				}
				if(ie6 && s.ifrm) {
					s.ifrm.hide().remove();
				}
				s.status = 0;
			}
		},
		makeOverlay: function() {
			if(!this.overlay)
			{
				this.overlay = $("<div class='overlay'></div>");
				this.overlay.css({
						"display" : "none" ,
						"position" : "fixed" ,
						"height" : "100%" ,
						"width"  : "100%" ,
						"left" : "0",
						"top"  : "0",
						"background" : "#000" ,
						"zIndex" : "3" ,
						"opacity": this.opts.backgroundOpacity
				});
				$('body').prepend(this.overlay);
			}
		},
		makeIFrame : function() {
			var s = this;
			if(!s.ifrm) {
				s.ifrm =  $("<iframe src='about:blank' id='iframe_bg' src='about:blank' scrolling='no' frameborder='0' ></iframe>")
				.css({
					'position' : 'absolute',
					'width'    : s.popup.width() ,
					'height'   : s.popup.height(),
					'opacity'  : '0',
					'border'   : 'none'
				}).insertBefore(s.popup);
			}
		},
		bindEvents : function(){
			var s = this;

			s.closeButton.bind("click.closeButton", function(e){
				e.preventDefault();
				s.close();
			});

			$(document).bind('keydown.layerPopup', function (e) {
				if ( s.status == 1 && e.keyCode == 27) { // ESC
					e.preventDefault();
					s.close();
				};
			});

			$(s.overlay).bind("click.overlay",function(e){
				if ( s.status == 1 ) {
					e.preventDefault();
					s.close();
				};
			});

		},
		unbindEvents : function(){
			$(this.opts.closeButton).unbind('click.closeButton');
			$(document).unbind('keydown.layerPopup');
			$(this.opts.overlay).unbind('click.overlay');
		}
	});

	$modal.extend({
		moveCenter : function(modal) {
			modal.css('top',  $(window).scrollTop() + $(window).height()/2-modal.height()/2);
			modal.css('left', $(window).width()/2-modal.width()/2);
		},
		fixIE: function (objs) {
			$.each([objs], function (i, el) {
				if (el) {
					var bch = 'document.body.clientHeight', bcw = 'document.body.clientWidth',
						bsh = 'document.body.scrollHeight', bsl = 'document.body.scrollLeft',
						bst = 'document.body.scrollTop', bsw = 'document.body.scrollWidth',
						ch = 'document.documentElement.clientHeight', cw = 'document.documentElement.clientWidth',
						sl = 'document.documentElement.scrollLeft', st = 'document.documentElement.scrollTop',
						s = el[0].style;

					s.position = 'absolute';
					if (i < 2) {
						s.removeExpression('height');
						s.removeExpression('width');
						s.setExpression('height','' + bsh + ' > ' + bch + ' ? ' + bsh + ' : ' + bch + ' + "px"');
						s.setExpression('width','' + bsw + ' > ' + bcw + ' ? ' + bsw + ' : ' + bcw + ' + "px"');
					}
					else {
						var te, le;
						if (p && p.constructor == Array) {
							var top = p[0]
								? typeof p[0] == 'number' ? p[0].toString() : p[0].replace(/px/, '')
								: el.css('top').replace(/px/, '');
							te = top.indexOf('%') == -1
								? top + ' + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"'
								: parseInt(top.replace(/%/, '')) + ' * ((' + ch + ' || ' + bch + ') / 100) + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"';

							if (p[1]) {
								var left = typeof p[1] == 'number' ? p[1].toString() : p[1].replace(/px/, '');
								le = left.indexOf('%') == -1
									? left + ' + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"'
									: parseInt(left.replace(/%/, '')) + ' * ((' + cw + ' || ' + bcw + ') / 100) + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"';
							}
						}
						else {
							te = '(' + ch + ' || ' + bch + ') / 2 - (this.offsetHeight / 2) + (t = ' + st + ' ? ' + st + ' : ' + bst + ') + "px"';
							le = '(' + cw + ' || ' + bcw + ') / 2 - (this.offsetWidth / 2) + (t = ' + sl + ' ? ' + sl + ' : ' + bsl + ') + "px"';
						}
						s.removeExpression('top');
						s.removeExpression('left');
						s.setExpression('top', te);
						s.setExpression('left', le);
					}
				}
			});
		}

	});

})(jQuery);