/**
* 화면에 ajax 를 통한 페이지 관리를 용이하도록 하기위한  유틸(multi page managing)
*
사용예 : /sample/page_manager_sample.jsp    
date 2008. 06. 02
@author whitedream
*/
function PageManagerUtil(){
    //현재 화면에 표시된 Page 정보를 담고 있는 PageDivUtil obj
    var currPageDivUtil;
    //현재 화면에 표시된 Page 명
    var currPageName;
    //등록한 모든 페이지명과 div 정보를 map 형태로 저장하는 변수    
    var mapPage = new Array();

    //화면상에서 표시되는 페이지(view)명을 등록
    this.addPage = function(pageName){
        var pageDivUtil = mapPage[pageName];
        if(pageDivUtil==undefined){
            pageDivUtil = new PageDivUtil();
            mapPage[pageName] = pageDivUtil;            
        }else{
            alert(pageName+" 페이지는 이미 등록 되었습니다.");
        }
    }

    //등록된 페이지(view)를 구성하는 div 요소를 등록
    this.addPageDiv = function(pageName, divId){
        var pageDivUtil = mapPage[pageName];
        
        if (pageDivUtil==undefined){
            alert(pageName+" 페이지는 등록되지 않았습니다.");
            return false;
        }
                
        pageDivUtil.addDiv(divId);
    }

    //div가 최초 표시될때 수행되어야 하는 초기화 함수를 등록
    this.addPageInitFunction = function(pageName, p_initFunc){
        var pageDivUtil = mapPage[pageName];
        pageDivUtil.addInitFunction(p_initFunc);
    }
    
    //div가 최초 표시시 수행되어야 하는 초기화 함수 수행 여부 리턴    
    this.isInitialized = function(pageName){
        var pageDivUtil = mapPage[pageName];
        return pageDivUtil.isInit();
    }
    
    //page 관련 div 를  화면에 표시
    this.onPage = function(pageName){
        var pageDivUtil = mapPage[pageName];
        pageDivUtil.onPage();
    }
    //page 관련 div 를  화면서 감춤
    this.offPage = function(pageName){
        var pageDivUtil = mapPage[pageName];
        pageDivUtil.offPage();
    }
        
    //페이지(view) 를 전환
    this.changePage = function(pageName){
        var pageDivUtil = mapPage[pageName];

        if (pageDivUtil==undefined){
            alert(pageName+" 페이지는 등록되지 않았습니다.");
            return false;
        }

        var nextPageDivUtil;

        //이미 표시되고 있는 페이지가 아니라면
        if (currPageName!=pageName){
            //곧 표시될 페이지를 저장
            nextPageDivUtil = pageDivUtil;            

            //이미 표시되고 있는 페이지가 존재한다면 화면에서 감춘다
            if(currPageDivUtil!=undefined){            
                currPageDivUtil.offPage();
            }
            //곧 표시될 페이지를 화면에 표시한다.
            nextPageDivUtil.onPage();
            
            //표시된 페이지를 현재 표시된 페이지로 저장
            currPageDivUtil = nextPageDivUtil;
            //현재 표시된 페이지명을 저장
            currPageName = pageName;
        }
    }
}


/**
* 페이지를 구성하는 div 요소를 관리하기 위한 유틸
*    
date 2008. 06. 02
@author whitedream
*/
function PageDivUtil(){
    //div 요소를 담을 배열
    var arrDivObj = new Array();
    var arrCnt=-1;
    
    //초기화 함수를 저장
    var initFunc = function(){
        //dummy 초기화 함수 세팅
    }

    //초기화 함수 수행여부
    var isInitialized = false;

    //div obj 배열 리턴
    this.getArrDivObj = function(){
        return arrDivObj;
    }
    
    //등록된 div 가 있으면 div obj 리턴, 없으면 undefined 리턴
    this.getDiv = function(divId){
        var obj;
        for(var i=0;i<arrDivObj.length;i++){
            if(arrDivObj[i].id == divId){
                obj = arrDivObj[i];
                break;
            }
        }
        return obj;    
    }
    
    //초기화 함수 수행 여부 리턴
    this.isInit = function(){
        return isInitialized;
    }
     
    //div 를 추가
    this.addDiv = function(divId){              
        if(this.getDiv(divId)==undefined){            
            var obj = document.getElementById(divId);
            if(obj!=undefined){
                arrCnt++;            
                arrDivObj[arrCnt] = obj;              
            }else{
                alert(divId+" div는 존재 하지 않습니다.");
            }
        }else{
            alert(divId+" div는 이미 등록 되었습니다.");
        }              
    }

    //div가 최초 표시될때 수행되어야 하는 초기화 함수를 등록
    this.addInitFunction = function(p_initFunc){
        initFunc = p_initFunc;
    }

    //초기함수 수행
    this.initialize = function(){
        initFunc();
    }

    //page 관련 div 를  화면에 표시
    this.onPage = function(){
        //alert("onPage");
        setObjDisplay(arrDivObj,"block");
        //초기화 함수는 최초 1회만 수행
        if(!isInitialized){
            this.initialize();
            isInitialized=true;
        }
    }

    //page 관련 div 를  화면서 감춤
    this.offPage = function(){
        setObjDisplay(arrDivObj,"none");
    }

    //div obj 를담고 있는 array 를 받아 화면서 display value를 설정
    var setObjDisplay = function(arrObj,displayValue){
        var cnt=0;
        for(var i=0;i<arrObj.length;i++){                        
            //alert(cnt+":"+arrObj[i].id+"="+displayValue);
            arrObj[i].style.display=displayValue;
        }        
    }
}