if (typeof(SIDEVIEW_JS) == 'undefined') // 한번만 실행
{
    if (typeof g4_is_member == 'undefined')
        alert('g4_is_member 변수가 선언되지 않았습니다. js/sideview.js');
    if (typeof g4_path == 'undefined')
         alert('g4_path 변수가 선언되지 않았습니다. js/sideview.js');

    var SIDEVIEW_JS = true;

    // 아래의 소스코드는 daum.net 카페의 자바스크립트를 참고하였습니다.
    // 회원이름 클릭시 회원정보등을 보여주는 레이어
    function insertHead(name, text, evt) 
    {
        var idx = this.heads.length;
        var row = new SideViewRow(-idx, name, text, evt);
        this.heads[idx] = row;
        return row;
    }

    function insertTail(name, evt) 
    {
        var idx = this.tails.length;
        var row = new SideViewRow(idx, name, evt);
        this.tails[idx] = row;
        return row;
    }

    function SideViewRow(idx, name, onclickEvent) 
    {
        this.idx = idx;
        this.name = name;
        this.onclickEvent = onclickEvent;
        this.renderRow = renderRow;
        
        this.isVisible = true;
        this.isDim = false;
    }

    function renderRow() 
    {
        if (!this.isVisible)
            return "";
        
        var str = "<tr height='19'><td id='sideViewRow_"+this.name+"'>&nbsp;<font color=gray>&middot;</font>&nbsp;<span style='color: #A0A0A0;  font-family: 돋움; font-size: 11px;'>"+this.onclickEvent+"</span></td></tr>";
        return str;
    }

    function showSideView(curObj, mb_id, name, email, homepage) 
    {
        var sideView = new SideView('nameContextMenu', curObj, mb_id, name, email, homepage);
        sideView.showLayer();
    }
   function SideView(targetObj, curObj, mb_id, name, email, homepage) 
    {
        this.targetObj = targetObj;
        this.curObj = curObj;
        this.mb_id = mb_id;
        name = name.replace(/…/g,"");
        this.name = name;
        this.email = email;
        this.homepage = homepage;
        this.showLayer = showLayer;
        this.makeNameContextMenus = makeNameContextMenus;
        this.heads = new Array();
        this.insertHead = insertHead;
        this.tails = new Array();
        this.insertTail = insertTail;
        this.getRow = getRow;
        this.hideRow = hideRow;		
        this.dimRow = dimRow;
    


	stringarr = homepage.split("__"); 

	if ( stringarr.length > 1){
	    homepage = stringarr[0];
	    post_id = stringarr[1];
	}

        // 회원이라면 // (비회원의 경우 검색 없음)
        // if (g4_is_member) {
            // 쪽지보내기
             if (mb_id) 
                // 불여우 자바스크립트창이 뜨는 오류를 수정
	    this.insertTail("memo", "<a href=\"javascript:win_memo('http://ezcorean.com/f_ucp.php?i=pm&mode=compose&dpjs=1&p="+post_id+"');\">send a private message</a>");
            // 메일보내기
            // if (email) 
            //     this.insertTail("mail", "<a href=\"javascript:;\" onclick=\"win_formmail('"+mb_id+"','"+name+"','"+email+"');\">send email</a>");
            // 홈페이지
            if (homepage) 
                this.insertTail("homepage", "<a href=\"javascript:;\" onclick=\"window.open('"+homepage+"');\">homepage</a>");
            else 
                this.insertTail("homepage", "homepage");
            // 자기소개
            if (mb_id) 
                this.insertTail("info", "<a href=\"javascript:;\" onclick=\"win_bb_profile('"+name+"');\">view profile</a>");
                // this.insertTail("info", "<a href=\"javascript:;\" onclick=\"win_profile('"+mb_id+"');\">self-intro</a>");
        //}

        // 게시판테이블 아이디가 넘어왔을 경우
        if (g4_bo_table) {
            if (mb_id) // 회원일 경우 아이디로 검색
                this.insertTail("mb_id", "<a href='/board.php?bo_table="+g4_bo_table+"&sca="+g4_sca+"&sfl=mb_id&stx="+name+"'>아이디로 검색 search by ID</a>");
            else // 비회원일 경우 이름으로 검색
                this.insertTail("name", "<a href='/board.php?bo_table="+g4_bo_table+"&sca="+g4_sca+"&sfl=wr_name&stx="+name+"'>이름으로 검색 search by name</a>");
        }

        // 최고관리자일 경우
        if (g4_is_admin == "super") {
            // 회원정보변경
            if (mb_id)
                this.insertTail("modify", "<a href='/member_form.php?w=u&mb_id="+mb_id+"' target='_blank'>회원정보변경 user information</a>");
            // 포인트내역
            if (mb_id)
                this.insertTail("point", "<a href='index.php?cfile=adm/point_list.php?sfl=a.mb_id&stx="+name+"' target='_blank'>포인트내역 points</a>");
        }
    }

    // set width of the box by finding longest definition and using that for the box width
    function getDefSize(wordArr) {
        var count = 0;
        var  definition = 'definition';
        var numRows = wordArr.length;
        var running_sum = 0;
        var max_size = 0;
        var count_of_real_ones = 0;
        var average = 0;
        for(; count < numRows; count++) {
           definition = wordArr[count][2];
            if(definition.length > 3 ){  // means greater than zero
                running_sum += definition.length;
                count_of_real_ones++;
            }
            if(definition.length > max_size ){  // means greater than zero
                max_size = definition.length;
            }
        }
        if (max_size < 30) {
            average = 30; 
        } else {
            average = running_sum / count_of_real_ones; 
        }
        if (average > 75) average = 75;  // like a minimum size
        return average;
    }

   function DictSideView(targetObj, curObj, wordArr) 
    {
        this.targetObj = targetObj;
        this.curObj = curObj;
        this.showSizedLayer = showSizedLayer;  // means that function can be called on 'this' object if declared like that
        var count = 0;
        var  word = 'word';
        var  word_id = 'word_id'; 
        var  definition = 'definition';
        var  pos = 'pos';
        var  pos_number = 'pos_number';
        var numRows = wordArr.length;
        this.makeSizedNameContextMenus = makeSizedNameContextMenus;
        this.heads = new Array();
        this.insertHead = insertHead;
        this.tails = new Array();
        this.insertTail = insertTail;
        this.getRow = getRow;
        this.hideRow = hideRow;		
        this.dimRow = dimRow;
    
        // 회원이라면 // (비회원의 경우 검색 없음)
        // if (name) this.insertTail("word", "<a href=\"javascript:win_memo('/index.php?cfile=dict_word&id="+word_id+"');\">"+homepage+"</a>");
        for(count = 0; count < numRows; count++) {
           word = wordArr[count][0];
           word_id = wordArr[count][1]; 
           definition = wordArr[count][2];
           pos = wordArr[count][3];
           pos_number = wordArr[count][4];
           syn = wordArr[count][5];
            if (syn)  {
                word = encodeURI(word); 
            }
            else word = encodeURI(word); 
           // this.insertTail("word", "<font size=3><a href='/index.php?cfile=mod_pager&browse_word=1&word="+word+"&bo_table="+g4_bo_table+"&wr_id="+g4_wr_id+"&g4_read_id="+g4_read_id+"&mod_home="+mod_home+"'>"+definition+"</a></font>");
           this.insertTail("word", "<font size=3><a href=\"javascript:;\" onclick=\"win_open('/index.php?cfile=mod_pager&dpjs=1&browse_word=1&word="+word+"&bo_table="+g4_bo_table+"&from_lang="+g4_from_lang+"&wr_id="+g4_wr_id+"&g4_read_id="+g4_read_id+"&cid="+cid+"&mod_home="+mod_home+"','word list edit','left=150,top=50,width=616,height=460,scrollbars=1'); \">"+definition+"</a></font>");
        }
    }



    function DictshowSideView(curObj, wordArr) 
    {
        /*  check browser type 
        my js overlib will not open pop-up window for unknown reason
        give up on trying and instead for msie open up everything using open_win function
        /*
        /* first browser detection 
        */

        // Decide browser version
        /*  var isMac = (navigator.userAgent.indexOf("Mac") != -1);
        var olNs4 = (navigator.appName=='Netscape' && parseInt(navigator.appVersion) == 4);
        var olNs4 = (navigator.appName=='Netscape' && parseInt(navigator.appVersion) == 4);
        var olNs6 = (document.getElementById) ? true : false;
        var olKq = (olNs6 && /konqueror/i.test(navigator.userAgent)); 
        */
        var olOp = (navigator.userAgent.toLowerCase().indexOf('opera') > -1 && document.createTextNode);  // Opera 7
        var olIe4 = (document.all) ? true : false;
        var olIe5 = false; 
        var olIe55 = false; // Added additional variable to identify IE5.5+

        // Microsoft Stupidity Check(tm).
        if (olIe4) {
            var agent = navigator.userAgent;
            if (/MSIE/.test(agent)) {
                var versNum = parseFloat(agent.match(/MSIE[ ](\d\.\d+)\.*/i)[1]);
                if (versNum >= 5){
                    olIe5=true;
                    olIe55=(versNum>=5.5&&!olOp) ? true : false;
       /*             if (olNs6) olNs6=false;
        */
                }
            }
        /*    if (olNs6) olIe4 = false;  
        */
        }

        /* now do if - else loop 
        */
        olIe5 = false ; 
        if (olIe5) {
        /* 
        parse this for the first element of wordArr
        <a class='linkb' href="javascript:;" onClick="DictshowSideView(this, [ ['jury','77301',
        */  
            var open_string = "/index.php?cfile=mod_pager&dpjs=1&browse_word=1&word="+ encodeURI(wordArr[0][0])+"";
           this.win_open(open_string,'edit','left=50,scrollbars=1');
            // this.win_open('/index.php?cfile=mod_pager&dpjs=1&browse_word=1&word="+word+"&bo_table="+g4_bo_table+"&wr_id="+g4_wr_id+"&g4_read_id="+g4_read_id+"&cid="+cid+"&mod_home="+mod_home+"','word list edit','left=50,top=50,width=616,height=460,scrollbars=1'); 
    
        } else {
            var table_width = getDefSize(wordArr);
            var sideView = new DictSideView('nameContextMenu', curObj, wordArr );
            sideView.showSizedLayer(table_width);
        }
    }


    function showLayer() 
    {
        clickAreaCheck = true;
        var oSideViewLayer = document.getElementById(this.targetObj);
        var oBody = document.body;
            
        if (oSideViewLayer == null) {
            oSideViewLayer = document.createElement("DIV");
            oSideViewLayer.id = this.targetObj;
            oSideViewLayer.style.position = 'absolute';
            oBody.appendChild(oSideViewLayer);
        }
        oSideViewLayer.innerHTML = this.makeNameContextMenus();
        
        if (getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + oSideViewLayer.scrollHeight + 5 > oBody.scrollHeight)
            oSideViewLayer.style.top = getAbsoluteTop(this.curObj) - oSideViewLayer.scrollHeight;
        else
            oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight;

        oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14;

        divDisplay(this.targetObj, 'block');

        selectBoxHidden(this.targetObj);
    }

    function showSizedLayer(table_width) 
    {
        clickAreaCheck = true;
        var oSideViewLayer = document.getElementById(this.targetObj);
        var oBody = document.body;
            
        if (oSideViewLayer == null) {
            oSideViewLayer = document.createElement("DIV");
            oSideViewLayer.id = this.targetObj;
            oSideViewLayer.style.position = 'absolute';
            oBody.appendChild(oSideViewLayer);
        }
        oSideViewLayer.innerHTML = this.makeSizedNameContextMenus(table_width);
        
        if (getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + oSideViewLayer.scrollHeight + 5 > oBody.scrollHeight)
            oSideViewLayer.style.top = getAbsoluteTop(this.curObj) - oSideViewLayer.scrollHeight;
        else
            oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight;

        oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14;

        divDisplay(this.targetObj, 'block');

        selectBoxHidden(this.targetObj);
    }

    function getAbsoluteTop(oNode)
    {
        var oCurrentNode=oNode;
        var iTop=0;
        while(oCurrentNode.tagName!="BODY") {
            iTop+=oCurrentNode.offsetTop - oCurrentNode.scrollTop;
            oCurrentNode=oCurrentNode.offsetParent;
        }
        return iTop;
    }

    function getAbsoluteLeft(oNode)
    {
        var oCurrentNode=oNode;
        var iLeft=0;
        iLeft+=oCurrentNode.offsetWidth;
        while(oCurrentNode.tagName!="BODY") {
            iLeft+=oCurrentNode.offsetLeft;
            oCurrentNode=oCurrentNode.offsetParent;
        }
        return iLeft;
    }

// sample of how to get optional arguments
// link given below 26 lines or sth like that
function doSomething (sWhatever, oOptions) {
  var oOptions = augment({
      sOptOne: "90",
      bOptTwo: false
    }, oOptions );

  // sWhatever is a regular argument. We assume it's always going to be passed
  alert(sWhatever);

  // sOptOne and bOptTwo are optional;
  // they are defaulted to "foo" and false, respectively
  alert(oOptions.sOptOne);
  alert(oOptions.bOptTwo);
}


/*
  Augment an object by replacing its key:value pairs with those
  from other object(s), and adding pairs from other object(s) that don't
  exist in you.  Key:value pairs from later objects will
  overwrite those from earlier objects.
  
  If null is given as the initial object, a new one will be created.
    http://www.earthcode.com/ajax/2006/01/optional_args.html  
  This mutates and returns the object passed as oSelf. The other objects are not changed.
*/
function augment (oSelf, oOther) {
    if (oSelf == null) {
        oSelf = {};
    }
    for (var i = 1; i < arguments.length; i++) {
        var o = arguments[i];
        if (typeof(o) != 'undefined' && o != null) {
            for (var j in o) {
                oSelf[j] = o[j];
            }
        }
    }
    return oSelf;
}
    function makeNameContextMenus() 
    {
        var str = "<table border='0' cellpadding='0' cellspacing='0' width='90' style='border:1px solid #E0E0E0;' bgcolor='#F9FBFB'>";
        
        var i=0;
        for (i=this.heads.length - 1; i >= 0; i--)
            str += this.heads[i].renderRow();
       
        var j=0;
        for (j=0; j < this.tails.length; j++)
            str += this.tails[j].renderRow();
        
        str += "</table>";
        return str;
    }

    function makeSizedNameContextMenus(table_width) 
    {
        table_width = 8 * table_width;  // how many pixels per character usually? just guess ...
        var str = "<table border='0' cellpadding='0' cellspacing='0' width='"+table_width+"' style='border:1px solid #E0E0E0;' bgcolor='#F9FBFB'>";
        
        var i=0;
        for (i=this.heads.length - 1; i >= 0; i--)
            str += this.heads[i].renderRow();
       
        var j=0;
        for (j=0; j < this.tails.length; j++)
            str += this.tails[j].renderRow();
        
        str += "</table>";
        return str;
    }

    function getRow(name) 
    {
        var i = 0;
        var row = null;
        for (i=0; i<this.heads.length; ++i) 
        {
            row = this.heads[i];
            if (row.name == name) return row;
        }

        for (i=0; i<this.tails.length; ++i) 
        {
            row = this.tails[i];
            if (row.name == name) return row;
        }
        return row;
    }

    function hideRow(name) 
    {
        var row = this.getRow(name);
        if (row != null)
            row.isVisible = false;
    }

    function dimRow(name) 
    {
        var row = this.getRow(name);
        if (row != null)
            row.isDim = true;
    }
    // Internet Explorer에서 셀렉트박스와 레이어가 겹칠시 레이어가 셀렉트 박스 뒤로 숨는 현상을 해결하는 함수
    // 레이어가 셀렉트 박스를 침범하면 셀렉트 박스를 hidden 시킴
    // <div id=LayerID style="display:none; position:absolute;" onpropertychange="selectBoxHidden('LayerID')">
    function selectBoxHidden(layer_id) 
    {
        //var ly = eval(layer_id);
        var ly = document.getElementById(layer_id);

        // 레이어 좌표
        var ly_left   = ly.offsetLeft;
        var ly_top    = ly.offsetTop;
        var ly_right  = ly.offsetLeft + ly.offsetWidth;
        var ly_bottom = ly.offsetTop + ly.offsetHeight;

        // 셀렉트박스의 좌표
        var el;

        for (i=0; i<document.forms.length; i++) {
            for (k=0; k<document.forms[i].length; k++) {
                el = document.forms[i].elements[k];    
                if (el.type == "select-one") {
                    var el_left = el_top = 0;
                    var obj = el;
                    if (obj.offsetParent) {
                        while (obj.offsetParent) {
                            el_left += obj.offsetLeft;
                            el_top  += obj.offsetTop;
                            obj = obj.offsetParent;
                        }
                    }
                    el_left   += el.clientLeft;
                    el_top    += el.clientTop;
                    el_right  = el_left + el.clientWidth;
                    el_bottom = el_top + el.clientHeight;

                    // 좌표를 따져 레이어가 셀렉트 박스를 침범했으면 셀렉트 박스를 hidden 시킴
                    if ( (el_left >= ly_left && el_top >= ly_top && el_left <= ly_right && el_top <= ly_bottom) || 
                         (el_right >= ly_left && el_right <= ly_right && el_top >= ly_top && el_top <= ly_bottom) ||
                         (el_left >= ly_left && el_bottom >= ly_top && el_right <= ly_right && el_bottom <= ly_bottom) ||
                         (el_left >= ly_left && el_left <= ly_right && el_bottom >= ly_top && el_bottom <= ly_bottom) )
                        el.style.visibility = 'hidden';
                }
            }
        }
    }

    // 감추어진 셀렉트 박스를 모두 보이게 함
    function selectBoxVisible() 
    {
        for (i=0; i<document.forms.length; i++) 
        {
            for (k=0; k<document.forms[i].length; k++) 
            {
                el = document.forms[i].elements[k];    
                if (el.type == "select-one" && el.style.visibility == 'hidden')
                    el.style.visibility = 'visible';
            }
        }
    }


    function getAbsoluteTop(oNode)
    {
        var oCurrentNode=oNode;
        var iTop=0;
        while(oCurrentNode.tagName!="BODY") {
            iTop+=oCurrentNode.offsetTop - oCurrentNode.scrollTop;
            oCurrentNode=oCurrentNode.offsetParent;
        }
        return iTop;
    }


    function getAbsoluteLeft(oNode)
    {
        var oCurrentNode=oNode;
        var iLeft=0;
        iLeft+=oCurrentNode.offsetWidth;
        while(oCurrentNode.tagName!="BODY") {
            iLeft+=oCurrentNode.offsetLeft;
            oCurrentNode=oCurrentNode.offsetParent;
        }
        return iLeft;
    }

    function divDisplay(id, act) 
    {
        selectBoxVisible();

        document.getElementById(id).style.display = act;
    }

    function hideSideView() 
    {
        if (document.getElementById("nameContextMenu"))
            divDisplay ("nameContextMenu", 'none');
        if (document.getElementById("dictContextMenu"))
            divDisplay ("dictContextMenu", 'none');
    }

    var clickAreaCheck = false;
    document.onclick = function() 
    {
        if (!clickAreaCheck) 
            hideSideView();
        else 
            clickAreaCheck = false;
    }
}