/*INISEAL:[Iix43NGnhqo0cFD76VkG0uA1XGY%3D%0A]*/
/*****************************************************************************
 * 파일명 : pbk-extJS.js
 * 작성일 : 2008. 01. 10
 * 작성자 : 최민석
 * 설   명 : ExtJS 2.0 확장모듈
 * 2단계까지의 namespace는 pbk-package.js 에 정의 되어 있다.
 * ===========================================================================
 * 변경이력:
 * DATE				AUTHOR		DESCRIPTION
 * ---------------------------------------------------------------------------
 * 변경 이력은 이곳에 추가 합니다.
 * 2008.03.16      오륜경        pbk.extJS.popup.open() 에 인자값 추가 adjustConfig
 * 2009.01.08      김상준        pbk.extJS.popup.open() 로직 변경, scroll, resize 이벤트 제거
 * 2009.02.10      오륜경        20090210-1 errStandardMsgBox() 추가 -> 표준 에러 메세지를 분리  
 *****************************************************************************/
Ext.BLANK_IMAGE_URL = pbk.APPLICATION_CONTEXT_ROOT+'/contents/ionresource/js/ext-2.0/contents/ionresources/images/default/s.gif';

/**
 * LayerMask 관련 패키지
 */
pbk.extJS.layerMask = {
	/**
	 * ************************************************************
	 * 내부에서만 사용되므로 외부에서 가공하지 않습니다. 단, 참조는 가능합니다.
	 * ************************************************************
	 * 현재 생성되어 있는 LayerMask 정보.
	 */
	maskObject: null,

	/**
	 * ************************************************************
	 * 내부에서만 사용되므로 외부에서 가공하지 않습니다. 단, 참조는 가능합니다.
	 * ************************************************************
	 * 현재 생성되어 있는 LayerMask가 닫혔을 경우 이전에 생성되었던 LayerMask의 복원에 필요한 정보.
	 */
	maskContainObj: new Array(),

	/**
	 * LayerMask를 화면에 출력합니다.
	 * @param {String} zIndex 연결할 오브젝트의 zIndex 값
	 */
	show: function(zIndex){
		if (null == pbk.extJS.layerMask.maskObject) {
            // 이미 LayerMask가 생성되어 있지 않으면 LayerMask를 새로 생성한다.
			pbk.extJS.layerMask.maskObject = new Ext.Layer({
				shadow: false,
				zindex: (parseInt(zIndex) - 2)
			});
		}
		else {
			// 이미 생성되어 있다면 속성을 변경한다.
			// LayerMask의 속성을 변경하기 전에 복원할때 사용할 정보를 배열에 담아둔다.
			pbk.extJS.layerMask.maskContainObj.push(pbk.extJS.layerMask.maskObject.zindex);

			pbk.extJS.layerMask.maskObject.zindex = (parseInt(zIndex) - 2);
			pbk.extJS.layerMask.maskObject.setStyle('z-index', parseInt(zIndex) - 2);
		}

		// LayerMask 생성하기
		var screenSize = pbk.getScrollHeight();
		var scrollOffset = pbk.getScrollOffset();

		// LayerMask의 스타일 정의
		pbk.extJS.layerMask.maskObject.setStyle('background', '#000000');
		pbk.extJS.layerMask.maskObject.setOpacity(.0);
		pbk.extJS.layerMask.maskObject.setSize(screenSize[0], screenSize[1]);
		pbk.extJS.layerMask.maskObject.setLeft(scrollOffset[0] + 'px');
		pbk.extJS.layerMask.maskObject.setTop(scrollOffset[1] + 'px');

		// LayerMask 화면에 표시하기
		pbk.extJS.layerMask.maskObject.show();
		
		// 이벤트 지정
		Event.observe(window, 'resize', pbk.extJS.layerMask.resizeToLayer);
		Event.observe(window, 'scroll', pbk.extJS.layerMask.resizeToLayer);
	},

	/**
	 * 생성되어있는 LayerMask를 화면에서 제거합니다.
	 */
	close: function(){
		if (null != pbk.extJS.layerMask.maskObject && pbk.extJS.layerMask.maskObject != undefined) {
			if (pbk.extJS.layerMask.maskContainObj.length > 0) {
				// 다시 복원해야 할 LayerMask가 있다면 복원한다.
				var restoreMaskIndex = pbk.extJS.layerMask.maskContainObj.pop();

                pbk.extJS.layerMask.maskObject.zindex = restoreMaskIndex;
				pbk.extJS.layerMask.maskObject.setStyle('z-index', restoreMaskIndex);
			}
			else {
				// 복원할 LayerMask가 없다면 LayerMask를 삭제한다.

				// 이벤트 종료
				Event.stopObserving(window, 'resize', pbk.extJS.layerMask.resizeToLayer);
				Event.stopObserving(window, 'scroll', pbk.extJS.layerMask.resizeToLayer);

				// Layer Mask 제거
				pbk.extJS.layerMask.maskObject.remove();
				pbk.extJS.layerMask.maskObject = null;
			}
		}
	},

	/**
	 * 오브젝트에 정의할 z-index 값을 리턴합니다.
	 * @return {Number} 가공한 z-index 최상위 값.
	 */
	getZIndex: function(){
		var maxZIndex = 0;
		var maskContainObj = pbk.extJS.layerMask.maskContainObj;
		var maskObj = pbk.extJS.layerMask.maskObject;

		// 현재까지 생성된 LayerMask 정보를 검색하여 가장 큰 값의 zIndex를 찾는다.
		if (maskContainObj.length > 0) {
			for (var i = 0; i < maskContainObj.length; i++) {
				maxZIndex = (maxZIndex < maskContainObj[i]) ? maskContainObj[i] : 0;
			}
		}

		// 현재 생성되어 있는 LayerMask의 zIndex 값보다 더 큰 값이 있는지 Check.
		if (null != maskObj && maxZIndex < maskObj.zindex) {
			maxZIndex = maskObj.zindex;
		}

		return maxZIndex + 12;
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Layer Mask를 화면 전체로 Resize 합니다.
	 * @param {Object} e
	 */
	resizeToLayer: function(e){
		if (null != pbk.extJS.layerMask.maskObject && pbk.extJS.layerMask.maskObject != undefined) {
			var screenSize = pbk.getViewport();
			var scrollOffset = pbk.getScrollOffset();

			pbk.extJS.layerMask.maskObject.setSize(screenSize[0], screenSize[1]);
			$(pbk.extJS.layerMask.maskObject.id).style.left = scrollOffset[0] + 'px';
			$(pbk.extJS.layerMask.maskObject.id).style.top = scrollOffset[1] + 'px';
		}
	}
};

/**
 * 원하는 곳에 마스크를 씌워준다. 
 */
pbk.extJS.targetMask = {
	/*생성된 마스크들 */
	maskContainObj: new Array(),
	
	/**
	 * 마스크를 생성하고 씌운다.
	 * @param {String} maskId 마스크의 아이디
	 * @param {String} targetDiv 마스크를 씌울 대상의 아이디
	 */
	show: function(maskId,targetDiv,fadeInBgColor,fadeInduration, endOpacity){
		var zIndex = $(targetDiv).style.zIndex;
		if (null==zIndex || zIndex =='') {
			zIndex = 1;
		}
		var initDuration = 0.5;
		var initBgColor = '#000000';
		if (fadeInBgColor !='undefined' && fadeInBgColor !=null) {
			initBgColor = fadeInBgColor;
		}
		if (fadeInduration !='undefined' && fadeInduration !=null) {
			initDuration = fadeInduration;
		}		
		var initEndOpacity = 1;
		if (endOpacity != 'undefined' && endOpacity != null) {
			initEndOpacity = endOpacity;
		}					
		
		// 속성을 추가한 생성자 함수를 만들고
		Ext.ux.TargetMask = function(config){
	        this.targetDiv = null;
            if (config.targetDiv) {
				this.targetDiv = config.targetDiv;
			}
    		Ext.ux.TargetMask.superclass.constructor.call(this, config);
		}
		// 원래 기능 및 속성을 사용하기 위해 확장한다. 
		Ext.extend(Ext.ux.TargetMask, Ext.Layer);
		
		var maskObject = new Ext.ux.TargetMask({
			shadow: false,
			id : maskId,
			zindex: (parseInt(zIndex) + 2),
			shim :true,
			targetDiv :	targetDiv		
		});
		
		// 배열에 넣기 
		pbk.extJS.targetMask.maskContainObj.push(maskObject);
		
		if (fadeInduration == 0) {
			// targetMask의 스타일 정의 및 생성 
			pbk.extJS.targetMask.setPositionStyle(maskObject, targetDiv, initBgColor, initEndOpacity);			
			maskObject.show();
		} else {
			pbk.extJS.targetMask.setPositionStyle(maskObject, targetDiv, initBgColor);
			Ext.get(maskId).fadeIn({
				endOpacity: initEndOpacity, //can be any value between 0 and 1 (e.g. .5)
				easing: 'easeOut',
				duration: initDuration
			});
		}
		
		// 이벤트 지정
		Event.observe(window, 'resize', pbk.extJS.targetMask.resizeToLayer);
		Event.observe(window, 'scroll', pbk.extJS.targetMask.resizeToLayer);	
	},	
	
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * @param {String} maskObj
	 * @param {String} targetDiv
	 */
	setPositionStyle: function(maskObj,targetDiv,bgColor,endOpacity){
		
		// targetMask 위치 및 크기 
		var position = Position.cumulativeOffset($(targetDiv));
		var objSize  = Element.getDimensions($(targetDiv));	
		maskObj.setStyle('background', bgColor);
		if (endOpacity != undefined) {
			maskObj.setOpacity(endOpacity);
		}
		maskObj.setSize(objSize.width, objSize.height);
		maskObj.setLeft(position[0] + 'px');
		maskObj.setTop(position[1] + 'px');
		//pbk.extJS.iframe.createCalendarIframe(position[0], position[1], maskObj);
		// targetMask 화면에 표시하기
	},
	/**
	 * 해당 mask 를 없앤다.
	 * @param {String} maskId
	 */
	remove: function(maskId){
		
		if (pbk.extJS.targetMask.maskContainObj.length > 0) {
			
			for (var i=0; i < pbk.extJS.targetMask.maskContainObj.length; i++){
				var maskObj = pbk.extJS.targetMask.maskContainObj[i];
				if (maskId == maskObj.id) {
					maskObj.remove();
					// 이벤트 종료
					Event.stopObserving(window, 'resize', pbk.extJS.targetMask.resizeToLayer);
					Event.stopObserving(window, 'scroll', pbk.extJS.targetMask.resizeToLayer);	
					// 배열에서 하나 뺀다. 
					var spliced = pbk.extJS.targetMask.maskContainObj.splice(i, 1);
					// ignored..
				} 
			}
			//pbk.extJS.iframe.destoryIframe();								
		}			

	},	
	
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * resizeHandler 이다.
	 * @param {Object} e
	 */
	resizeToLayer: function(e){
		
		if (pbk.extJS.targetMask.maskContainObj.length > 0) {
			for (var i = 0; i < pbk.extJS.targetMask.maskContainObj.length; i++) {
				var maskObj = pbk.extJS.targetMask.maskContainObj[i];
				// targetMask 위치 및 크기 
				var position = Position.cumulativeOffset($(maskObj.targetDiv));
				var objSize  = Element.getDimensions($(maskObj.targetDiv));	
					
					
				maskObj.setLeft(position[0] + 'px');
				maskObj.setTop(position[1] + 'px');
				
				//pbk.extJS.iframe.createCalendarIframe(position[0], position[1], maskObj);
			}
		}
	}	
}

/**
 * Popup Layer 관련 패키지
 */
pbk.extJS.popup = {

    /**
     * 인쇄버튼 설정 flag
     */
    isPrint : false,
    /**
	 * ************************************************************
	 * 내부에서만 사용되므로 외부에서 가공하지 않습니다. 단, 참조는 가능합니다.
	 * ************************************************************
	 * 생성되어 있는 Popup 레이어 정보.
	 */
	layerObject: new Array(),

	eventTargetObject: null,

	/**
	 * ************************************************************
	 * 내부에서만 사용되므로 외부에서 가공하지 않습니다. 단, 참조는 가능합니다.
	 * ************************************************************
	 * Popup Layer를 화면 가운데에 위치시킵니다.
	 */
	setEventObserve: function(){
		pbk.extJS.popup.eventTargetObject.center();
	},

	/**
	 * Popup Layer를 화면에 출력합니다.
	 * @param {String} contentURL 내용 URL
	 * @param {String} layerID 생성될 레이어의 ID(ID는 unique해야 한다)
	 * @param {Number} layerWidth 레이어의 넓이
	 * @param {String} parentObjID 상위계층의 레이어 아이디(상위계층의 레이어가 닫힐 경우 하위 레이어는 모두 닫힘)
	 * @param {Object} 팝업 창에 넘길 form Object
	 * @param {Object} adjustConfig //linkObjId : String,layerId : String, adjustX :Number, adjustY : Number
	 * @param {String} baseCls 팝업 style classname prefix
	 */
	open: function(contentURL, layerID, layerWidth, parentObjID, formObj, adjustConfig, baseCls){
		/*
		 * ----------------------------------------
		 * Parameters 항목
		 * ----------------------------------------
		 * contentURL	: (required) (String)	URL
		 * layerID		: (required) (String)	생성할 Popup Layer에 지정할 ID
		 * layerWidth	: (required) (Number)	생성할 Popup Layer의 넓이
		 * parentObjID	: (optional) (String)	부모계층의 Layer ID (부모가 없을 경우 null 지정)
		 *
		 * ----------------------------------------
		 * example)
		 * ----------------------------------------
		 *  // is000 속성은 레이어가 여러개 띄웠을 경우 동일한 이벤트를 적용할 건지 유무를 지정한다.
		 *  // 이것은 선택사항이며, 지정하지 않거나 false를 주었을 경우
		 *  // 이벤트 정의 후 생성된 Popup Layer에만 이벤트가 적용된다.
		 *  // (Popup Layer를 띄우기 전에 정의해야 한다.)
		 *  // 기본값은 false이다 (하나의 Popup Layer에만 적용된다)
		 * 	pbk.extJS.popup.event.isShow = true;		// Popup Layer가 처음 Open 되었을 때
		 * 	pbk.extJS.popup.event.isHide = true;		// Popup Layer가 닫혀졌을때
		 * 	pbk.extJS.popup.event.isBeforehide = true;	// Popup Layer가 닫히기 직전
		 * 	pbk.extJS.popup.event.isActivate = true;	// Popup Layer가 선택되었을 때
		 * 												   (다중 계층일때 사용, 현재는 Modal이므로 사용하지 않음)
		 *
		 * 	// 이벤트 정의 방법 (Popup Layer를 띄우기 전 정의해야 한다.)
		 *
		 * 	// 방법1. 이미 구현되어있는 함수로 정의
		 *	// Open 되었을 때
		 * 	pbk.extJS.popup.event.show = pbk.inquiry.account.alertEvent;
		 *
		 *
		 * 	// 방법2. 직접 정의
		 * 	// 선택되어 활성화 되었을 때
		 * 	   (다중 계층일때 사용되며, 현재는 Modal로 Open되기 때문에 사용되지 않음)
		 * 	pbk.extJS.popup.event.activate = function(obj) {
		 * 		alert(obj.getId() + '레이어가 활성화 되었습니다');
		 * 	}
		 *
		 * 	// 닫혔을 때
		 * 	pbk.extJS.popup.event.hide = function() {
		 * 		alert('레이어가 닫혔습니다.');
		 * 	}
		 *
		 * 	// 닫으려 할때
		 * 	pbk.extJS.popup.event.beforehide = function() {
		 * 		alert('레이어가 닫힙니다.');
		 * 	}
		 *
		 *
		 * 	// Popup Layer 띄우기
		 * 	// 위 이벤트 관련 정의 없이 아래 한줄만 작성하게 될 경우 아무런 이벤트 없이 Popup Layer만 띄운다
		 * 	pbk.extJS.popup.open(url, 'excelLayer', 650, null);
		 * ----------------------------------------
		 */
		var eventList = new Array();

		// 모든 레이어에 activate 이벤트 적용여부 확인?
		eventList['activate'] = pbk.extJS.popup.event.activate;

		pbk.extJS.popup.event.activate = function(){};

		// 모든 레이어에 hide 이벤트 적용여부 확인
		eventList['destroy'] = pbk.extJS.popup.event.hide;

		pbk.extJS.popup.event.hide = function(){};

		// 모든 레이어에 beforehide 이벤트 적용여부 확인
		eventList['beforehide'] = pbk.extJS.popup.event.beforehide;

		pbk.extJS.popup.event.beforehide = function(){};

        //popup-temp area 없으면 설정
        if(!$('popup-temp')){
             Ext.DomHelper.append(Ext.getBody(), {tag:"div",
                                          id : 'popup-temp',  
                                          html : '',
                                          cls :"x-hidden"});
        }

        //popup 호출 ajax
        var hanaAjax = new hana.JHanaAjax('popup-temp',
                    true,
                    true);

        //포커스 할 element를 지정했으면 hanaAjax에 부여
        if (pbk.extJS.popup.focusFlag.isElementFocus) {
            hanaAjax.setFocusElementId(pbk.extJS.popup.focusFlag.focusElementId);
        }

        //ajax callback
        hanaAjax.ajaxCommSubmitCallback(contentURL, formObj, function(isSuccess){

            if (isSuccess) {
				//20100203 Geunwon,Mo 카드메뉴에서 팝업을 띄울경우 하나카드로 표시
                var currentUrl;
                currentUrl = location.href;
                if (currentUrl.indexOf("/card/") > 0){
                    baseCls = 'x-hanacard-window';
                }
                
                //baseCls 지정 안 할 경우 default 값 'x-hanabank-window'
                var popupBaseCls = baseCls || 'x-hanabank-window';

                //baseCls 이 'x-hanabank-window' 인 경우 closable 설정함
                var isClosable = ((popupBaseCls == 'x-hanabank-window') || (popupBaseCls == 'x-hanacard-window'));

                var popTitle = $('pop_title');
                var popContent = $('pop_content');

                var popupWidth = layerWidth;

                var titleContent = '';
                var bodyContent = '';

                //팝업 title 영역이 설정 된 경우 ( 설정 안 된 경우도 있음.. )
                //기본 타이틀 이미지 설정?
                var titleImgSrc = '';
                if(popTitle){
                    //팝업 title 영영 width 값에 맞춤 ( 좌측 여백 width 23 plus )
					if ($('pop_title').getWidth() > 1024) {
						popupWidth = $('hana_pop').getWidth() + 23;
					}
					else {
						popupWidth = $('pop_title').getWidth() + 23;
					}
					
                    var pop_head = $('pop_title').getElementsBySelector('[class="pop_head"]')[0];
                    if(pop_head){
                        //title img 만 추출합니다..
                        var titleImg = pop_head.getElementsByTagName('img')[0];
                        titleImgSrc = titleImg.src;
                        var parent = titleImg.parentNode;
                        parent.innerHTML = '';
                        parent.appendChild(titleImg);
                        titleContent = parent.innerHTML;
                    }
                }

                bodyContent = popContent.innerHTML;

				//기존 팝업이 존재 할 경우 close 후 재 open
				if( pbk.extJS.popup.layerObject[layerID] ){
					pbk.extJS.popup.layerObject[layerID].close();
				}
				
                var win = new Ext.Window({
                    id       : layerID,
                    parentID : parentObjID,
                    baseCls  : popupBaseCls,
                    closable : isClosable,
                    width    : popupWidth,
                    autoHeight: true,
                    resizable: false,
                    border   : false,
                    bodyBorder: false,
                    footer   : true,
                    modal    : true,
                    shadow   : false,
                    title    : titleContent,
                    html     : bodyContent,
                    listeners: {
                        beforedestroy: function(w){
                            pbk.extJS.privateEvent.destroy(w);
                            try{
                                eventList['destroy']();
                            }catch(e){alert(e.message);}    
                        },

                        beforehide: eventList['beforehide']
                    }
                });

                //팝업 보여줌..
                win.setVisible(true);

                if((popupBaseCls == 'x-hanabank-window') || (popupBaseCls == 'x-hanacard-window')){
                    //copyright 넣기
                    var copyRightDiv = pbk.extJS.popup.getCopyRight();
                    win.footer.appendChild(copyRightDiv);
                    //인쇄 넣기
                    if(pbk.extJS.popup.isPrint){
                        var printBtn = pbk.extJS.popup.getPrintBtn(win, titleImgSrc);
                        win.footer.appendChild(printBtn);
                    }    
                }
				
				//프린트 설정 초기화
				pbk.extJS.popup.initPrint();


                pbk.extJS.popup.layerObject[layerID] = win;

                // 이벤트 정의할 객체 정의
                pbk.extJS.popup.eventTargetObject = pbk.extJS.popup.layerObject[layerID];

                // 최초 레이어 화면 생성 후 activate 이벤트 부여 (최초 창이 활성화 되었을때 이벤트 발생을 막기 위함)
                pbk.extJS.popup.layerObject[layerID].on('activate', eventList['activate']);

                if (adjustConfig==null || adjustConfig == undefined) {
					// 레이어에 업데이트 되었으므로 사이즈 변경으로 인해 다시 화면의 정중앙에 위치(해상도 문제로 로직 변경)
					pbk.extJS.popup.setCenterPosition(layerID);
				} else {
					pbk.extJS.popup.setPosition(adjustConfig);
				}

				// 부모레이어가 지정되어 있을 경우 현재 띄우는 팝업을 20px씩 이동
				if (null != parentObjID && parentObjID != undefined){
					if (adjustConfig==null || adjustConfig == undefined) {
						var parentPos = pbk.extJS.popup.layerObject[parentObjID].getPosition();
						pbk.extJS.popup.layerObject[layerID].setPosition(parentPos[0] + 20, parentPos[1] + 20);
					}
				}

				// 재정의된 show 이벤트 실행  2009.02.10 김상준 ajax update 시 10 ms 소요
				setTimeout( pbk.extJS.popup.event.show, 10);

				// 모든 레이어에 show 이벤트 적용여부 확인
				pbk.extJS.popup.event.show = function(){};

                var extScrollDiv = $('hanaScrollDiv');

				if (null != extScrollDiv && extScrollDiv != undefined) {
					extScrollDiv.id = layerID + '-extScrollDiv';
				}

            }

            //popup temp area 초기화
            $('popup-temp').innerHTML = '';
        });

    },

    /**
     * 인쇄 넣기
     */
    getCopyRight : function(){
        var copyRightDiv = document.createElement('DIV');
		//20100203 Geunwon,Mo 카드메뉴에서 팝업을 띄울경우 하나카드로 표시
        var currentUrl;
        currentUrl = location.href;
        if (currentUrl.indexOf("/card/") > 0){
            copyRightDiv.className = 'x-hanacard-window-footer_copy';
        } else {
            copyRightDiv.className = 'x-hanabank-window-footer_copy';
        }

        var copyRightImg = document.createElement('img');
        
		//20100121 Geunwon,Mo 카드메뉴에서 팝업을 띄울경우 하나카드로 표시
        if (currentUrl.indexOf("/card/") > 0){
            copyRightImg.alt = 'Copyright ⓒ2010 HANACARD. All rights reserved.';
            copyRightImg.src = pbk.APPLICATION_CONTEXT_ROOT + '/resource/images/popup/img_pop_copy_card.gif';			
        } else {
            copyRightImg.alt = 'Copyright ⓒ2008 HANABANK. All rights reserved.';
            copyRightImg.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/img_pop_copy.gif';
        }
        copyRightDiv.appendChild(copyRightImg);

        return copyRightDiv;
    },

    /**
     * 프린트 property 초기화
     */
    initPrint : function(){
        pbk.extJS.popup.printArea = "";
        pbk.extJS.popup.isPrint = true;
    },

    /**
     * 인쇄 버튼
     */
    getPrintBtn : function(win, titleImgSrc){
		var printDiv = document.createElement('DIV');
        //20100203 Geunwon,Mo 카드메뉴에서 팝업을 띄울경우 하나카드로 표시
        var currentUrl;
        currentUrl = location.href;
        if (currentUrl.indexOf("/card/") > 0){
            printDiv.className = 'x-hanacard-window-footer-print';
        } else {
            printDiv.className = 'x-hanabank-window-footer-print';
        }

        var printImg = document.createElement('img');
        printImg.alt = '인쇄하기';
        printImg.style.cursor = 'pointer';
        printImg.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/btn_pop_print.gif';

        printImg.onclick = function(){
            
            //인쇄 영역 설정
            var printArea;

            var bodyArea = win.body.id;
            var bodyAreaEl = Ext.get(bodyArea);
            var popMidConts = bodyAreaEl.select("[class^=pop_mid_cont]");

            if(popMidConts.elements.length > 0){
                printArea = popMidConts.elements[0];
            }
            
            if(pbk.extJS.popup.printArea){
                printArea = pbk.extJS.popup.printArea;
            }

            //프린트 메이드 인쇄함수 호출
            //버튼 영역 hidden
            var btnAreas = bodyAreaEl.select("[class^=btn_]");
            
            Ext.each(btnAreas.elements, function(el){
				el.className = el.className + " x-hidden";
            });

			//[확인증] 인쇄 테스트 전 - [확인증] 페이지일 경우 분기
			//IE6 인 경우..
			var ua = navigator.userAgent.toLowerCase();
			var isIE = ua.indexOf("msie") > -1;
			var isIE7 = ua.indexOf("msie 7") > -1;
			var isIE8 = ua.indexOf("msie 8") > -1;
			
			/*
			@description : 기업뱅킹의 이체확인서 때문에 들어있는 구문이므로 개인뱅킹에선 제거
			if (isTransfer) {
				//IE6 인 경우..
				if (isIE && !isIE7 && !isIE8) {
					print_div(printArea, 2, -41, 0, -92, 0, titleImgSrc);
				} else {
					print_div(printArea, 2, -29, 0, -79, 0, titleImgSrc);
				//화면이 밀릴경우 3번째와 5번째 파라미터 값을 (-)증가 시킨다.
				//밀리지 않고 줄어들 경우엔 이와 반대로 값을 (-)빼준다.
				}
			} else {
			*/
			
			//IE6 인 경우..
            if(isIE && !isIE7 && !isIE8){
                print_div(printArea, 0, 3, 0, -17, 0, titleImgSrc);
            }else{
                print_div(printArea, 0, 17, -12, -15, 0, titleImgSrc);
            }
			
			/*
			}	
			*/
			
			//버튼 영역 다시 show
            Ext.each(btnAreas.elements, function(el){
				el.className = el.className.replace(' x-hidden','');
            });
        }

        printDiv.appendChild(printImg);

        return printDiv;
    },


    /**
	 * Popup Layer를 화면에서 제거합니다.
	 * @param {String} layerID 닫을 레이어의 ID
	 */
	close: function(layerID){
		if (pbk.extJS.popup.layerObject[layerID] != null && pbk.extJS.popup.layerObject[layerID] != undefined) {
//			// 이벤트 제거할 객체 정의
//			pbk.extJS.popup.eventTargetObject = pbk.extJS.popup.layerObject[layerID];
//
//			// 사용자 정의 함수 실행
//			pbk.extJS.popup.eventTargetObject.customEvent.destroy();

            // 화면에서 보이지 않게
//            pbk.extJS.fx.fadeOut(layerID,true,0.5);
            pbk.extJS.popup.layerObject[layerID].close();

            // 닫으려는 레이어 오브젝트를 배열에서 삭제하기
			var tmpObj = new Array();

			for (var item in pbk.extJS.popup.layerObject) {
				if (typeof item == 'string') {
					// 닫으려는 레이어를 제외한 레이어 정보 임시배열에 담아두기
					if (item != layerID) {
						tmpObj[item] = pbk.extJS.popup.layerObject[item];
					}
				}
			}

			// 닫으려는 레이어오브젝트를 제외한 나머지 레이어 오브젝트를 담은
			// 임시배열을 레이어 배열에 적용하기
			pbk.extJS.popup.layerObject = tmpObj;

			// 닫으려는 레이어의 하위레벨의 레이어가 있을 경우 함께 닫기
			for (var item in pbk.extJS.popup.layerObject) {
				if (typeof item == 'string') {
					var itemObj = pbk.extJS.popup.layerObject[item];

					if (null != itemObj && itemObj != undefined) {
						var p_id = itemObj.parentID;
						if (null != p_id && p_id != undefined && p_id == obj.id) {
							pbk.extJS.popup.close(item);
						}
					}
				}
			}
		}
	},

	/**
	 * Popup Layer의 넓이를 조절합니다.
	 * @param {String} layerID Popup Layer ID
	 * @param {Number} width Popup Layer의 변경할 너비
	 */
	setWidth: function(layerID, width){
		if (null != pbk.extJS.popup.layerObject[layerID] && pbk.extJS.popup.layerObject[layerID] != undefined) {
			pbk.extJS.popup.layerObject[layerID].setSize(width, 'auto');

			// 노출된 레이어의 위치를 현재 보이는 화면의 정중앙에 위치(해상도 문제로 로직 변경)
//			pbk.extJS.popup.layerObject[layerID].center();
			pbk.extJS.popup.setCenterPosition(layerID);
		}
	},

	/**
	 * 지정된 이름의 레이어를 Ext.Window 타입으로 리턴합니다.
	 * @param {String} layerID 리턴받을 레이어의 ID
	 * @return {Ext.Window} 가장 마지막에 생성된 레이어
	 */
	getObject: function(layerID){
		// 요청한 이름의 Ext.Window 객체 반환
		return pbk.extJS.popup.layerObject[layerID];
	},

    focusFlag : {
        isElementFocus : false,
        focusElementId : null
    },

	/**
	 * 가운데로 위치합니다.
	 * @param {Object} layerID
	 */
	setCenterPosition: function(layerID) {
        if(pbk.extJS.popup.layerObject[layerID]){
            pbk.extJS.popup.layerObject[layerID].center();

            var popupPos = pbk.extJS.popup.layerObject[layerID].getPosition()

            // 화면 상단 밖으로 벗어났을 경우 Top 0px로 위치
            if (popupPos[1] < 0){
                pbk.extJS.popup.layerObject[layerID].setPosition(popupPos[0], 0);
            }
        }    
    },



	/**
	 * elID 를 가지고 있는 Element 아래에 layerID 를 가지고 있는 Layer를 위치시킨다.
	 * @author 오륜경
	 * @param {String} elID 위치시키고자하는 아이디
	 * @param {String} layerID 레이어의 아이디
	 * @param {Number} adjustConfig (linkObjId : String,layerId : String, adjustX :Number, adjustY : Number)
	 */
	setPosition : function(adjustConfig) {
		var el = $(adjustConfig.linkObjId);
		pbk.extJS.popup.layerObject[adjustConfig.layerId].setPosition();

		if (null != pbk.extJS.popup.layerObject[adjustConfig.layerId] && pbk.extJS.popup.layerObject[adjustConfig.layerId] != undefined) {
			var layerObj = $(pbk.extJS.popup.layerObject[adjustConfig.layerId].getEl().id);
			var position = Position.cumulativeOffset(el);
			var x = position[0] + adjustConfig.adjustX;
			var y = position[1] + adjustConfig.adjustY;

			layerObj.style.position = 'absolute';
			layerObj.style.left = x + 'px';
			layerObj.style.top = y + 'px';
        }
	},

    /**
	 * 레이어에 대한 이벤트 관련 패키지 입니다.
	 */
	event: {
		/**
		 * 생성될 모든 레이어에 작성한 activate 이벤트 적용여부를 지정합니다.
		 * MEMO : true로 변경후 Popup Layer 생성시 생성한 Popup Layer 부터
		 *        현재 페이지에서 생성되는 모든 Popup Layer에 적용된다.
		 *        false로 변경후 Popup Layer 생성시 생성한 Popup Layer 에만 적용되고 이벤트는 삭제된다.
		 */
		isActivate: false,

		/**
		 * 생성될 모든 레이어에 작성한 show 이벤트 적용여부를 지정합니다.
		 * MEMO : true로 변경후 Popup Layer 생성시 생성한 Popup Layer 부터
		 *        현재 페이지에서 생성되는 모든 Popup Layer에 적용된다.
		 *        false로 변경후 Popup Layer 생성시 생성한 Popup Layer 에만 적용되고 이벤트는 삭제된다.
		 */
		isShow: false,

		/**
		 * 생성될 모든 레이어에 작성한 hide 이벤트 적용여부를 지정합니다.
		 * MEMO : true로 변경후 Popup Layer 생성시 생성한 Popup Layer 부터
		 *        현재 페이지에서 생성되는 모든 Popup Layer에 적용된다.
		 *        false로 변경후 Popup Layer 생성시 생성한 Popup Layer 에만 적용되고 이벤트는 삭제된다.
		 */
		isHide: false,

		/**
		 * 생성될 모든 레이어에 작성한 beforehide 이벤트 적용여부를 지정합니다.
		 * MEMO : true로 변경후 Popup Layer 생성시 생성한 Popup Layer 부터
		 *        현재 페이지에서 생성되는 모든 Popup Layer에 적용된다.
		 *        false로 변경후 Popup Layer 생성시 생성한 Popup Layer 에만 적용되고 이벤트는 삭제된다.
		 */
		isBeforehide: false,

		/**
		 * Virtual Function, 레이어가 활성화 되었을 경우 발생할 이벤트를 정의합니다.
		 */
		activate: function(/* Ext.Window */obj){
		},

		/**
		 * Virtual Function, 레이어가 화면에 보이고 난 후 발생할 이벤트를 정의합니다.
		 */
		show: function(/* Ext.Component */obj){
		},

		/**
		 * Virtual Function, 레이어를 닫은 후 발생할 이벤트를 정의합니다.
		 */
		hide: function(){
		},

		/**
		 * Virtual Function, 레이어를 닫기 전에 발생할 이벤트를 정의합니다.
		 */
		beforehide: function(){
		}
	}
};


/**
 * Indicator Layer 관련 패키지
 */
pbk.extJS.loadingLayer = {
	/**
	 * ************************************************************
	 * 내부에서만 사용되므로 외부에서 가공하지 않습니다. 단, 참조는 가능합니다.
	 * ************************************************************
	 * Indicator레이어 정보.
	 */
	indicatorLayer: null,

    /**
     * 로딩 레이어를 cache 합니다.
     */
    cache : function(){
        if(pbk.extJS.loadingLayer.indicatorLayer){
            return;
        }

        // 생성될 Indicator Layer의 환경설정
		var config = {
			id: 'indicatorLayer',
			resizable: false,
			closable: false,
			footer: true,
			border: false,
			bodyBorder: false,
			draggable: false,
			plain: true,
			width: 106,
			autoHeight: true,
			shadow: false,
			modal: true,
			html: pbk.extJS.loadingLayer.loadingMsg(),
            listeners: {
                beforedestroy: function(w){
                    pbk.extJS.privateEvent.destroy(w);
                }
            }
        }

        pbk.extJS.loadingLayer.indicatorLayer = new Ext.Window(config);
        pbk.extJS.loadingLayer.indicatorLayer.setVisible(true);
        pbk.extJS.loadingLayer.indicatorLayer.center();
        pbk.extJS.loadingLayer.indicatorLayer.setVisible(false);


        Event.observe(window, 'resize', pbk.extJS.loadingLayer.resizeHandler);
        Event.observe(window, 'scroll', pbk.extJS.loadingLayer.resizeHandler);
    },


	/**
	 * Indicator Layer를 화면에 출력합니다.
	 */
	loadingMsg: function(){
		var dummyNode = document.createElement('div');
        var embedObj = document.createElement('embed');
		var resource_URL = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/flash/hana_loading_ver8.swf';

		embedObj.setAttribute('src', resource_URL);
		embedObj.setAttribute('wmode', 'transparent');
		embedObj.setAttribute('quality', 'high');
		embedObj.setAttribute('pluginspage', 'http://www.macromedia.com/go/getflashplayer');
		embedObj.setAttribute('type', 'application/x-shockwave-flash');
		embedObj.setAttribute('width', '106');
		embedObj.setAttribute('height', '106');
		embedObj.setAttribute('allowScriptAccess', 'always');
		embedObj.setAttribute('swLiveConnect', true);
		embedObj.setAttribute('id', 'loading_flash');
		embedObj.setAttribute('name', 'loading_flash');

		dummyNode.appendChild(embedObj);
		return dummyNode.innerHTML;
	},


    /**
	 * loading layer 를 보여줍니다.
	 */
	show : function(){
        if (null == pbk.extJS.loadingLayer.indicatorLayer) {
            // 생성될 Indicator Layer의 환경설정
            var config = {
                id: 'indicatorLayer',
                resizable: false,
                closable: false,
                footer: true,
                border: false,
                bodyBorder: false,
                draggable: false,
                plain: true,
                width: 106,
                autoHeight: true,
                shadow: false,
                modal: true,
                html: pbk.extJS.loadingLayer.loadingMsg(),
                listeners: {
                    beforedestroy: function(w){
                        pbk.extJS.privateEvent.destroy(w);
                    }
                }
            }

            pbk.extJS.loadingLayer.indicatorLayer = new Ext.Window(config);

            pbk.extJS.loadingLayer.indicatorLayer.setVisible(true);

			/*
			 * MSN_MESSENGER_YN 변수는 msn messenger 뱅킹 template master에 정의 되어 있음.Jiho Park
			 */
			var isMsnMessenger = false;
			if (MSN_MESSENGER_YN != null && MSN_MESSENGER_YN != undefined) {
				if (MSN_MESSENGER_YN == "Y") {
					isMsnMessenger = true;
				}
			}
	
			if (isMsnMessenger == true) {
				// MSN 메신져 뱅킹
				pbk.extJS.loadingLayer.indicatorLayer.setPosition(120,110);
			} else {
				// 일반 뱅킹
				pbk.extJS.loadingLayer.indicatorLayer.center();
			}

            //Event.observe(window, 'resize', pbk.extJS.loadingLayer.resizeHandler);
            //Event.observe(window, 'scroll', pbk.extJS.loadingLayer.resizeHandler);
        }

        if($('initialMask') && $('initialLoadingLayer')
                && $('initialMask').style.display != "none" && $('initialLoadingLayer').style.display != "none" ) {
			$('initialMask','initialLoadingLayer').invoke('hide');
		}
    },


    /**
	 * close
	 */
	close : function(){
        if (null != pbk.extJS.loadingLayer.indicatorLayer) {
            pbk.extJS.loadingLayer.indicatorLayer.close();

            pbk.extJS.loadingLayer.indicatorLayer = null;
            
//            Event.stopObserving(window, 'resize', pbk.extJS.loadingLayer.resizeHandler);
//            Event.stopObserving(window, 'scroll', pbk.extJS.loadingLayer.resizeHandler);
        }
	},

	/**
	 * ****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * ****************************************
	 * 화면 중앙에 위치하는 이벤트
	 */
	resizeHandler: function() {
		if (null != pbk.extJS.loadingLayer.indicatorLayer) {
			pbk.extJS.loadingLayer.indicatorLayer.center();
		}
	}
};


/**
 * 로그아웃 잔여시간 알림 Message 패키지
 */
pbk.extJS.logoutMessage = {
	/**
	 * ************************************************************
	 * 내부에서만 사용되므로 외부에서 가공하지 않습니다. 단, 참조는 가능합니다.
	 * ************************************************************
	 * 로그아웃 잔여시간 알림 Message Box 정보
	 */
	logoutLayer: null,

	/**
	 * ************************************************************
	 * 내부에서만 사용되므로 외부에서 가공하지 않습니다. 단, 참조는 가능합니다.
	 * ************************************************************
	 * 로그아웃 잔여시간 알림 Message Box 업데이트 준비완료 여부
	 */
	updateReady: false,

	/**
	 * 로그아웃 잔여시간 알림 Message Box를 화면의 가운데에 표시합니다.
	 */
	show: function(){
		// 기본 객체 생성
		if (null == pbk.extJS.logoutMessage.logoutLayer) {
			pbk.extJS.logoutMessage.logoutLayer = new Ext.Window({
				resizable: false,
				closable: false,
				footer: true,
				width: 428,
				border: false,
				bodyBorder: false,
				plain: true,
				autoHeight: true,
				shadow: false,
				modal: true,
				listeners: {
                    beforedestroy: function(w){
                        pbk.extJS.privateEvent.destroy(w);
                    }
                },
                onEsc: function(){
					pbk.extJS.logoutMessage.close();
				}
			});
		}

		// 화면에 출력
		pbk.extJS.logoutMessage.logoutLayer.setVisible(true);

		if (null != pbk.extJS.logoutMessage.logoutLayer) {
			// Title, Body 부분의 내용을 Update 한다.
//			var dialogID = pbk.extJS.logoutMessage.logoutLayer.getId();
//			pbk.extJS.layerMask.show($(dialogID).style.zIndex);
			pbk.extJS.logoutMessage.logoutLayer.header.update($('pop_logout_title').innerHTML);
			pbk.extJS.logoutMessage.logoutLayer.body.update($('pop_logout_content').innerHTML);

			// 모든 셋팅이 완료되면 잔여시간 Update 준비가 되었음을 선언한다.
			pbk.extJS.logoutMessage.updateReady = true;
		}

		// 화면의 중앙에 위치한다.
		pbk.extJS.logoutMessage.logoutLayer.center();
	},

	/**
	 * 로그아웃 잔여시간 Message Box에 잔여시간을 업데이트 합니다.
	 * @param {String} target Update할 영역의 Class Name
	 * @param {String} data Update할 내용
	 */
	updateTime: function(target, data){
		// 초기 셋팅이 모두 완료되었을때 잔여시간을 Update를 한다.
		if (pbk.extJS.logoutMessage.updateReady) {
			if (null != pbk.extJS.logoutMessage.logoutLayer) {
				var dialogID = pbk.extJS.logoutMessage.logoutLayer.getId();
				var targetObj = $(dialogID).getElementsByClassName(target);
				targetObj[0].innerHTML = data;
			}
		}
	},

	/**
	 * 로그아웃 잔여시간 Message Box를 화면에서 제거합니다.
	 */
	close: function(){
		if (null != pbk.extJS.logoutMessage.logoutLayer) {
            pbk.extJS.logoutMessage.logoutLayer.close();
			pbk.extJS.logoutMessage.logoutLayer = null;
			pbk.extJS.logoutMessage.updateReady = false;
//			pbk.extJS.layerMask.close();
		}
	}
};


/**
 * MessageBox(Alert, Confirm) 관련 패키지
 */
pbk.extJS.messageBox = {
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Messagebox Dialog 객체정보를 담는 변수
	 */
	dialog: null,

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 현재 띄워져 있는 Messagebox Dialog 정보
	 */
	dialogList: new Array(),

	/**
	 * Alert 성격의 Message Box를 화면에 출력합니다.
	 * @param {Config} options 환경 설정
	 * @return {Boolean} 확인: true, 창 닫기: false
	 */
	alertMsgBox: function(options){
		/*
		 * ---------------------------------------------------
		 * Config 옵션
		 * ---------------------------------------------------
		 * title	: (required)(String) MessageBox 제목
		 * message	: (required)(String) 내용
		 * callback	: (optional)(Function) 버튼클릭후 발생할 이벤트
		 * ---------------------------------------------------
		 *
		 * ---------------------------------------------------
		 * example)
		 * ---------------------------------------------------
		 *   alertMsgBox({
		 *   	title: '검사 오류',
		 *   	message: '아이디가 잘못되었습니다.<br><br>확인해 주시기 바랍니다.',
		 *   	callback: function(e){
		 *   		if (e == true){	// 확인 버튼 클릭시
		 *   			objID.focus();
		 *   		}
		 *   	}
		 *   });
		 * ---------------------------------------------------
		 */
		var _options = {
			title: options.title,
			message: options.message,
			callback: options.callback
		}


		pbk.extJS.messageBox.setAlertDialogForm(_options);
	},

	/**
	 * Information 성격의 Message Box를 출력합니다. (Confirm 스타일의 아이콘 - 디자인 작업중)
	 * @param {Config} options 환경 설정
	 * @return {Boolean} 확인: true, 취소: false, 창 닫기: false
	 */
	infoMsgBox: function(options){
		/*
		 * ---------------------------------------------------
		 * Config 옵션
		 * ---------------------------------------------------
		 * isConfirm	: (required)(Boolean)  Confirm 형식으로 Dialog를 출력할지 여부
		 * title		: (required)(String)   MessageBox 제목
		 * message		: (required)(String)   내용
		 * callback		: (optional)(Function) 버튼 클릭후 발생할 이벤트
		 * ---------------------------------------------------
		 *
		 * ---------------------------------------------------
		 * example)
		 * ---------------------------------------------------
		 * 	infoMsgBox({
		 * 		isConfirm: false,
		 * 		title: '아이디 중복검사',
		 * 		message: '이미 등록된 아이디가 있습니다.<br><br>다시 한번 확인해 주세요',
		 * 		callback: function(e){
		 * 			if (e == true){	// 확인버튼 클릭시
		 * 				objID.focus();
		 * 			}
		 * 			else {	// 창 닫기 또는 취소 버튼 클릭시
		 * 				objID.value = '';
		 * 			}
		 * 		}
		 * 	});
		 * ---------------------------------------------------
		 */

		/*
		 * MSN_MESSENGER_YN 변수는 msn messenger 뱅킹 template master에 정의 되어 있음.Jiho Park
		 */
		var isMsnMessenger = false;
		if (MSN_MESSENGER_YN != null && MSN_MESSENGER_YN != undefined) {
			if (MSN_MESSENGER_YN == "Y") {
				isMsnMessenger = true;
			}
		}

		if (isMsnMessenger == true) {
			// MSN 메신져 뱅킹
			var _options = {
				isConfirm: false,
				title: options.title,
				message: options.message,
				icon: 'info',
				callback: options.callback
			}
			pbk.extJS.messageBox.setInfoConfirmDialogForm(_options);

		} else {
			// 일반 뱅킹
			var _options = {
				isConfirm: options.isConfirm,
				title: options.title,
				message: options.message,
				icon: 'info',
				callback: options.callback
			}
			pbk.extJS.messageBox.setBaseDialogForm(_options);
		}

	},


	/**
	 * 아이콘이 없는 Confirm 성격의 Message Box를 출력합니다.
	 * @param {Config} options 환경 설정
	 * @return {Boolean} 확인: true, 취소: false, 창 닫기: false
	 */
	infoConfirmMsgBox: function(options){
		/*
		 * ---------------------------------------------------
		 * Config 옵션
		 * ---------------------------------------------------
		 * isConfirm	: (required)(Boolean)  Confirm 형식으로 Dialog를 출력할지 여부
		 * title		: (required)(String)   MessageBox 제목
		 * message		: (required)(String)   내용
		 * callback		: (optional)(Function) 버튼 클릭후 발생할 이벤트
		 * ---------------------------------------------------
		 *
		 * ---------------------------------------------------
		 * example)
		 * ---------------------------------------------------
		 * 	infoConfirmMsgBox({
		 * 		isConfirm: false,
		 * 		title: '아이디 중복검사',
		 * 		message: '이미 등록된 아이디가 있습니다.<br><br>다시 한번 확인해 주세요',
		 * 		callback: function(e){
		 * 			if (e == true){	// 확인버튼 클릭시
		 * 				objID.focus();
		 * 			}
		 * 			else {	// 창 닫기 또는 취소 버튼 클릭시
		 * 				objID.value = '';
		 * 			}
		 * 		}
		 * 	});
		 * ---------------------------------------------------
		 */

		var _options = {
			isConfirm: options.isConfirm,
			title: options.title,
			message: options.message,
			icon: 'info',
			callback: options.callback
		}

		pbk.extJS.messageBox.setInfoConfirmDialogForm(_options);
	},

	/**
	 * Error 성격의 Message Box를 출력합니다. (Alert 스타일의 아이콘)
	 * @param {Config} options 환경 설정
	 * @return {Boolean} 확인: true, 취소: false, 창 닫기: false
	 */
	errMsgBox: function(options){
		/*
		 * ---------------------------------------------------
		 * Config 옵션
		 * ---------------------------------------------------
		 * isConfirm	: (required)(Boolean)  Confirm 형식으로 Dialog를 출력할지 여부
		 * title		: (required)(String)   MessageBox 제목
		 * message		: (required)(String)   내용
		 * callback		: (optional)(Function) 버튼 클릭후 발생할 이벤트
		 * ---------------------------------------------------
		 *
		 * ---------------------------------------------------
		 * example)
		 * ---------------------------------------------------
		 * 	infoMsgBox({
		 * 		isConfirm: false,
		 * 		title: '아이디 중복검사',
		 * 		message: '이미 등록된 아이디가 있습니다.<br><br>다시 한번 확인해 주세요',
		 * 		callback: function(e){
		 * 			if (e == true){	// 확인버튼 클릭시
		 * 				objID.focus();
		 * 			}
		 * 			else {	// 창 닫기 또는 취소 버튼 클릭시
		 * 				objID.value = '';
		 * 			}
		 * 		}
		 * 	});
		 * ---------------------------------------------------
		 */

		/*
		 * MSN_MESSENGER_YN 변수는 msn messenger 뱅킹 template master에 정의 되어 있음.Jiho Park
		 */
		var isMsnMessenger = false;
		if (MSN_MESSENGER_YN != null && MSN_MESSENGER_YN != undefined) {
			if (MSN_MESSENGER_YN == "Y") {
				isMsnMessenger = true;
			}
		}

		if (isMsnMessenger == true) {
			// MSN 메신져 뱅킹
			var _options = {
				isConfirm: false,
				title: options.title,
				message: options.message,
				icon: 'error',
				callback: options.callback
			}
			pbk.extJS.messageBox.setInfoConfirmDialogForm(_options);

		} else {
			// 일반 뱅킹
			var _options = {
				isConfirm: options.isConfirm,
				title: options.title,
				message: options.message,
				icon: 'error',
				callback: options.callback
			}
			pbk.extJS.messageBox.setBaseDialogForm(_options);
		}

	},

	/**
	 * 20090210-1	 * 
	 * Standard error Message Box를 출력합니다. (Alert 스타일의 아이콘)
	 * 
	 * @param {Config} options 환경 설정 
	 * @param {Object} options
	 */
	errStandardMsgBox : function(options){
		var _options = {
			title: options.title,
			message: options.message,
			detailMsg : options.detailMsg,
			detailFunc :  options.detailFunc,
			icon: 'error',
			callback: options.callback
		}
		try {
			pbk.extJS.messageBox.setStrandardErrDialogForm(_options);
		} catch (e){
			alert(e.toString());
		}		
	},
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 확인버튼을 클릭했을때 발생할 이벤트입니다.
	 * @param {Function} callback 사용자 정의 Callback 함수
	 * @param {String} dialogID 창을 닫은 다이얼로그의 ID
	 */
	eventOk: function(callback, dialogID){
		pbk.extJS.messageBox.closeDialog(dialogID);
		if (callback != undefined && null != callback) {
			callback(true);
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 닫기 또는 취소버튼을 클릭했을 때 발생할 이벤트 입니다.
	 * @param {Function} callback 사용자 정의 Callback 함수
	 * @param {String} dialogID 창을 닫은 다이얼로그의 ID
	 */
	eventCancel: function(callback, dialogID){
		pbk.extJS.messageBox.closeDialog(dialogID);
		if (callback != undefined && null != callback) {
			callback(false);
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 아이콘이 없는 Confirm Message Box를 화면에 셋팅합니다.
	 * @param {Config} options 환경설정
	 */
	setInfoConfirmDialogForm: function(options){
		// 1. 기본 Dialog 셋팅하기
		pbk.extJS.messageBox.getBaseDialog(options);
		var dialogID = pbk.extJS.messageBox.dialog.getId();

		// 2. 기본 디자인폼 입히기
		var baseHTML = pbk.extJS.messageBox.getInfoConfirmDialogHTML(options);

		// 3. 내용 Update
		pbk.extJS.messageBox.dialog.header.update(baseHTML[0].innerHTML);
		pbk.extJS.messageBox.dialog.body.update(baseHTML[1].innerHTML);

		// 4. 이벤트 부여
		document.getElementById('ext-msg-btnok-' + dialogID).onclick = function(){
			pbk.extJS.messageBox.eventOk(options.callback, dialogID);
			return false;
		};

		if (options.isConfirm != undefined && null != options.isConfirm) {
			if (options.isConfirm) {
				document.getElementById('ext-msg-btncancel-' + dialogID).onclick = function(){
					pbk.extJS.messageBox.eventCancel(options.callback, dialogID)
					return false;
				};
			}
		}

		document.getElementById('ext-msg-close-' + dialogID).onclick = function(){
			pbk.extJS.messageBox.eventCancel(options.callback, dialogID);
			return false;
		};

		// 5. Dialog 넓이 조절 및 가운데에 표시
		var objMain = $('ext-errmsg-header-' + dialogID);
		pbk.extJS.messageBox.dialog.setSize(objMain.getWidth(), 'auto');

		/*
		 * MSN_MESSENGER_YN 변수는 msn messenger 뱅킹 template master에 정의 되어 있음.Jiho Park
		 */
		var isMsnMessenger = false;
		if (MSN_MESSENGER_YN != null && MSN_MESSENGER_YN != undefined) {
			if (MSN_MESSENGER_YN == "Y") {
				isMsnMessenger = true;
			}
		}

		if (isMsnMessenger == true) {
			// MSN 메신져 뱅킹
			pbk.extJS.messageBox.dialog.setPosition(37,150);
		} else {
			// 일반 뱅킹
			pbk.extJS.messageBox.dialog.center();
		}

		// 6. 최상위 적용된 z-index 값 가져와서 LayerMask 표현
//		var zIndex = pbk.extJS.layerMask.getZIndex();
//		pbk.extJS.layerMask.show(zIndex);
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Alert Message Box를 화면에 셋팅합니다.
	 * @param {Config} options 환경설정
	 */
	setAlertDialogForm: function(options){
		// 1. 기본 Dialog 셋팅하기
		pbk.extJS.messageBox.getBaseDialog(options);
		var dialogID = pbk.extJS.messageBox.dialog.getId();

		// 2. 기본 디자인폼 입히기
		var baseHTML = pbk.extJS.messageBox.getAlertDialogHTML(options.title, options.message);

		// 3. 내용 Update
		pbk.extJS.messageBox.dialog.header.update(baseHTML[0].innerHTML);
		pbk.extJS.messageBox.dialog.body.update(baseHTML[1].innerHTML);

		// 4. 이벤트 부여
		document.getElementById('ext-msg-btnok-' + dialogID).onclick = function(){
			pbk.extJS.messageBox.eventOk(options.callback, dialogID);
			return false;
		};

		document.getElementById('ext-msg-close-' + dialogID).onclick = function(){
			pbk.extJS.messageBox.eventCancel(options.callback, dialogID);
			return false;
		};

		// 5. Dialog 넓이 조절 및 가운데에 표시
		var objMain = $('ext-errmsg-header-' + dialogID);
		pbk.extJS.messageBox.dialog.setSize(objMain.getWidth(), 'auto');
		pbk.extJS.messageBox.dialog.center();

		// 6. 최상위 적용된 z-index 값 가져와서 LayerMask 표현
//		var zIndex = pbk.extJS.layerMask.getZIndex();
//		pbk.extJS.layerMask.show(zIndex);
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Info, Error Message Box를 화면에 셋팅합니다.
	 * @param {Config} options 환경설정
	 */
	setBaseDialogForm: function(options){
		// 1. 기본 Dialog 셋팅하기
		pbk.extJS.messageBox.getBaseDialog(options);
		var dialogID = pbk.extJS.messageBox.dialog.getId();

		// 2. 기본 디자인폼 입히기
		var baseHTML = pbk.extJS.messageBox.getBaseDialogHTML(options);

		// 3. 내용 Update
		pbk.extJS.messageBox.dialog.header.update(baseHTML[0].innerHTML);
		pbk.extJS.messageBox.dialog.body.update(baseHTML[1].innerHTML);

		// 4. 이벤트 부여
		document.getElementById('ext-msg-btnok-' + dialogID).onclick = function(){
			pbk.extJS.messageBox.eventOk(options.callback, dialogID);
			return false;
		};

		if (options.isConfirm != undefined && null != options.isConfirm) {
			if (options.isConfirm) {
				document.getElementById('ext-msg-btncancel-' + dialogID).onclick = function(){
					pbk.extJS.messageBox.eventCancel(options.callback, dialogID)
					return false;
				};
			}
		}

		document.getElementById('ext-msg-close-' + dialogID).onclick = function(){
			pbk.extJS.messageBox.eventCancel(options.callback, dialogID);
			return false;
		};

		// 5. Dialog 넓이 조절 및 가운데에 표시
		var objMain = $('ext-errmsg-header-' + dialogID);
		pbk.extJS.messageBox.dialog.setSize(objMain.getWidth(), 'auto');
		pbk.extJS.messageBox.dialog.center();

		// 6. 최상위 적용된 z-index 값 가져와서 LayerMask 표현
//		var zIndex = pbk.extJS.layerMask.getZIndex();
//        pbk.extJS.layerMask.show(zIndex);

	},

	/**
	 * 20090210-1
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 표준 Error Message Box를 화면에 셋팅합니다.
	 * @param {Config} options 환경설정
	 */
	setStrandardErrDialogForm: function(options){
		// 1. 기본 Dialog 셋팅하기
		pbk.extJS.messageBox.getBaseDialog(options);
		var dialogID = pbk.extJS.messageBox.dialog.getId();

		// 2. 기본 디자인폼 입히기
		var baseHTML = pbk.extJS.messageBox.getBaseStandardErrDialogHTML(options);

		// 3. 내용 Update
		pbk.extJS.messageBox.dialog.header.update(baseHTML[0].innerHTML);
		pbk.extJS.messageBox.dialog.body.update(baseHTML[1].innerHTML);
		
		// 4. 이벤트 부여
		document.getElementById('ext-msg-btnok-' + dialogID).onclick = function(){
			pbk.extJS.messageBox.eventOk(options.callback, dialogID);
			return false;
		};
				
		document.getElementById('ext-msg-close-' + dialogID).onclick = function(){
			pbk.extJS.messageBox.eventCancel(options.callback, dialogID);
			return false;
		};

		// 5. Dialog 넓이 조절 및 가운데에 표시
		var objMain = $('ext-errmsg-header-' + dialogID);
		pbk.extJS.messageBox.dialog.setSize(objMain.getWidth(), 'auto');
		pbk.extJS.messageBox.dialog.center();

	},	
	
	/**
	 * 작업중
	 * @param {Object} options
	 */
	getInfoConfirmDialogHTML: function(options){
		var dialogID = pbk.extJS.messageBox.dialog.getId();

		var dummyHeader = document.createElement('div');
		var dummyBody = document.createElement('div');

		// Header Layout
		var headerLayout = document.createElement('div');
		headerLayout.setAttribute('id', 'ext-errmsg-header-' + dialogID);
		if (headerLayout.style.cssFloat != undefined) {
			headerLayout.style.cssFloat = 'left';
		}
		else {
			headerLayout.style.styleFloat = 'left';
		}

		var headerGrp = document.createElement('div');
		headerGrp.setAttribute('id', 'pop_error_4');

		var headerGrp_Sub = document.createElement('div');
		headerGrp_Sub.setAttribute('class', 'pop_error_top');

		var headerTitle = document.createElement('div');
		headerTitle.setAttribute('class', 'head');

		if (options.title != undefined && null != options.title) {
			headerTitle.innerHTML = options.title;
		}
		else {
			headerTitle.innerHTML = '';
		}

		var headerImgAnchor = document.createElement('a');
		headerImgAnchor.setAttribute('id', 'ext-msg-close-' + dialogID);
		headerImgAnchor.href = 'javascript:void(0);';

		var headerImg = document.createElement('img');
		headerImg.setAttribute('class', 'close');
		headerImg.setAttribute('alt', '창닫기');
		headerImg.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/btn_close_2.gif';

		headerImgAnchor.appendChild(headerImg);

		headerGrp_Sub.appendChild(headerTitle);
		headerGrp_Sub.appendChild(headerImgAnchor);
		headerGrp.appendChild(headerGrp_Sub);
		headerLayout.appendChild(headerGrp);

		// Body Layout
		var bodyLayout = document.createElement('div');
		bodyLayout.setAttribute('id', 'ext-errmsg-body-' + dialogID);
		if (bodyLayout.style.cssFloat != undefined) {
			bodyLayout.style.cssFloat = 'left';
		}
		else {
			bodyLayout.style.styleFloat = 'left';
		}

		var bodyGrp = document.createElement('div');
		bodyGrp.setAttribute('id', 'pop_error_4');

		var bodyGrp_Sub = document.createElement('div');
		bodyGrp_Sub.setAttribute('class', 'pop_error_cont');

		var bodyContent = document.createElement('p');
		if (options.message != undefined && null != options.message) {
			bodyContent.innerHTML = options.message;
		}
		else {
			bodyContent.innerHTML = '';
		}

		var btnGroup = document.createElement('div');
		btnGroup.setAttribute('class', 'btn');

		var btnOk = document.createElement('a');
		var btnOk_Img = document.createElement('img');
		btnOk.setAttribute('id', 'ext-msg-btnok-' + dialogID);
		btnOk.href = 'javascript:void(0);';
		btnOk_Img.setAttribute('alt', '확인');
		btnOk_Img.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/common/btn/btn_confirm.gif';
		btnOk.appendChild(btnOk_Img);

		var btnCancel = document.createElement('a');
		var btnCancel_Img = document.createElement('img');
		btnCancel.setAttribute('id', 'ext-msg-btncancel-' + dialogID);
		btnCancel.href = 'javascript:void(0);';
		btnCancel_Img.setAttribute('alt', '취소');
		btnCancel_Img.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/common/btn/btn_cancel18.gif';
		btnCancel.appendChild(btnCancel_Img);

		btnGroup.appendChild(btnOk);
		if (options.isConfirm != undefined && null != options.isConfirm) {
			if (options.isConfirm) {
				btnGroup.appendChild(btnCancel);
			}
		}

		bodyGrp_Sub.appendChild(bodyContent);
		bodyGrp_Sub.appendChild(btnGroup);
		bodyGrp.appendChild(bodyGrp_Sub);
		bodyLayout.appendChild(bodyGrp);

		dummyHeader.appendChild(headerLayout);
		dummyBody.appendChild(bodyLayout);

		return [dummyHeader, dummyBody];
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Alert Message Box의 HTML을 생성합니다.
	 * @param {String} title 제목
	 * @param {String} message 내용
	 * @return {Array} Title, Body 영역 HTML코드
	 */
	getAlertDialogHTML: function(title, message){
		var dialogID = pbk.extJS.messageBox.dialog.getId();

		var dummyHeader = document.createElement('div');
		var dummyBody = document.createElement('div');

		// Header
		var headerGroup = document.createElement('div');
		headerGroup.setAttribute('id', 'ext-errmsg-header-' + dialogID);
		if (headerGroup.style.cssFloat != undefined) {
			headerGroup.style.cssFloat = 'left';
		}
		else {
			headerGroup.style.styleFloat = 'left';
		}

		var headerLayout = document.createElement('div');
		headerLayout.setAttribute('id', 'pop_error_3');

		var headerTop = document.createElement('div');
		headerTop.setAttribute('class', 'pop_error_top');

		var headerMessage = document.createElement('div');
		headerMessage.setAttribute('class', 'head');

		if (title != undefined && null != title) {
			headerMessage.innerHTML = title;
		}
		else {
			headerMessage.innerHTML = '오류';
		}

		var headerAnchor = document.createElement('a');
		headerAnchor.setAttribute('id', 'ext-msg-close-' + dialogID);
		headerAnchor.href = 'javascript:void(0);';

		var headerImg = document.createElement('img');
		headerImg.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/btn_close_3.gif';
		headerImg.setAttribute('alt', '창닫기');
		headerImg.setAttribute('class', 'close');

		headerAnchor.appendChild(headerImg);
		headerTop.appendChild(headerMessage);
		headerTop.appendChild(headerAnchor);
		headerLayout.appendChild(headerTop);
		headerGroup.appendChild(headerLayout);
		dummyHeader.appendChild(headerGroup);

		// Body
		var bodyGroup = document.createElement('div');
		bodyGroup.setAttribute('id', 'ext-errmsg-body-' + dialogID);
		if (bodyGroup.style.cssFloat != undefined) {
			bodyGroup.style.cssFloat = 'left';
		}
		else {
			bodyGroup.style.styleFloat = 'left';
		}

		var bodyLayout = document.createElement('div');
		bodyLayout.setAttribute('id', 'pop_error_3');

		var bodyContent = document.createElement('div');
		bodyContent.setAttribute('class', 'pop_error_cont');

		var bodyMessage = document.createElement('p');
		if (message != undefined && null != message) {
			bodyMessage.innerHTML = message;
		}
		else {
			bodyMessage.innerHTML = '';
		}

		var bodyButtonDiv = document.createElement('div');
		bodyButtonDiv.setAttribute('class', 'btn');

		var bodyAnchor = document.createElement('a');
		bodyAnchor.setAttribute('id', 'ext-msg-btnok-' + dialogID);
		bodyAnchor.href = 'javascript:void(0);';

		var bodyButton = document.createElement('img');
		bodyButton.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/common/btn/btn_confirm.gif';
		bodyButton.setAttribute('alt', '확인');

		bodyAnchor.appendChild(bodyButton);
		bodyButtonDiv.appendChild(bodyAnchor);
		bodyContent.appendChild(bodyMessage);
		bodyContent.appendChild(bodyButtonDiv);
		bodyLayout.appendChild(bodyContent);
		bodyGroup.appendChild(bodyLayout);
		dummyBody.appendChild(bodyGroup);

		return [dummyHeader, dummyBody];
	},

	/**
	 * * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Info, Error Message Box의 HTML을 생성합니다.
	 * @param {Config} options 환경설정내
	 * @return {Array} Title, Body 영역 HTML코드
	 */
	getBaseDialogHTML: function(options){
		var dialogID = pbk.extJS.messageBox.dialog.getId();

		var dummyHeader = document.createElement('div');
		var dummyBody = document.createElement('div');

		// Header Layout
		var headerLayout = document.createElement('div');
		headerLayout.setAttribute('id', 'ext-errmsg-header-' + dialogID);
		if (headerLayout.style.cssFloat != undefined) {
			headerLayout.style.cssFloat = 'left';
		}
		else {
			headerLayout.style.styleFloat = 'left';
		}

		var headerGrp = document.createElement('div');
		headerGrp.setAttribute('id', 'pop_error_2');

		var headerGrp_Sub = document.createElement('div');
		headerGrp_Sub.setAttribute('class', 'pop_error_top');

		var headerTitle = document.createElement('div');
		headerTitle.setAttribute('class', 'head');

		if (options.title != undefined && null != options.title) {
			headerTitle.innerHTML = options.title;
		}
		else {
			headerTitle.innerHTML = '';
		}

		var headerImgAnchor = document.createElement('a');
		headerImgAnchor.setAttribute('id', 'ext-msg-close-' + dialogID);
		headerImgAnchor.href = 'javascript:void(0);';

		var headerImg = document.createElement('img');
		headerImg.setAttribute('class', 'close');
		headerImg.setAttribute('alt', '창닫기');
		headerImg.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/btn_close_2.gif';

		headerImgAnchor.appendChild(headerImg);

		headerGrp_Sub.appendChild(headerTitle);
		headerGrp_Sub.appendChild(headerImgAnchor);
		headerGrp.appendChild(headerGrp_Sub);
		headerLayout.appendChild(headerGrp);

		// Body Layout
		var bodyLayout = document.createElement('div');
		bodyLayout.setAttribute('id', 'ext-errmsg-body-' + dialogID);
		if (bodyLayout.style.cssFloat != undefined) {
			bodyLayout.style.cssFloat = 'left';
		}
		else {
			bodyLayout.style.styleFloat = 'left';
		}

		var bodyGrp = document.createElement('div');
		bodyGrp.setAttribute('id', 'pop_error_2');

		var bodyGrp_Sub = document.createElement('div');
		bodyGrp_Sub.setAttribute('class', 'pop_error_cont');

		var bodyTable = document.createElement('table');
		bodyTable.setAttribute('class', 'ctn_txt');

		var bodyTbody = document.createElement('tbody');
		var bodyTr = document.createElement('tr');
		var bodyTh = document.createElement('th');
		var bodyTd = document.createElement('td');
		var bodyIcon = document.createElement('img');
		bodyIcon.setAttribute('alt', '');

		if (options.icon != undefined && null != options.icon) {
			switch (options.icon) {
				case 'error':
					bodyIcon.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/icon_caution.gif';
					break;
				case 'info':
					bodyIcon.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/icon_caution.gif';
					break;
				default:
					bodyIcon.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/icon_caution.gif';
					break;
			}
		}

		bodyTh.appendChild(bodyIcon);
		if (options.message != undefined && null != options.message) {
			bodyTd.innerHTML = options.message;
		}
		else {
			bodyTd.innerHTML = '';
		}
		bodyTr.appendChild(bodyTh);
		bodyTr.appendChild(bodyTd);
		bodyTbody.appendChild(bodyTr);
		bodyTable.appendChild(bodyTbody);

		var btnGroup = document.createElement('div');
		btnGroup.setAttribute('class', 'btn');

		var btnOk = document.createElement('a');
		var btnOk_Img = document.createElement('img');
		btnOk.setAttribute('id', 'ext-msg-btnok-' + dialogID);
		btnOk.href = 'javascript:void(0);';
		btnOk_Img.setAttribute('alt', '확인');
		btnOk_Img.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/common/btn/btn_confirm.gif';
		btnOk.appendChild(btnOk_Img);

		var btnCancel = document.createElement('a');
		var btnCancel_Img = document.createElement('img');
		btnCancel.setAttribute('id', 'ext-msg-btncancel-' + dialogID);
		btnCancel.href = 'javascript:void(0);';
		btnCancel_Img.setAttribute('alt', '취소');
		btnCancel_Img.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/common/btn/btn_cancel18.gif';
		btnCancel.appendChild(btnCancel_Img);

		btnGroup.appendChild(btnOk);
		if (options.isConfirm != undefined && null != options.isConfirm) {
			if (options.isConfirm) {
				btnGroup.appendChild(btnCancel);
			}
		}

		bodyGrp_Sub.appendChild(bodyTable);
		bodyGrp_Sub.appendChild(btnGroup);
		bodyGrp.appendChild(bodyGrp_Sub);
		bodyLayout.appendChild(bodyGrp);

		dummyHeader.appendChild(headerLayout);
		dummyBody.appendChild(bodyLayout);

		return [dummyHeader, dummyBody];
	},

	/**
	 * 20090210-1
	 * * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Standard Error Message Box의 HTML을 생성합니다.
	 * @param {Config} options 환경설정내
	 * @return {Array} Title, Body 영역 HTML코드
	 */
	getBaseStandardErrDialogHTML: function(options){
		var dialogID = pbk.extJS.messageBox.dialog.getId();

		var dummyHeader = document.createElement('div');
		var dummyBody = document.createElement('div');

		// Header Layout
		var headerLayout = document.createElement('div');
		headerLayout.setAttribute('id', 'ext-errmsg-header-' + dialogID);
		if (headerLayout.style.cssFloat != undefined) {
			headerLayout.style.cssFloat = 'left';
		}
		else {
			headerLayout.style.styleFloat = 'left';
		}

		var headerGrp = document.createElement('div');
		headerGrp.setAttribute('id', 'pop_error_2');

		var headerGrp_Sub = document.createElement('div');
		headerGrp_Sub.setAttribute('class', 'pop_error_top');

		var headerTitle = document.createElement('div');
		headerTitle.setAttribute('class', 'head');

		if (options.title != undefined && null != options.title) {
			headerTitle.innerHTML = options.title;
		}
		else {
			headerTitle.innerHTML = '';
		}

		var headerImgAnchor = document.createElement('a');
		headerImgAnchor.setAttribute('id', 'ext-msg-close-' + dialogID);
		headerImgAnchor.href = 'javascript:void(0);';

		var headerImg = document.createElement('img');
		headerImg.setAttribute('class', 'close');
		headerImg.setAttribute('alt', '창닫기');
		headerImg.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/btn_close_2.gif';
		
		headerImgAnchor.appendChild(headerImg);

		headerGrp_Sub.appendChild(headerTitle);
		headerGrp_Sub.appendChild(headerImgAnchor);
		headerGrp.appendChild(headerGrp_Sub);
		headerLayout.appendChild(headerGrp);

		// Body Layout
		var bodyLayout = document.createElement('div');
		bodyLayout.setAttribute('id', 'ext-errmsg-body-' + dialogID);
		if (bodyLayout.style.cssFloat != undefined) {
			bodyLayout.style.cssFloat = 'left';
		}
		else {
			bodyLayout.style.styleFloat = 'left';
		}

		var bodyGrp = document.createElement('div');
		bodyGrp.setAttribute('id', 'pop_error_2');

		var bodyGrp_Sub = document.createElement('div');
		bodyGrp_Sub.setAttribute('class', 'pop_error_cont');

		var bodyTable = document.createElement('table');
		bodyTable.setAttribute('class', 'ctn_txt');

		var bodyTbody = document.createElement('tbody');
		var bodyTr = document.createElement('tr');
		var bodyTh = document.createElement('th');
		var bodyTd = document.createElement('td');
		var bodyIcon = document.createElement('img');
		bodyIcon.setAttribute('alt', '');

		if (options.icon != undefined && null != options.icon) {
			switch (options.icon) {
				case 'error':
					bodyIcon.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/icon_caution.gif';
					break;
				case 'info':
					bodyIcon.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/icon_caution.gif';
					break;
				default:
					bodyIcon.src = pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/popup/icon_caution.gif';
					break;
			}
		}

		bodyTh.appendChild(bodyIcon);
		if (options.message != undefined && null != options.message) {
			bodyTd.innerHTML = options.message;
		}
		else {
			bodyTd.innerHTML = '';
		}
		bodyTr.appendChild(bodyTh);
		bodyTr.appendChild(bodyTd);
		bodyTbody.appendChild(bodyTr);
		bodyTable.appendChild(bodyTbody);
		
		/** 확인버튼 **/
		var btnGroup = document.createElement('div');
		btnGroup.setAttribute('class', 'btn');

		var btnOk = document.createElement('a');
		var btnOk_Img = document.createElement('img');
		btnOk.setAttribute('id', 'ext-msg-btnok-' + dialogID);
		btnOk.href = 'javascript:void(0);';
		btnOk_Img.setAttribute('alt', '확인');
		btnOk_Img.src = '/contents/ionresource/images/common/btn/btn_confirm.gif';
		btnOk.appendChild(btnOk_Img);
		btnGroup.appendChild(btnOk);
		
				
        /** 시작 - 상세 메세지 셋팅 **/
		var detailGroup = document.createElement('div');
		detailGroup.setAttribute('class','detail_togle');
		
		var btnDetail = document.createElement('a');		
		
		btnDetail.href = 'javascript:void(0);';
		var btnDetail_Img = document.createElement('img');
		btnDetail_Img.setAttribute('alt', '자세히보기');
		btnDetail_Img.src ='/contents/ionresource/images/common/ico_down3.gif';
		if (options.detailFunc != undefined && options.detailFunc != null) {
			btnDetail_Img.setAttribute('onclick',options.detailFunc);
		}		
		btnDetail.appendChild(btnDetail_Img);
		detailGroup.appendChild(btnDetail);
		
		
		var detailMsgP = document.createElement('p');
		detailMsgP.setAttribute('class','detail');
		detailMsgP.setAttribute('id','_detailMsg');	
		detailMsgP.style.textAlign = 'left';	
		detailMsgP.style.display = 'none';
		if (options.detailMsg != undefined && null != options.detailMsg && options.detailMsg !='') {			
			detailMsgP.innerHTML = options.detailMsg;
		}
		detailGroup.appendChild(detailMsgP);
		
				
		/** 끝 - 상세 메세지 셋팅 **/
		
		bodyGrp_Sub.appendChild(bodyTable);
		bodyGrp_Sub.appendChild(btnGroup);
		
		if (options.detailMsg !=undefined && null !=options.detailMsg && options.detailMsg !='') {
			bodyGrp_Sub.appendChild(detailGroup);
		}
		bodyGrp.appendChild(bodyGrp_Sub);
		
		bodyLayout.appendChild(bodyGrp);

		dummyHeader.appendChild(headerLayout);
		dummyBody.appendChild(bodyLayout);

		return [dummyHeader, dummyBody];
	},	
	
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Message Box를 화면 가운데로 위치합니다.
	 * @param {Object} e
	 */
	centerToDialog: function(e){
		pbk.extJS.messageBox.dialog.center();
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Messagebox의 창을 화면에서 제거합니다.
	 * @param {String} dialogID 닫을 객체의 아이디
	 */
	closeDialog: function(dialogID){
		var dialogList = pbk.extJS.messageBox.dialogList;

		for (var i = 0; i < dialogList.length; i++) {
			if (dialogList[i].id == dialogID){
				pbk.extJS.messageBox.dialog = dialogList[i];

                //center 이동 주석 2009.01.06 김상준
//				Event.stopObserving(window, 'resize', pbk.extJS.messageBox.centerToDialog);
//				Event.stopObserving(window, 'scroll', pbk.extJS.messageBox.centerToDialog);

                pbk.extJS.messageBox.dialog.close();
//				pbk.extJS.layerMask.close();

				// 배열에서 제거하기
				pbk.extJS.messageBox.dialogList = pbk.extJS.messageBox.dialogList.without(pbk.extJS.messageBox.dialog);

				break;
			}
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Messagebox의 기본 디자인폼을 셋팅합니다.
	 */
	getBaseDialog: function(options){
		// 기본 객체 생성
		pbk.extJS.messageBox.dialog = new Ext.Window({
			resizable: false,
			closable: true, //ESC 버튼 눌렸을 경우 닫기 2009.05.01
			footer: true,
			width: 600,
			border: false,
			bodyBorder: false,
			plain: true,
			autoHeight: true,
			shadow: false,
			modal: true,
			html: '',
            listeners: {
                beforedestroy: function(w){
                    pbk.extJS.privateEvent.destroy(w);
                }
            }
        });

		pbk.extJS.messageBox.dialogList.push(pbk.extJS.messageBox.dialog);

		pbk.extJS.messageBox.dialog.setVisible(true);
        //2009.05.01 엔터키 이벤트 설정
        var dialogKeyMap = pbk.extJS.messageBox.dialog.getKeyMap();

        dialogKeyMap.addBinding([
            {
                //ENTER 눌렸을 경우 확인 버튼 실행
                key: Ext.EventObject.ENTER,
                fn: function(){
                    var dialogId = pbk.extJS.messageBox.dialog.getId();
                    pbk.extJS.messageBox.eventOk(options.callback, dialogId);
                },
                scope: this
            }
        ]);
        ////center 이동 주석 2009.01.06 김상준
//		Event.observe(window, 'resize', pbk.extJS.messageBox.centerToDialog);
//		Event.observe(window, 'scroll', pbk.extJS.messageBox.centerToDialog);
	}
};


/**
 * *****************************************
 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
 * hana.JPopSubMenu Class 를 이용하도록 합니다.
 * *****************************************
 * Popup subMenu 관련 패키지
 */
pbk.extJS.subMenu = {
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Popup subMenu의 아이디
	 */
	subMenuID: 'hana-extjs-submenu',

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 이벤트 발생한 오브젝트
	 */
	eventObject: null,

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 메뉴를 화면에 출력합니다.
	 * @param {Object} obj 메뉴를 위치시킬 오브젝트
	 * @param {Array} menuItem 메뉴정보
	 */
	show: function(obj, menuItem, showId ){
		var menuID = pbk.extJS.subMenu.subMenuID;

		// 이벤트가 발생한 오브젝트가 바로 이전에 실행된 이벤트와 동일한 곳이라면
		// 서브메뉴 Element를 보여줌
		// 바로 이전 이벤트가 발생한 오브젝트와 다르다면 서브메뉴  Element 제거
		if ($(menuID) != null && $(menuID) != undefined) {
			if (pbk.extJS.subMenu.eventObject != obj) {
				$(menuID).parentNode.removeChild($(menuID));
			}
			else {
				$(menuID).style.display = 'block';
			}
		}

		// 이미 생성된 서브메뉴가 있을 경우 Pass
		if (!$(menuID)) {
			var htmlData = pbk.extJS.subMenu.getHtmlCode(menuItem);
			var dummyTag = document.createElement('div');

			dummyTag.id = menuID;
			dummyTag.style.position = 'absolute';
			dummyTag.style.display = 'block';

            if( $(showId) != null && $(showId) != undefined ){
                $(showId).appendChild(dummyTag);
            }
            else{
                document.body.appendChild(dummyTag);
            }

			dummyTag.innerHTML = htmlData;

			pbk.extJS.subMenu.eventObject = obj;
		}

		// 마우스의 위치를 추적하여 서브메뉴를 숨길시기 판단하여 처리
		pbk.extJS.subMenu.showInArea();

		// 서브메뉴 위치 조정
        // dnlcl showIdshowIdshowId
        pbk.extJS.subMenu.setPosition(showId);
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 마우스의 위치를 계산하여 서브레이어를 닫습니다.
	 */
	showInArea: function(){

		// 마우스의 Position
		var position = Ext.EventObject.getXY();
		// 이벤트를 발생한 오브젝트(서브메뉴를 띄워준 오브젝트)
		var eventObj = $(pbk.extJS.subMenu.eventObject);
		// 서브메뉴 오브젝트
		var menuObj = $(pbk.extJS.subMenu.subMenuID);

		if (eventObj && menuObj) {
			var eventPos = Position.cumulativeOffset(eventObj);
			var eventSize = Element.getDimensions(eventObj);

			var menuPos = Position.cumulativeOffset(menuObj);
			var menuSize = Element.getDimensions(menuObj);

			var isEventObjMouseOut = false;
			var isMenuObjMouseOut = false;
			//myhana의 계좌정보일때만 동작 (내부 스크롤 보정)
            if ($('myhanaScrollDiv')){
                var scrollObj = $('myhanaScrollDiv');
                eventPos[1] = eventPos[1] - scrollObj.scrollTop; 
            }

			// 서브메뉴 오브젝트로부터 좌우로 마우스가 벗어났을 경우
			if (position[0] < menuPos[0] || position[0] > (menuPos[0] + menuSize.width)) {
				isMenuObjMouseOut = true;
			}

			// 서브메뉴 오브젝트로부터 상하로 마우스가 벗어났을 경우
			if (position[1] < menuPos[1] || position[1] > (menuPos[1] + menuSize.height)) {
				isMenuObjMouseOut = true;
			}

			// 클릭한 버튼의 좌우로 마우스가 벗어났을 경우
			if (position[0] < eventPos[0] || position[0] > (eventPos[0] + eventSize.width)) {
				isEventObjMouseOut = true;
			}

			// 클릭한 버튼의 상하로 마우스가 벗어났을 경우
			if (position[1] < eventPos[1] || position[1] > (eventPos[1] + eventSize.height)) {
				isEventObjMouseOut = true;
			}

			// 클릭한 버튼과 서브메뉴를 모두 벗어난 위치에서 클릭했을 경우
			// 서브메뉴 숨기기
			if (isMenuObjMouseOut && isEventObjMouseOut) {
				menuObj.style.display = 'none';
			}
			else {
				if (eventObj && menuObj) {
					// 서브메뉴를 숨길때까지 마우스 위치 추적 계속 진행
					setTimeout(pbk.extJS.subMenu.showInArea, 100);
				}
			}
		}
	},

	/**
	 * 서브메뉴를 제거합니다.
	 */
	close: function(){
		var menuObj = $(pbk.extJS.subMenu.subMenuID);

		if (menuObj) {
			menuObj.parentNode.removeChild(menuObj);
		}
	},

    /**
     * *****************************************
     * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
     * *****************************************
     * 레이어의 위치를 조정합니다.
     */
    setPosition: function(showId) {
        var menuID = pbk.extJS.subMenu.subMenuID;

        if ($(menuID)) {
            // 오브젝트에 메뉴를 위치시킨다.
            // 이벤트가 발생한 오브젝트의 위치로 이동
            var position = Position.cumulativeOffset(pbk.extJS.subMenu.eventObject);
            var objSize = Element.getDimensions(pbk.extJS.subMenu.eventObject);
            var positionX = position[0] + objSize.width - 5;
            var positionY = position[1] - (20 - (objSize.height / 2));

            if ($(showId) != null && $(showId) != undefined) {
                var popPosition = Position.cumulativeOffset($(showId));
                positionX = position[0] - popPosition[0] + objSize.width - 5;
                positionY = position[1] - popPosition[1] - (20 - (objSize.height / 2));
            }
            
            //금융포탈 재테크 > 증권 > 주가조회에 한하여 레이어 위치변경(2009.05.13 정의학)
           	if(pbk.extJS.subMenu.eventObject.id == "subMenuViewPortal"){
           		positionX = position[0]-6;
           		positionY = position[1]+20;
           	}            
			//myhana의 계좌정보일때만 동작 (내부 스크롤 보정)
            if ($('myhanaScrollDiv')){
                var scrollObj = $('myhanaScrollDiv');
                positionY = positionY - scrollObj.scrollTop;
            }

            $(menuID).style.left = positionX + 'px';
            $(menuID).style.top = positionY + 'px';
            //무조건 최상위로
            $(menuID).style.zIndex = 99999;
        }
    },

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 지정한 URL로 페이지를 이동합니다.
	 * @param {Object} url URL 주소
	 * @param {Object} isAjax Ajax로 Page이동할지 여부
	 * @param {Object} params 전송할 파라메터
	 */
	goPage: function(url, isAjax, params){
		var arrParams = params.split('&');
		var submitURL = pbk.APPLICATION_CONTEXT_ROOT + url;
		var frm = '';

		frm = document.createElement('form');
		frm.setAttribute('method', 'post');
		frm.setAttribute('action', submitURL);

		for (var i = 0; i < arrParams.length; i++) {
			var param = arrParams[i];
			var hiddenInput = document.createElement('input');
			hiddenInput.setAttribute('type', 'hidden');
			hiddenInput.setAttribute('id', param.split('=')[0]);
			hiddenInput.setAttribute('name', param.split('=')[0]);
			hiddenInput.setAttribute('value', param.split('=')[1]);

			frm.appendChild(hiddenInput);
		}

		document.body.appendChild(frm);

		if (isAjax) {
			// Ajax 호출
			var hanaAjax = new hana.JHanaAjax(pbk.CONTENT_WRAP, true, true);
			hanaAjax.ajaxCommSubmit(submitURL, frm);
		}
		else {
			// 페이지 이동
			frm.submit();
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Popup SubLayer에 필요한 HTML을 생성하여 리턴합니다.
	 * @param {Object} menuItem 메뉴정보
	 * @return {String} HTML코드
	 */
	getHtmlCode: function(menuItem){
		var htmlValue = '';

		htmlValue += '<table id="pocket_1">';
		htmlValue += '	<tr><td class="pocket_tl"></td><td class="pocket_tr"></td></tr>';
		htmlValue += '	<tr>';
		htmlValue += '		<td class="pocket_ml"></td>';
		htmlValue += '		<td class="pocket_mr">';
		htmlValue += '			<ul class="blt_15">';

		for ( var i = 0; i < menuItem.length; i++ ) {
			var href = menuItem[i].href;
			var itemText = menuItem[i].itemText;
			var isAjax = menuItem[i].isAjax;
			var params = decodeURI(menuItem[i].params);
			var funcName = menuItem[i].funcName;

			var onclickScript = '';
			if (null != funcName){
				onclickScript = funcName + '(\'' + href + '\', ' + isAjax + ', \'' + params + '\'); ';
			} else {
				onclickScript = 'pbk.extJS.subMenu.goPage(\'' + href + '\', ' + isAjax + ', \'' + params + '\'); '
			}

			onclickScript += 'pbk.extJS.subMenu.close(); return false;';

			// 2008년 09월 17일 링크(Href)가 null 이면 메뉴에 링크를 생성하지 않는다.
			if (null != href) {
				htmlValue += '<li><a href="javascript:void(0);" onclick="javascript:' + onclickScript + '">' + itemText + '</a></li>';
			} else {
				htmlValue += '<li>'+itemText+'</li>';
			}
		}

		htmlValue += '			</ul>';
		htmlValue += '		</td>';
		htmlValue += '	</tr>';
		htmlValue += '	<tr><td class="pocket_bl"></td><td class="pocket_br"></td></tr>';
		htmlValue += '</table>';

		return htmlValue;
	}
};

/**
 * Popup Sub Layer 관련 패키지
 */
pbk.extJS.subPopLayer = {
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Sub Pop Layer 객체 정보입니다.
	 */
	subPopLayerObj: null,

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 이벤트를 발생한 오브젝트 정보입니다.
	 */
	linkObj: null,
    
	/**
	 * Sub Popup Layer를 화면에 출력합니다.
	 * @param {Object} linkObj Sub Popup Layer를 위치시킬 오브젝트
	 * @param {String} layerID 생성할 레이어의 아이디
	 * @param {String} title 제목
	 * @param {Number} layerWidth 레이어의 넓이
	 * @param {String} url Layer에 출력할 URL (Ajax 통신으로 레이어에 Update함)
	 * @param {Object} formObj 파라메터로 사용될 Form Object (Ajax 통신에 사용할 파라메터)
	 */
	show: function(linkObj, layerID, title, layerWidth, url, formObj) {
        var adjustX = 0;
        var adjustY = 0;
		pbk.extJS.subPopLayer.linkObj = linkObj;

		// Dialog를 화면에 출력합니다.
		pbk.extJS.subPopLayer.setDialog(layerID, title, layerWidth, url, formObj);

		// Dialog의 위치를 조정합니다.
		pbk.extJS.subPopLayer.setPosition(null,adjustX,adjustY);
	},

    /**
     * Sub Popup Layer를 화면에 출력합니다.
     * @param {Object} linkObj Sub Popup Layer를 위치시킬 오브젝트
     * @param {String} layerID 생성할 레이어의 아이디
     * @param {String} title 제목
     * @param {Number} layerWidth 레이어의 넓이
     * @param {String} url Layer에 출력할 URL (Ajax 통신으로 레이어에 Update함)
     * @param {Object} formObj 파라메터로 사용될 Form Object (Ajax 통신에 사용할 파라메터)
     * @param {Number} adjustX X축의 레이어위치 조절 값
     * @param {Number} adjustY Y축의 레이어위치 조절 값
     */
    showPosition: function(linkObj, layerID, title, layerWidth, url, formObj,adjustX,adjustY) {
        pbk.extJS.subPopLayer.linkObj = linkObj;

        // Dialog를 화면에 출력합니다.
        pbk.extJS.subPopLayer.setDialog(layerID, title, layerWidth, url, formObj);

        // Dialog의 위치를 조정합니다.
        pbk.extJS.subPopLayer.setPosition(null,adjustX,adjustY);
    },

	/**
	 * Popup에서 Sub Popup Layer를 출력합니다.
	 * @param {Object} linkObj Sub Popup Layer를 위치시킬 오브젝트
	 * @param {String} layerID 생성할 레이어의 아이디
	 * @param {String} popupID Popup Layer의 아이디
	 * @param {String} title 제목
	 * @param {Number} layerWidth 레이어의 넓이
	 * @param {String} url Layer에 출력할 URL (Ajax 통신으로 레이어에 Update함)
	 * @param {Object} formObj 파라메터로 사용될 Form Object (Ajax 통신에 사용할 파라메터)
	 */
	showPopup: function(linkObj, layerID, popupID, title, layerWidth, url, formObj) {
		pbk.extJS.subPopLayer.linkObj = linkObj;

		// Dialog를 화면에 출력합니다.
		pbk.extJS.subPopLayer.setDialog(layerID, title, layerWidth, url, formObj);

		// Dialog의 위치를 조정합니다.
		pbk.extJS.subPopLayer.setPosition(popupID);
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Sub Pop Layer를 화면에서 제거합니다.
	 */
	close: function() {
		if (null != pbk.extJS.subPopLayer.subPopLayerObj) {
			// 이벤트 삭제 2009.01.05 안씀..
//			Event.stopObserving(window, 'resize', pbk.extJS.subPopLayer.setPosition);
//			Event.stopObserving(window, 'scroll', pbk.extJS.subPopLayer.setPosition);

			// 화면에서 삭제
			pbk.extJS.subPopLayer.subPopLayerObj.destroy();

			// 마스크레이어 삭제
//			pbk.extJS.layerMask.close();

			// 관련객체 삭제
			pbk.extJS.subPopLayer.subPopLayerObj = null;
			pbk.extJS.subPopLayer.linkObj = null;
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Dialog를 화면에 출력합니다.
	 * @param {String} layerID 생성할 레이어의 아이디
	 * @param {String} title 제목
	 * @param {Number} layerWidth 레이어의 넓이
	 * @param {String} url Layer에 출력할 URL
	 * @param {Object} formObj 파라메터로 사용될 Form Object
	 */
	setDialog: function(layerID, title, layerWidth, url, formObj) {
		var config = {
			id: layerID,
			resizable: false,
			closable: false,
			footer: true,
			border: false,
			bodyBorder: false,
			shadow: false,
			plain: true,
			width: layerWidth,
			autoHeight: true,
			modal: true,
            listeners: {
                beforedestroy: function(w){
                    if (w.mask){Ext.destroy(w.mask);}
                    if (w.proxy){Ext.destroy(w.proxy);}
                    if (w.plain){Ext.destroy(w.plain);}
                }
            }
        };

		if (null == pbk.extJS.subPopLayer.subPopLayerObj) {
			pbk.extJS.subPopLayer.subPopLayerObj = new Ext.Window(config);
		}

		// 레이어 화면에 노출
		pbk.extJS.subPopLayer.subPopLayerObj.setVisible(true);
        pbk.extJS.subPopLayer.subPopLayerObj.setVisible(false);

        var subPopLayerID = pbk.extJS.subPopLayer.subPopLayerObj.id;
		var baseHTML = pbk.extJS.subPopLayer.getBaseHTML(subPopLayerID, title, layerWidth);

		pbk.extJS.subPopLayer.subPopLayerObj.body.update(baseHTML.html);

		// 이벤트 삭제 2009.01.05 안씀..
//		Event.observe(window, 'resize', pbk.extJS.subPopLayer.setPosition);
//		Event.observe(window, 'scroll', pbk.extJS.subPopLayer.setPosition);

		// 마스크레이어 생성
		pbk.extJS.loadingLayer.show();

		// 내용 Update
		var hanaAjax = new hana.JHanaAjax(baseHTML.contentID, false, true);
		hanaAjax.ajaxCommSubmitCallback(pbk.APPLICATION_CONTEXT_ROOT + url, formObj, function(isSuccess){
            pbk.extJS.loadingLayer.close();

            if(isSuccess){
                pbk.extJS.subPopLayer.subPopLayerObj.setVisible(true);
            }
        });
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Sub Pop Layer의 위치를 지정합니다.
	 * @param {String} popupID Popup 아이디
	 */
	setPosition: function(popupID,adjustX,adjustY){
		if (null != pbk.extJS.subPopLayer.subPopLayerObj) {
			if (null != pbk.extJS.subPopLayer.linkObj) {
				var popupObj;
				var linkObj = pbk.extJS.subPopLayer.linkObj;
				var position = Position.cumulativeOffset(linkObj);
                
				var objSize = Element.getDimensions(linkObj);
				var popupScrollTop = 0;

				if (null != popupID && popupID != undefined){
					popupObj = $(popupID + '-extScrollDiv');
				}

				if (null != popupObj && popupObj != undefined){
					popupScrollTop = popupObj.scrollTop;
				}

				var positionX = position[0] + adjustX + 'px';
				var positionY = position[1] + adjustY + objSize.height - popupScrollTop + 'px';

				// 위치 재조정
				pbk.extJS.subPopLayer.subPopLayerObj.setPosition(positionX, positionY);
			}
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 기본 HTML을 리턴합니다.
	 * @param {String} id 아이디
	 * @param {String} title 제목
	 * @param {Number} width 넓이
	 */
	getBaseHTML: function(id, title, width) {
		var baseHTML = '';
		var contID = id + '_subPopLayer_Cont';
		baseHTML += '<table style="width:' + width + 'px">';
		baseHTML += '	<tr><td>';
		baseHTML += '			<div  id="' + contID + '">';
		baseHTML += '<!-- 내용 들어갑니다 -->';
		baseHTML += '			</div>';
		baseHTML += '	</td></tr>';
		baseHTML += '</table>';
/*
		baseHTML += '<table id="pocket_2" style="width:' + width + 'px">';
		baseHTML += '	<tr><td class="pocket_tl"></td><td class="pocket_tr"><div class="drc"></div></td></tr>';
		baseHTML += '	<tr>';
		baseHTML += '		<td class="pocket_ml"></td>';
		baseHTML += '		<td class="pocket_mr">';
		baseHTML += '			<div class="conts" id="' + contID + '">';
		baseHTML += '<!-- 내용 들어갑니다 -->';
		baseHTML += '			</div>';
		baseHTML += '		</td>';
		baseHTML += '	</tr>';
		baseHTML += '	<tr>';
		baseHTML += '		<td class="pocket_bl">';
		baseHTML += '		<td class="pocket_br">';
		baseHTML += '			<div class="pocket_btm_exp">';
		if (title != null && title != "") {
			baseHTML += '				<div class="msg"><div class="msg_txt">' + title + '</div></div>';
		}
		baseHTML += '				<div class="close"><a href="javascript:void(0);" onclick="javascript:pbk.extJS.subPopLayer.close(); return false;"><img src="' + pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/common/bg_pocket_2_close.gif" alt="창닫기"  /></div>';
		baseHTML += '			</div>';
		baseHTML += '		</td>';
		baseHTML += '	</tr>';
		baseHTML += '</table>';
*/
		return {
			contentID: contID,
			html: baseHTML
		};
	}
};

var hanaSubPopLayer = pbk.extJS.subPopLayer;

/**
 * help(도움말) Layer 를 정의한다.
 */
pbk.extJS.helpLayer = {
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * popLayerObj 객체 정보입니다.
	 */
	popLayerObj: null,

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 이벤트를 발생한 오브젝트 정보입니다.
	 */
	linkObj: null,
	
	adjustX:0,
	
	adjustY:0,
	
	scrollId : null,

	/**
	 * Sub Popup Layer를 화면에 출력합니다.
	 * @param {Object} linkObj Sub Popup Layer를 위치시킬 오브젝트
	 * @param {String} layerID 생성할 레이어의 아이디
	 * @param {String} contents 내용
	 * @param {Number} layerWidth 레이어의 넓이
	 * @param {Number} scrollId 레이어 스크롤 ID 레이어에 스크롤 있을시 넣을것. 
	 */
	show: function(linkObj, layerID, contents,layerWidth,adjustX,adjustY, scrollId) {
		if (!adjustX) {
			pbk.extJS.helpLayer.adjustX = 0;
		} else {
			pbk.extJS.helpLayer.adjustX = adjustX;
		}
		if (!adjustY) {
			pbk.extJS.helpLayer.adjustY = 0;
		} else {
			pbk.extJS.helpLayer.adjustY = adjustY;
		}
		
		pbk.extJS.helpLayer.linkObj = linkObj;	
		
		pbk.extJS.helpLayer.scrollId = scrollId;	
		

		// Dialog를 화면에 출력합니다.
		pbk.extJS.helpLayer.setDialog(layerID, contents,layerWidth);
		
		// Dialog의 위치를 조정합니다.
		pbk.extJS.helpLayer.setPosition(layerID);		
		pbk.extJS.helpLayer.popLayerObj.setVisible(true);

	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Sub Pop Layer를 화면에서 제거합니다.
	 */
	close: function() {
		if (null != pbk.extJS.helpLayer.popLayerObj) {
			// 이벤트 삭제
			Event.stopObserving(window, 'resize', pbk.extJS.helpLayer.setPosition);
			Event.stopObserving(window, 'scroll', pbk.extJS.helpLayer.setPosition);

			// 화면에서 삭제
			pbk.extJS.helpLayer.popLayerObj.close();

			// 관련객체 삭제
			pbk.extJS.helpLayer.popLayerObj = null;
			pbk.extJS.helpLayer.linkObj = null;
			pbk.extJS.helpLayer.adjustX = 0;
			pbk.extJS.helpLayer.adjustY = 0;			
		}
	},

    /**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * ***************************************** 
	 * Dialog를 화면에 출력합니다. 
     * @param {Object} layerID
     * @param {Object} contents
     * @param {Object} layerWidth
     */
	setDialog: function(layerID, contents, layerWidth) {
		var config = {
			id: layerID,
			resizable: false,
			closable: false,
			footer: true,
			border: false,
			bodyBorder: false,
			shadow: false,
			plain: true,
			autoHeight: true,
			modal: false,
			autoShow :true,
			html : pbk.extJS.helpLayer.getBaseHTML(layerID, contents, layerWidth),
            listeners: {
                beforedestroy: function(w){
                    if (w.mask){Ext.destroy(w.mask);}
                    if (w.proxy){Ext.destroy(w.proxy);}
                    if (w.plain){Ext.destroy(w.plain);}
                }
            }
        };

		if (null == pbk.extJS.helpLayer.popLayerObj) {
			pbk.extJS.helpLayer.popLayerObj = new Ext.Window(config);
		}

		// 레이어 화면에 노출
//        pbk.extJS.fx.fadeIn(layerID,0.5);


		// 이벤트 정의
		Event.observe(window, 'resize', pbk.extJS.helpLayer.setPosition);
		Event.observe(window, 'scroll', pbk.extJS.helpLayer.setPosition);
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Sub Pop Layer의 위치를 지정합니다.
	 * @param {String} popupID Popup 아이디
	 */
	setPosition: function(popupID){
		if (null != pbk.extJS.helpLayer.popLayerObj) {
			if (null != pbk.extJS.helpLayer.linkObj) {
				var popupObj;
				var linkObj = pbk.extJS.helpLayer.linkObj;
				var position = Position.cumulativeOffset(linkObj);
				var objSize = Element.getDimensions(linkObj);
				var popupScrollTop = 0;
				var popupScrollLeft = 0;

				if ($(pbk.extJS.helpLayer.scrollId) != null && $(pbk.extJS.helpLayer.scrollId) != undefined && $(pbk.extJS.helpLayer.scrollId != '')){
					popupObj = $(pbk.extJS.helpLayer.scrollId);
				}

				if (null != popupObj && popupObj != undefined){
					popupScrollTop = popupObj.scrollTop;
					popupScrollLeft = popupObj.scrollLeft;
				}
				
				
				var positionX = position[0] + pbk.extJS.helpLayer.adjustX - popupScrollLeft + 'px';
				var positionY = position[1] + objSize.height + pbk.extJS.helpLayer.adjustY - popupScrollTop + 'px';

				// 위치 재조정
				pbk.extJS.helpLayer.popLayerObj.setPosition(positionX, positionY);
				
			}
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 기본 HTML을 리턴합니다.
	 * @param {String} id 아이디
	 * @param {String} title 제목
	 * @param {Number} width 넓이
	 */
	getBaseHTML: function(id, contents,layerWidth) {
		var baseHTML = '';
		var contID = id + '_helpLayer_Cont';
		
		baseHTML +='<table id="pocket_3" style="width:' + layerWidth + 'px">';
		baseHTML +='	<tr>'; 
		baseHTML +='		<td class="pocket_tl"></td>'; 
		baseHTML +='		<td class="pocket_tr"><div class="drc"></div></td>'; 
		baseHTML +='	</tr>'; 
		baseHTML +='	<tr>'; 
		baseHTML +='		<td class="pocket_ml"></td>'; 
		baseHTML +='		<td class="pocket_mr">'; 
		baseHTML +='		<!-- 내용 들어갑니다 -->'; 
		baseHTML +='		<ul class="blt_15" id="' + contID + '"><li>';
		baseHTML +=          contents; 
		baseHTML +='		</li></ul>'; 
		baseHTML +='		<!-- /내용 들어갑니다 -->'; 
		baseHTML +='		</td>'; 
		baseHTML +='	</tr>'; 
		baseHTML +='	<tr>'; 
		baseHTML +='		<td class="pocket_bl"></td>'; 
		baseHTML +='		<td class="pocket_br"></td>'; 
		baseHTML +='	</tr>'; 
		baseHTML +='</table>'; 
		return {
			contentID: contID,
			html: baseHTML
		};
	}	
};




/**
 * 다중 달력 폼 입니다.
 */
pbk.extJS.multiCalendar = {
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 다중 달력폼 변수
	 */
	calendarObj: null,

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 이벤트가 발생한 오브젝트
	 */
	evnetObj: null,

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 선택한 날짜를 입력받을 오브젝트
	 */
	inputObj: null,

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 팝업 아이디
	 */
	popupId: null,
    
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 날자 선택시  콜백 함수.
	 */
	callbackFunc: null,

	/**
	 * 팝업화면에서 다중 달력 폼을 출력합니다.
	 * @param {String} inputID 클릭한 날짜를 입력할 Text Box ID
	 * @param {Object} eventObj 이벤트가 발생한 오브젝트
	 * @Param {String} format (optional) 날짜를 출력할 포맷
	 * @param {Object} popupId 팝업 아이디
	 */
	showPopup: function(inputID, eventObj, format, popupId, isHoliday){
		pbk.extJS.multiCalendar.show(inputID, eventObj, format, isHoliday);
		pbk.extJS.multiCalendar.popupId = popupId;

		var zIndex = $(popupId).style.zIndex;
		var popupObj = Ext.getCmp(pbk.extJS.multiCalendar.popupId);

		if (null != pbk.extJS.multiCalendar.calendarObj) {
			pbk.extJS.multiCalendar.calendarObj.el.setStyle('z-index',zIndex + 1);
			var iframeEl = pbk.extJS.iframe.findIframe(pbk.extJS.iframe.CALENDAR);
			if (iframeEl) {
				iframeEl.style.zIndex = zIndex;
			}
			popupObj.on('move', pbk.extJS.multiCalendar.setCalendarPosition);
			popupObj.on('beforedestroy', pbk.extJS.multiCalendar.closePopup);
        }
	},

	/**
	 * 다중 달력 폼을 화면에 출력합니다.
	 * @param {String} inputID 클릭한 날짜를 입력할 Text Box ID
	 * @param {Object} eventObj 이벤트가 발생한 오브젝트
	 * @Param {String} format (optional) 날짜를 출력할 포맷
	 * @param {boolean} isHoliday (optional) 휴일설정한 날짜 셀렉트 못함
	 * @param {noOfMonth} 출력될 달력수
	 * @param {Function} 날자선택시 발생할 콜백함수.
	   @param (xyposition) 변경할 x 값 셋팅  (2009/04/14 정의학)
	 */
	show: function(inputID, eventObj, format, isHoliday, noOfMonth, callbackFunc, xyPosition){
		    
        //이체에서 날짜입력필드가 비활성화일 경우 달력버튼 사용금지한다. 
        if($(inputID).disabled == true){
            return;
        }  
            
		if ($(inputID) && null != $(inputID).value && $(inputID).value != '') {
			var temp = $(inputID).value;
			if (temp.length > 5) {
				var inputField = new hana.JDate("날짜",$(inputID));
				try {
					value = inputField.toDate();
				} catch(e){
					value = date.getDateObject();
				}
			} else {
				value = date.getDateObject();
			}
		} else {
			value = date.getDateObject();
		}
		if (null == noOfMonth || noOfMonth == undefined) {
			noOfMonth = 1;
		}
		eventDates = null;

		if (isHoliday == true) {
			disabledDays = [0, 6];
		} else {
			disabledDays = [];
		}

		minDate = null;
		maxDate = null;

		pbk.extJS.multiCalendar.close();
		pbk.extJS.multiCalendar.inputObj = $(inputID);

		pbk.extJS.multiCalendar.eventObj = eventObj;
        
		pbk.extJS.multiCalendar.callbackFunc = callbackFunc;

		if (null == pbk.extJS.multiCalendar.calendarObj) {
			pbk.extJS.multiCalendar.calendarObj = new Ext.ux.JHanaMultiCalendar({
                value: value,
				noOfMonth: noOfMonth,
				eventDates: eventDates,
				disabledDays: disabledDays,
				minDate: minDate,
				maxDate: maxDate,
				listeners: {
					beforedestroy: function(w){
                        pbk.extJS.privateEvent.destroy(w);
                    },

                    select: function(obj, selectedDate){
						// 지정한 Date Format에 맞게 변환하여 input box에 입력
						var dateFormat = (null != format && format != undefined) ? format : 'Y-m-d';

						pbk.extJS.multiCalendar.inputObj.value = selectedDate.format(dateFormat);
						pbk.extJS.multiCalendar.close();
                        
                        // 지정한 콜백에 선택일자 넘겨준다.
                        if(pbk.extJS.multiCalendar.callbackFunc != null && pbk.extJS.multiCalendar.callbackFunc != undefined){
                            pbk.extJS.multiCalendar.callbackFunc(selectedDate.format(dateFormat));
                        }
					},

                    beforeshow: function(){
                        
                    }
                }
			});

			//pbk.extJS.multiCalendar.calendarObj.render(Ext.getBody());
		} else {
			//pbk.extJS.multiCalendar.calendarObj.render(Ext.getBody());
			//pbk.extJS.multiCalendar.calendarObj.setVisible(true);
			//pbk.extJS.fx.fadeIn(pbk.extJS.multiCalendar.calendarObj.getEl().id);
		}

        pbk.extJS.multiCalendar.calendarObj.render(Ext.getBody());
		
//        alert(pbk.extJS.multiCalendar.calendarObj.render);

//        pbk.extJS.multiCalendar.calendarObj.setVisible(true);
//        pbk.extJS.fx.fadeIn(pbk.extJS.multiCalendar.calendarObj.getEl().id);

        // 입력받을 오브젝트의 바로 아래에 위치
		pbk.extJS.multiCalendar.setCalendarPosition(xyPosition);		
		
        // 이벤트 지정
		Event.observe(window, 'resize', pbk.extJS.multiCalendar.setCalendarPosition);
        Event.observe(document, 'click', pbk.extJS.multiCalendar.checkMouseOut);
    },

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 다중 달력 폼을 화면에서 제거합니다.
	 */
	close: function() {
        if (null != pbk.extJS.multiCalendar.calendarObj && pbk.extJS.multiCalendar.calendarObj != undefined){
			// 이벤트 해제
			Event.stopObserving(document, 'click', pbk.extJS.multiCalendar.checkMouseOut);
			Event.stopObserving(window, 'resize', pbk.extJS.multiCalendar.setCalendarPosition);

			// 자원 해제
			//pbk.selectBoxVisible(pbk.extJS.multiCalendar.calendarObj.getEl().id);
			//pbk.extJS.multiCalendar.calendarObj.setVisible(false);
//			pbk.extJS.fx.fadeOut(pbk.extJS.multiCalendar.calendarObj.getEl().id,true,0.1);
//			pbk.extJS.multiCalendar.calendarObj.setVisible(false);
			pbk.extJS.multiCalendar.calendarObj.destroy();

            pbk.extJS.iframe.destoryIframe();

            pbk.extJS.multiCalendar.calendarObj = null;
			pbk.extJS.multiCalendar.inputObj = null;
			pbk.extJS.multiCalendar.eventObj = null;			
        }
    },

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 팝업화면에서 달력을 제거합니다.
	 */
	closePopup: function() {
        var popupObj = Ext.getCmp(pbk.extJS.multiCalendar.popupId);
		// 20090117-오륜경 추가 
        if(pbk.extJS.multiCalendar.calendarObj){
		  pbk.selectBoxVisible(pbk.extJS.multiCalendar.calendarObj.getEl().id);
        }
		popupObj.un('move', pbk.extJS.multiCalendar.setCalendarPosition);
		pbk.extJS.multiCalendar.close();
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * MultiCalendar 위치를 지정합니다.
	 */
	setCalendarPosition: function(xyPosition) {
		// MultiCalendar 스타일 지정
		if (null != pbk.extJS.multiCalendar.calendarObj && pbk.extJS.multiCalendar.calendarObj != undefined) {
			var calendarObj = $(pbk.extJS.multiCalendar.calendarObj.getEl().id);
			var position = Position.cumulativeOffset(pbk.extJS.multiCalendar.inputObj);
			var objSize = Element.getDimensions(pbk.extJS.multiCalendar.inputObj);
			var x = position[0];
			var y = position[1] + objSize.height;
			
			calendarObj.style.position = 'absolute';
			if(xyPosition != null && xyPosition != undefined){
				x = x - xyPosition
				calendarObj.style.left = x + 'px';
			}else{
				calendarObj.style.left = x + 'px';
			}
			calendarObj.style.top = y + 'px';		


			// 일단 모든 SelectBox가 보이도록 처리 후 다시 MultiCalendar 아래에 있는 SelectBox 숨김
			//pbk.selectBoxVisible(pbk.extJS.multiCalendar.calendarObj.getEl().id);
			//pbk.selectBoxHidden(pbk.extJS.multiCalendar.calendarObj.getEl().id);

            //ActiveX 에 의한 레이어 가림 방지 iframe 을 띄웁니다.
            pbk.extJS.iframe.createCalendarIframe(x, y, calendarObj);
        }
    },

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 생성한 MultiCalendar를 제거할지 판단합니다.
	 */
	checkMouseOut: function(e) {

        var position = new Ext.EventObjectImpl(e).getXY();
        var isEventObjOut = false;
        var isCalendarOut = false;

        var calendarObj = $(pbk.extJS.multiCalendar.calendarObj.getEl().id);
        var calendarPos = Position.cumulativeOffset(calendarObj);
        var calendarSize = Element.getDimensions(calendarObj);

        var eventObj = pbk.extJS.multiCalendar.eventObj;
        var eventObjPos = Position.cumulativeOffset(eventObj);
        var eventObjSize = Element.getDimensions(eventObj);

        // MultiCalendar 오브젝트로부터 좌우로 마우스가 벗어났을 경우
        if (position[0] < calendarPos[0] || position[0] > calendarPos[0] + calendarSize.width) {
            isCalendarOut = true;
        }

        // MultiCalendar 오브젝트로부터 상하로 마우스가 벗어났을 경우
        if (position[1]+10 < calendarPos[1] || position[1] > calendarPos[1] + calendarSize.height) {
            isCalendarOut = true;
        }

        // 클릭한 버튼의 좌우로 마우스가 벗어났을 경우
        if (position[0] < eventObjPos[0] || position[0] > eventObjPos[0] + eventObjSize.width) {
            isEventObjOut = true;
        }

        // 클릭한 버튼의 상하로 마우스가 벗어났을 경우
        if (position[1] < eventObjPos[1] || position[1] > eventObjPos[1] + eventObjSize.height) {
            isEventObjOut = true;
        }

        // 클릭한 버튼과 MultiCalendar를 모두 벗어난 위치에서 클릭했을 경우
        // MultiCalendar 닫기
        if (isEventObjOut && isCalendarOut) {
            pbk.extJS.multiCalendar.close();
        }
    }

};

/**
 * @classDescription Popup SubLayer 메뉴 아이템입니다.
 * @constructor
 * @param {Object} objID 메뉴를 위치시킬 오브젝트
 */
hana.JPopSubMenu = function(obj){
	/**
	 * {hana.JMenuItem[]} JMenuItem의 배열(최상위 메뉴의 배열)
	 */
	this.menuItems = new Array();
	this.obj = obj;
}
hana.JPopSubMenu.prototype = {
	/**
	 * 메뉴를 추가합니다.
	 * @param {String} itemText 메뉴이름
	 * @param {String} href URL 주소
	 * @param {String} isAjax Ajax로 호출할지 여부
	 * @param {Config} params 전송할 파라메터
	 */
	add : function(itemText, href, isAjax, params) {
	    this.menuItems[this.menuItems.length] = {
			itemText: itemText,
			href: href,
			isAjax: isAjax,
			params: params,
			funcName: null
		};
	},

	/**
	 * 팝업 타입으로 보여줄 메뉴를 추가합니다.
	 * @param {String} itemText 메뉴이름
	 * @param {String} href URL 주소
	 * @param {String} isAjax Ajax로 호출할지 여부
	 * @param {Config} params 전송할 파라메터
	 * @param {String} funcName 호출할 Function FullName
	 */
	addFunction: function(itemText, href, isAjax, params, funcName) {
		this.menuItems[this.menuItems.length] = {
			itemText: itemText,
			href: href,
			isAjax: isAjax,
			params: params,
			funcName: funcName
		};
	},

	/**
	 * 추가한 메뉴를 화면에 출력합니다.
	 */
	show: function( showId ){
		pbk.extJS.subMenu.show(this.obj, this.menuItems, showId);
	},

	/**
	 * 생성된 메뉴를 닫습니다.
	 */
	close: function(){
		pbk.extJS.subMenu.showInArea();
	}
}

/**
 * ajax를 통해서 content 를 가져오지 않고 content 문자열로 content를 지정합니다.
 * static Popup Sub Layer 관련 패키지
 */
pbk.extJS.staticSubPop = {
	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Sub Pop Layer 객체 정보입니다.
	 */
	subPopLayerObj: null,

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 이벤트를 발생한 오브젝트 정보입니다.
	 */
	linkObj: null,

	/**
	 * Sub Popup Layer를 화면에 출력합니다.
	 * @param {Object} linkObj Sub Popup Layer를 위치시킬 오브젝트
	 * @param {String} layerID 생성할 레이어의 아이디
	 * @param {String} title 제목
	 * @param {Number} layerWidth 레이어의 넓이
	 * @param {String} url Layer에 출력할 URL (Ajax 통신으로 레이어에 Update함)
	 * @param {Object} formObj 파라메터로 사용될 Form Object (Ajax 통신에 사용할 파라메터)
	 */
	show: function(linkObj, layerID, title, content, layerWidth) {
		pbk.extJS.staticSubPop.linkObj = linkObj;

		// Dialog를 화면에 출력합니다.
		pbk.extJS.staticSubPop.setDialog(layerID, title, content, layerWidth);

		// Dialog의 위치를 조정합니다.
		pbk.extJS.staticSubPop.setPosition(null);
	},
	show2: function(linkObj, layerID, title, content, layerWidth) {
		pbk.extJS.staticSubPop.linkObj = linkObj;

		// Dialog를 화면에 출력합니다.
		pbk.extJS.staticSubPop.setDialog2(layerID, title, content, layerWidth);

		// Dialog의 위치를 조정합니다.
		pbk.extJS.staticSubPop.setPosition(null);
	},

	/**
	 * @author 오륜경
	 * @param {Object} linkObj
	 * @param {Object} layerID
	 * @param {Object} htmlString
	 * @param {Object} layerWidth
	 */
	showFromString: function(linkObj,layerID, htmlString, layerWidth) {
		pbk.extJS.staticSubPop.linkObj = linkObj;

		// Dialog를 화면에 출력합니다.
		pbk.extJS.staticSubPop.setDialogFromString(layerID, htmlString, layerWidth);

		// Dialog의 위치를 조정합니다.
		pbk.extJS.staticSubPop.setPosition(null);
	},

	dialogRegExp : new RegExp('(^| )'+'x-window-mc'+'( |$)'),
	/**
	 * @author 오륜경
	 * @param {Object} layerID
	 * @param {Object} htmlString
	 * @param {Object} layerWidth
	 */
	setDialogFromString: function(layerID, htmlString, layerWidth) {
		var config = {
			id: layerID,
			resizable: false,
			closable: false,
			footer: true,
			border: false,
			bodyBorder: false,
			shadow: false,
			plain: true,
			width: layerWidth,
			autoHeight: true,
			modal: true,
            listeners: {
                beforedestroy: function(w){
                    if (w.mask){Ext.destroy(w.mask);}
                    if (w.proxy){Ext.destroy(w.proxy);}
                    if (w.plain){Ext.destroy(w.plain);}
                }
            }
        };

		if (null == pbk.extJS.staticSubPop.subPopLayerObj) {
			pbk.extJS.staticSubPop.subPopLayerObj = new Ext.Window(config);
		}

		// 레이어 화면에 노출
		pbk.extJS.staticSubPop.subPopLayerObj.setVisible(true);

		//x-window-mc (// IE에서 class 속성이 잘먹지 않아 ext의 class를 지워 해결 - 오륜경 comment  )
		var xWindowMcs = document.getElementsByClassName("x-window-mc");

		for (var i=0 ; i< xWindowMcs.length ; i++) {
			Element.removeClassName(xWindowMcs[i],"x-window-mc");
		}


		var subPopLayerID = pbk.extJS.staticSubPop.subPopLayerObj.id;
		var baseHTML = pbk.extJS.staticSubPop.getBaseHTML('', '', '', '');
		baseHTML.setHtml(htmlString);

		pbk.extJS.staticSubPop.subPopLayerObj.body.update(baseHTML.html);

		// 최상위 적용된 z-index 값 가져와서 LayerMask 표현
//		var zIndex = pbk.extJS.layerMask.getZIndex();
//		pbk.extJS.layerMask.show(zIndex);
//        pbk.extJS.fx.fadeIn(layerID,0.5);
        pbk.extJS.staticSubPop.subPopLayerObj.setVisible(true);
        // 이벤트 정의
		//Event.observe(window, 'resize', pbk.extJS.staticSubPop.setPosition);
		//Event.observe(window, 'scroll', pbk.extJS.staticSubPop.setPosition);
	},

	closeStringLayer :  function () {
		if (null != pbk.extJS.staticSubPop.subPopLayerObj) {
			// 이벤트 삭제
			Event.stopObserving(window, 'resize', pbk.extJS.staticSubPop.setPosition);
			Event.stopObserving(window, 'scroll', pbk.extJS.staticSubPop.setPosition);

			// 화면에서 삭제
			pbk.extJS.staticSubPop.subPopLayerObj.close();

            // 화면에서 보이지 않게
//			pbk.extJS.fx.fadeOut(pbk.extJS.staticSubPop.subPopLayerObj.id,true,0.5);

			// 마스크레이어 삭제
//			pbk.extJS.layerMask.close();

			// 관련객체 삭제
			pbk.extJS.staticSubPop.subPopLayerObj = null;
			pbk.extJS.staticSubPop.linkObj = null;
		}
	},

	/**
	 * Popup에서 Sub Popup Layer를 출력합니다.
	 * @param {Object} linkObj Sub Popup Layer를 위치시킬 오브젝트
	 * @param {String} layerID 생성할 레이어의 아이디
	 * @param {String} popupID Popup Layer의 아이디
	 * @param {String} title 제목
	 * @param {Number} layerWidth 레이어의 넓이
	 */
	showPopup: function(linkObj, layerID, popupID, title, content, layerWidth) {
		pbk.extJS.staticSubPop.linkObj = linkObj;

		// Dialog를 화면에 출력합니다.
		pbk.extJS.staticSubPop.setDialog(layerID, title, content, layerWidth);

		// Dialog의 위치를 조정합니다.
		pbk.extJS.staticSubPop.setPosition(popupID);
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Sub Pop Layer를 화면에서 제거합니다.
	 */
	close: function() {
		if (null != pbk.extJS.staticSubPop.subPopLayerObj) {
			// 이벤트 삭제
			Event.stopObserving(window, 'resize', pbk.extJS.staticSubPop.setPosition);
			Event.stopObserving(window, 'scroll', pbk.extJS.staticSubPop.setPosition);

			// 화면에서 삭제
			pbk.extJS.staticSubPop.subPopLayerObj.destroy();

			// 관련객체 삭제
			pbk.extJS.staticSubPop.subPopLayerObj = null;
			pbk.extJS.staticSubPop.linkObj = null;
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Dialog를 화면에 출력합니다.
	 * @param {String} layerID 생성할 레이어의 아이디
	 * @param {String} title 제목
	 * @param {Number} layerWidth 레이어의 넓이
	 */
	setDialog: function(layerID, title, content, layerWidth) {
		var config = {
			id: layerID,
			resizable: false,
			closable: false,
			footer: true,
			border: false,
			bodyBorder: false,
			shadow: false,
			plain: true,
			width: layerWidth,
			autoHeight: true
		};

		if (null == pbk.extJS.staticSubPop.subPopLayerObj) {
			pbk.extJS.staticSubPop.subPopLayerObj = new Ext.Window(config);
		}

		// 레이어 화면에 노출
		pbk.extJS.staticSubPop.subPopLayerObj.setVisible(true);

		var subPopLayerID = pbk.extJS.staticSubPop.subPopLayerObj.id;
		var baseHTML = pbk.extJS.staticSubPop.getBaseHTML(subPopLayerID, title, content, layerWidth);

		pbk.extJS.staticSubPop.subPopLayerObj.body.update(baseHTML.html);

		// 이벤트 정의
		//Event.observe(window, 'resize', pbk.extJS.staticSubPop.setPosition);
		//Event.observe(window, 'scroll', pbk.extJS.staticSubPop.setPosition);
	},
	setDialog2: function(layerID, title, content, layerWidth) {
		var config = {
			id: layerID,
			resizable: false,
			closable: false,
			footer: true,
			border: false,
			bodyBorder: false,
			shadow: false,
			plain: true,
			width: layerWidth,
			autoHeight: true
		};

		if (null == pbk.extJS.staticSubPop.subPopLayerObj) {
			pbk.extJS.staticSubPop.subPopLayerObj = new Ext.Window(config);
		}

		// 레이어 화면에 노출
		pbk.extJS.staticSubPop.subPopLayerObj.setVisible(true);

		var subPopLayerID = pbk.extJS.staticSubPop.subPopLayerObj.id;
		var baseHTML = pbk.extJS.staticSubPop.getBaseHTML2(subPopLayerID, title, content, layerWidth);

		pbk.extJS.staticSubPop.subPopLayerObj.body.update(baseHTML.html);

		// 이벤트 정의
		//Event.observe(window, 'resize', pbk.extJS.staticSubPop.setPosition);
		//Event.observe(window, 'scroll', pbk.extJS.staticSubPop.setPosition);
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * Sub Pop Layer의 위치를 지정합니다.
	 * @param {String} popupID Popup 아이디
	 */
	setPosition: function(popupID){
		if (null != pbk.extJS.staticSubPop.subPopLayerObj) {
			if (null != pbk.extJS.staticSubPop.linkObj) {
				var popupObj;
				var linkObj = pbk.extJS.staticSubPop.linkObj;
				var position = Position.cumulativeOffset(linkObj);
				var objSize = Element.getDimensions(linkObj);
				var popupScrollTop = 0;

				if (null != popupID && popupID != undefined){
					popupObj = $(popupID + '-extScrollDiv');
				}

				if (null != popupObj && popupObj != undefined){
					popupScrollTop = popupObj.scrollTop;
				}

				var positionX = (position[0]-35) + 'px';
				var positionY = (position[1] + objSize.height - popupScrollTop + 5) + 'px';

				// 위치 재조정
				pbk.extJS.staticSubPop.subPopLayerObj.setPosition(positionX, positionY);
			}
		}
	},

	/**
	 * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * 기본 HTML을 리턴합니다.
	 * @param {String} id 아이디
	 * @param {String} title 제목
	 * @param {Number} width 넓이
	 */
	getBaseHTML: function(id, title, content, width) {
		var baseHTML = '';
		var contID = id + '_subPopLayer_Cont';

		baseHTML += '<table id="pocket_2" style="width:' + width + 'px">';
		baseHTML += '	<tr><td class="pocket_tl"></td><td class="pocket_tr"><div class="drc"></div></td></tr>';
		baseHTML += '	<tr>';
		baseHTML += '		<td class="pocket_ml"></td>';
		baseHTML += '		<td class="pocket_mr">';
		baseHTML += '			<div class="conts" id="' + contID + '">';
		baseHTML +=                 content;
		baseHTML += '			</div>';
		baseHTML += '		</td>';
		baseHTML += '	</tr>';
		baseHTML += '	<tr>';
		baseHTML += '		<td class="pocket_bl">';
		baseHTML += '		<td class="pocket_br">';
		baseHTML += '			<div class="pocket_btm_exp">';
		baseHTML += '				<div class="msg"><div class="msg_txt">' + title + '</div></div>';
		baseHTML += '				<div class="close"><a href="javascript:void(0);" onclick="javascript:pbk.extJS.staticSubPop.close(); return false;"><img src="' + pbk.APPLICATION_CONTEXT_ROOT + '/contents/ionresource/images/common/bg_pocket_2_close.gif" alt="창닫기"  /></div>';
		baseHTML += '			</div>';
		baseHTML += '		</td>';
		baseHTML += '	</tr>';
		baseHTML += '</table>';

		return {
			contentID: contID,
			html: baseHTML,
			setHtml : function(html) {
				this.html = html;
			}
		};
	},
	getBaseHTML2: function(id, title, content, width) {
		var baseHTML = '';
		var contID = id + '_subPopLayer_Cont';

		baseHTML += '<table id="pocket_3" onClick="pbk.extJS.staticSubPop.close();" style="width:' + width + 'px">';
		baseHTML += '	<tr>';
		baseHTML += '		<td class="pocket_tl"></td>';
		baseHTML += '		<td class="pocket_tr"><div class="drc"></div></td>';
		baseHTML += '	</tr>';
		baseHTML += '	<tr>';
		baseHTML += '		<td class="pocket_ml"></td>';
		baseHTML += '		<td class="pocket_mr">';
		baseHTML += '			<ul class="blt_15">';
		baseHTML += '				<li>'+content+'</li>';
		baseHTML += '			</ul>';
		baseHTML += '		</td>';
		baseHTML += '	</tr>';
		baseHTML += '	<tr>';
		baseHTML += '		<td class="pocket_bl"></td>';
		baseHTML += '		<td class="pocket_br"></td>';
		baseHTML += '	</tr>';
		baseHTML += '</table>';

		return {
			contentID: contID,
			html: baseHTML,
			setHtml : function(html) {
				this.html = html;
			}
		};
	}
};

/**
 * 특수효과를 나타내는 데 이용
 */
pbk.extJS.fx = {
	/**
	 * Element 를 나타내는 효과를 준다.
	 * @param {String} elObjectId elementId
	 * @param {float} durationSec 초단위 .1~..
	 */
	fadeIn: function(elObjectId,durationSec){
		Ext.get(elObjectId).fadeIn({
		    endOpacity: 1, //can be any value between 0 and 1 (e.g. .5)
		    easing: 'easeOut',
		    duration: durationSec
		});
	},
	/**
	 * Element 를 사라지게 하는  효과를 준다.
	 * @param {String} elObjectId elementId
	 * @param {boolean} isRemove
	 * @param {float} durationSec 초단위 .1~..
	 */
	fadeOut : function(elObjectId,isRemove,durationSec) {
		Ext.get(elObjectId).fadeOut({
		    endOpacity: 0, //can be any value between 0 and 1 (e.g. .5)
		    easing: 'easeOut',
		    duration: durationSec,
		    remove: isRemove,
		    useDisplay: false
		});
	}
}

/**
 * Page Loading을 모두 완료 한 후 호출할 함수를 지정합니다.
 * @param {Function} initFunction 초기화 작업을 할 함수
 * @param {NameSpace} initNameSpace 초기화 작업을 할 NameSpace
 */
pbk.extJS.initializeApplication = function(initFunction, initNameSpace){
	Ext.onReady(initFunction, initNameSpace);
};


/**
 * Ext.Window 를 사용하는 곳에서 사용하는 글로벌 이벤트를 정의합니다.
 */
pbk.extJS.privateEvent = {
    /**
     * *****************************************
	 * 내부에서만 사용되므로 외부에서 접근하지 않습니다.
	 * *****************************************
	 * close..
     */
    destroy: function(w) {
        if(w){
            if (w.mask){Ext.destroy(w.mask);}
            if (w.proxy){Ext.destroy(w.proxy);}
            if (w.plain){Ext.destroy(w.plain);}
        }
    }
};


/**
 * activeX 에 레이어가 가려짐을 방지하는 iframe 관련 함수 정의
 */
pbk.extJS.iframe = {

    CALENDAR : "calendar",

    initIframe : function(layerID){
        var iframeEl = document.createElement('IFRAME');

        iframeEl.id = layerID+'iFrame';
        iframeEl.frameBorder = 0;
        iframeEl.scrolling = "no";
        iframeEl.style.border = 0;
        iframeEl.style.position = 'absolute';
        iframeEl.style.height = 0;
        document.body.appendChild(iframeEl);

        return iframeEl;
    },

    /**
     * iframe을 찾아옵니다.
     * @param layerID
     */
    findIframe : function(layerID){
        var iframeEl;
        if( $(layerID+'iFrame') ){
            iframeEl = $(layerID+'iFrame');
        }else{
            iframeEl = pbk.extJS.iframe.initIframe(layerID);
        }

        return iframeEl;
    },

    /**
     * 달력을 띄울 때 iframe 을 띄웁니다....
     */
    createCalendarIframe : function(x, y, calendarObj){
        if(this.isMakeIframe()) {
            var iframeEl = pbk.extJS.iframe.findIframe(pbk.extJS.iframe.CALENDAR);
            var layerDimention = Element.getDimensions(calendarObj);

            var calendarObjZindex = calendarObj.style.zIndex;
			if (calendarObjZindex == null || calendarObjZindex == undefined || calendarObjZindex == "") {
				calendarObjZindex = 0;
			}
			calendarObjZindex = parseInt(calendarObjZindex,10);
            if( calendarObjZindex == 0 ){
                calendarObj.style.zIndex = 10;
            }

			iframeEl.style.zIndex = parseInt(calendarObj.style.zIndex,10) - 1;
			iframeEl.style.left = x + 'px';
			iframeEl.style.top = y + 'px';
			iframeEl.style.width = layerDimention.width + 'px';
			iframeEl.style.height = layerDimention.height + 'px';
        }
    },

    /**
     * iframe 을 없앱니다.
     */
    destoryIframe : function(){
        var iframes = Ext.query("iframe[id$=iFrame]");

        Ext.each(iframes, function(el){
            Element.remove($(el));
        });
    },

    /**
     * iframe 을 만들어야 되는 상황인지 판단합니다.
     * grid 가 있는 ie 인 경우
     */
    isMakeIframe : function(){
        var flag = false;
//        var isExistGrid = false;
//
//        var gridObjs = Ext.query("object[id$=Grid]");
//        //거리는 gridObj 가 없을 때 한번 더 가져옵니다.
//        if (gridObjs.length == 0) {
//            gridObjs = Ext.query("object[id$=grid]");
//        }
//        
//        if (gridObjs.length) {
//            isExistGrid = true;
//        }
//
//        if(Ext.isIE && isExistGrid){
//            flag = true;
//        }
		if(Ext.isIE){
            flag = true;
        }

        return flag;
    }
}

/**
 * Ext 의 LoadMask 의 Wrapping Class
 * @param {Object} ele
 * @param {String} msg
 * @param {boolean} isPersist
 * @param {Object} msgCls 마스크 객체의 메세지 css class
 * @author 오륜경 
 * @classDescription Ext 의 LoadMask 의 Wrapping Class 마스크를 유지하거나 없애는 기능
 */
hana.JloadMask = function(ele, msg, isPersist, msgCls){
	var oEle = ele;
	var oMsg = msg;
	var oIsPersist = isPersist;
	var oMsgCls = msgCls;
	if (!oEle || oEle == null) {
		alert('대상이 지정되지 않았습니다.');
		return null;
	}
	if (!oMsg || oMsg == null) {
		oMsg = 'Loading...';
	}
	if (oIsPersist == undefined) {
		oIsPersist = false;
	}	
	if (!oMsgCls || oMsgCls == null) {
		oMsgCls = 'x-mask-loading'; 
	}	

	this.options = {
		msg :oMsg,
		msgCls : oMsgCls,
		removeMask : oIsPersist
	}
	
	this.mask = new Ext.LoadMask(ele,this.options);
}
hana.JloadMask.prototype = {
	/**
	 * 마스크를 보여준다.
	 */
	show : function() {
		try {
			this.mask.show();
		} catch (e){
			alert(''+e);
		}
	},
	/**
	 * 마스크를 없앤다.
	 */
	hide : function() {
		try {
			this.mask.hide();
		} catch (e) {
			alert(''+e);
		}
	}
}

/**
 * 메인 화면 Layer 설정
 */
hana.JMainLayer = function() {
    var mainLayer = new Hash();   //메인 레이어

    return{

        /**
         * cookie 를 통한 layer 출력 유무 체크
         * @param config
         */
        isExpireLayer : function(name){
            var layerCookie = cookie.getCookie(name);
            return (layerCookie != null && !layerCookie.empty() );
        },

        /**
         * 마스크를 보여준다.
         */
        show : function(config) {

            var defultConfigObj = {
                url : "",				//주소
                id 	: "mainLayer", 	//Layer 이름
                positionX 	: 30,			//세로
                positionY	: 30,			//위치
                isCenter : false    //가운데 출력 유무
            };

            var configObj;

            configObj = Ext.apply({},config,defultConfigObj);

            //cookie 를 통한 layer 출력 유무 체크
            if(this.isExpireLayer(configObj.id)){
                return;
            }

            //popup-temp area 없으면 설정
            if(!$('layer-temp')){
                 Ext.DomHelper.append(Ext.getBody(), {tag:"div",
                                              id : 'layer-temp',
                                              html : '',
                                              cls :"x-hidden"});
            }


            var hanaAjax = new hana.JHanaAjax('layer-temp',
                    false,
                    false);

            hanaAjax.ajaxCommSubmitCallback(configObj.url, config.formObj, function(isSuccess){

                if (isSuccess) {
                    var win = new Ext.Window({
                        id       : configObj.id,
                        closable : false,
                        width    : configObj.width,
                        autoHeight: true,
                        resizable: false,
                        border   : false,
                        bodyBorder: false,
                        footer   : true,
                        modal    : false,
                        shadow   : false,
                        title    : '',
                        html     : $('layer-temp').innerHTML,
                        listeners: {
                            beforedestroy: function(w){
                                pbk.extJS.privateEvent.destroy(w);
                            }
                        }
                    });

                    //팝업 보여줌..
                    win.setVisible(true);

					if( configObj.isCenter ){
						win.center();
					}else{
						var layerObj = Ext.get(win.getEl().id);
	                    layerObj.setX(configObj.positionX);
	                    layerObj.setY(configObj.positionY);
					}

					mainLayer[configObj.id] = win;
                }
            });

            //popup temp area 초기화
            $('layer-temp').innerHTML = '';
        },

        close : function(id, isSetCookie) {
            //쿠키설정
            if(isSetCookie){
                cookie.setCookie(id, true, cookie.getExpDate(3650,0,0));
//                cookie.setCookie(id, true, cookie.getExpDate(3650,0,0),'/','.hanabank.com');
            }

            if(mainLayer[id]){
                mainLayer[id].close();
            }
        }
    };
}();