/**
* @class
* 팝업을 호출을 편하고 레이어 팝업 호출과 일반 팝업 호출을 같이 사용하도록 하기 위하여  만듬
*
* @example
* 호출 type : layer 입력시 레이어 호출, 'browser' 일반 팝업창, 기본 browser
* var opts  = {'url' : 'index.html', 'width' : '600px', 'height' : '500px', 'left': '100px' , 'top' : '300px', 'type' : 'layer' };
* $.popup(opts);
*
* $('.layerpopup').popup(opts);
*/

(function($){

$.fn.popup = function(options) {

    var popup,popup_options;
    var $this = $(this);
    var opts  = $.extend({},$.fn.popup.defaults, options);

    if(opts.center) {
        opts.top  = $(window).height()/2- opts.height.replace('px','')/2;
        opts.left = $(window).width()/2 - opts.width.replace('px','')/2;
    }



    //popup options , layer , borwser
    if( opts.type == 'browser' ) {
        popup_options = "width=" + opts.width + ",height=" + opts.height;
        popup_options += ",left=" + opts.left + ",top=" + opts.top;
        popup_options += ",scrollbars="  + opts.scrollbars  + ",toolbar=" + opts.toolbar + ",menubars=" + opts.menubars;
        popup_options += ",locationbar=" + opts.locationbar + ",statusbar=" + opts.statusbar;
        popup_options += ",resizable="   + opts.resizable ;
        popup_options += ",titlebar=" + opts.titlebar;
        if(opts.etc_option != '')
            popup_options += "," + opts.etc_option;
    } else {

        var len = $('.' +opts.name).length;

        if(len > 1 ){
            $('.' +opts.name).show();
            return;
        }

        popup =  $("<div class='"+ opts.name + "'></div>").css({
            'display' : 'none',
            'position': 'absolute' ,
            'z-index' : '1000' ,
            'width'   :  opts.width,
            'height'  :  opts.height,
            'left'    :  opts.left,
            'top'     :  opts.top
        });

        //titleBar
        var titleBar  = $("<div class='titleBar'></div>");
        var title     = $("<div>" + opts.title + "</div>").css({'float':'left','padding-left' : '5px', 'padding-top' : '3px'});
        var closeBtn  = $("<div><a href='javascript:;' class='layer_close'><img src='/images/global/popup/btn_x.gif' border='0'></a></div>").css({'float':'right','padding-right' : '5px', 'padding-top' : '3px'});
        var popIframe = $("<iframe src='" + opts.url +  "' width='100%' height='100%' marginwidth='0' marginheight='0' frameborder='0' scrolling='no' ></iframe>");
        var bottom    = $("<div id='popup_bottom'></div>");

        //titleBar.append(title).append(closeBtn);
        //titleBar.append("<div style='clear:both;'></div>");
        //popup.append(titleBar);
        popup.append(popIframe);
        popup.append(bottom);
        $("body").prepend(popup);

        //popupTitle
        $('.titleBar').css({  'cursor' : 'move', 'width' : opts.width , 'height' : '25px','background': '#FBFAFA none repeat scroll 0 0','border' : '1px solid #FBFAFA', 'color' : '#000000'  });
        popup.draggable();
        $('.layer_close').click(function(){
            //parent.optRemove();
            popup.remove();
        }).css({
            'color' : '#ffffff' ,
            'font-size' : '14px' ,
            'line-height' : '14px',
            'font-weight' : '700' ,
            'text-decoration':'none'
        });

        if(opts.bottom_display)
        {
            bottom.css({
                'width' : '100%',
                'background-color' : '#7f7f7f',
                'color' : 'white' ,
                'height' : '24px' ,
                'padding-top' : '5px',
                'font-size' : '12px'
            });

            var bottom_msgArea = $("<div class='msgArea'><input type='checkbox' name='checkbox' value='" + opts.bottom_value + "' id='chkPopupCookie' style='margin:0 0 3px 0;' >&nbsp;<img src='/images/global/popup/dayworring_"+opts.bottom_value+".png'/></div>");
            bottom_msgArea.css({
                'float' : 'left',
                'padding-left' : '5px'
            });

            var bottom_btnArea = $("<div class='btnArea'><input type='image' src='/images/global/popup/icn_close_bottom.png' value='close' id='bottom_close' /></div>");
            bottom_btnArea.css({
                'float' : 'right',
                'padding-right' : '10px',
                'padding-top' : '7px'
            });

            bottom.append(bottom_msgArea).append(bottom_btnArea);
            $("#bottom_close").click(function(e){
                //parent.optRemove();
                popup.remove();
            });

            $("#chkPopupCookie").click(function(e){
                setCookie(opts.id , "done" , this.value);
                //parent.optRemove();
                popup.remove();
            });

            function setCookie(name, value, expiredays) {
        	    var todayDate = new Date();
        	    todayDate.setDate(todayDate.getDate() + expiredays);
        	    document.cookie =
        	        name + "=" + escape(value) +
        	        "; path=/; domain=.yoons.com; expires=" +
        	        todayDate.toGMTString() + ";"
        	}
/*
            function setCookie( name, value, expires ) {
                var date = new Date();
                date.setTime(date.getTime() + (expires * 24 * 60 * 60 * 1000));
                document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + date.toUTCString() + ";"
            }
*/
        }

    }

    var methods = {
        'open' : function() {
            if( opts.type == 'browser' )
            {
                popup = window.open(opts.url,opts.id,popup_options);
                if(!popup) {
                    //opts.message
                    // alert('POPUP BLOCK IS OPEN PLEASE.');
                    return false;
                }else {
                    popup.focus();
                }
            } else {
                popup.show();
           }
        },
        'close' : function() {
            if( opts.type == 'browser' ) {
                popup.close();
            } else {
                //parent.optRemove();
                popup.remove();
            }
        },
        'getPopup' : function() {
            return pupup;
        }
    }

    // Click Event .
    if( $this.length > 0 ) {
        $this.css('cursor','pointer');
        $this.click(function(e){
            methods.open();
            e.preventDefault();
        });
    } else {
        methods.open();
    }

    return methods;
}


$.fn.popup.defaults = {
    'url'    : 'index.html' ,
    'type'   : 'browser'   ,
    'name'   : 'popup' ,
    'width'  : '300px' ,
    'height' : '300px' ,
    'scrollbars' : 'no' ,
    'toolbar' : 'no'    ,
    'menubars' : 'no'   ,
    'locationbar' : 'no'  ,
    'statusbar'   : 'no'  ,
    'resizable'   : 'no' ,
    'titlebar'    : 'no'  ,
    'left'    : '0px'  ,
    'top'     : '0px'  ,
    'Message' : '팝업차단을 해제해주세요.'  ,
    'title'   : '팝업 ' ,
    'center'  : false  ,
    'bottom_display' : true ,
    'bottom_value'   : 1 ,
    'bottom_message' : ' window '
};

$.extend({
    popup : function (options) {
        return $.fn.popup(options);
    }
});

})(jQuery);