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 = "<div class='member_layer_list' id='sideViewRow_"+this.name+"'>"+this.onclickEvent+"</div>";
        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;
    
        // ȸ¿øÀ̶ó¸é // (ºñȸ¿øÀÇ °æ¿ì °Ë»ö ¾øÀ½)
        //if (g4_is_member) {
            // ÂÊÁöº¸³»±â
            if (mb_id) 
                // ºÒ¿©¿ì ÀÚ¹Ù½ºÅ©¸³Æ®Ã¢ÀÌ ¶ß´Â ¿À·ù¸¦ ¼öÁ¤
				this.insertTail("memo", "<img src=\"" + g4_path + "/img/icon_write_message.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a href=\"javascript:win_memo('"+g4_path+"/" + g4_bbs + "/memo.php?kind=write&me_recv_mb_id="+mb_id+"');\">ÂÊÁöº¸³»±â</a>");            // ¸ÞÀϺ¸³»±â
            if (mb_id) 
				this.insertTail("follow", "<img src=\"" + g4_path + "/img/icon_add_friend.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a href=\"javascript:win_follow('"+g4_path+"/module/follow/sideview_follow.php?mb_id="+mb_id+"');\">¸Å´Ï¾ÆµÇ±â</a>");            // ¸ÞÀϺ¸³»±â
            if (mb_id) 
				this.insertTail("follow", "<img src=\"" + g4_path + "/img/icon_remove_friend.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a href=\"javascript:win_follow('"+g4_path+"/module/follow/sideview_unfollow.php?mb_id="+mb_id+"');\">¸Å´Ï¾Æ±×¸¸µÎ±â</a>");            // ¸ÞÀϺ¸³»±â
/*
            if (email) 
                this.insertTail("mail", "<a href=\"javascript:;\" onclick=\"win_formmail('"+mb_id+"','"+name+"','"+email+"');\"><img src=\"" + g4_path + "/img/icon_sendmail.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> ¸ÞÀϺ¸³»±â</a>");
*/
            // ȨÆäÀÌÁö
            if (homepage) 
                this.insertTail("homepage", "<img src=\"" + g4_path + "/img/icon_homepage.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a href=\"javascript:;\" onclick=\"window.open('"+homepage+"');\">ȨÆäÀÌÁö</a>");
            // ÀÚ±â¼Ò°³
            if (mb_id) 
                this.insertTail("info", "<img src=\"" + g4_path + "/img/icon_view_info.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a href=\"javascript:;\" onclick=\"win_profile('"+mb_id+"');\">ȸ¿øÁ¤º¸º¸±â</a>");
        //}

        // °Ô½ÃÆÇÅ×ÀÌºí ¾ÆÀ̵𰡠³Ñ¾î¿ÔÀ» °æ¿ì
        if (g4_bo_table) {
            if (mb_id) // ȸ¿øÀÏ °æ¿ì ¾ÆÀ̵ð·Î °Ë»ö
                this.insertTail("mb_id", "<img src=\"" + g4_path + "/img/icon_view_written.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a href='"+g4_path+"/" + g4_bbs + "/board.php?bo_table="+g4_bo_table+"&sca="+g4_sca+"&sfl=mb_id,1&stx="+mb_id+"'>À̸§À¸·Î°Ë»ö</a>");
            else // ºñȸ¿øÀÏ °æ¿ì À̸§À¸·Î °Ë»ö
                this.insertTail("name", "<img src=\"" + g4_path + "/img/icon_view_written.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a href='"+g4_path+"/" + g4_bbs + "/board.php?bo_table="+g4_bo_table+"&sca="+g4_sca+"&sfl=wr_name,1&stx="+name+"'>À̸§À¸·Î°Ë»ö</a>");
        }
/*
        if (mb_id)
            this.insertTail("new", "<img src=\"" + g4_path + "/img/icon_blog.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a href='"+g4_path+"/" + g4_bbs + "/new.php?mb_id="+mb_id+"&latest_new=latest_new'>Àüü°Ô½Ã¹°</a>");
*/

        // ÃÖ°í°ü¸®ÀÚÀÏ °æ¿ì
        if (g4_is_admin == "super") {
            // ȸ¿øÁ¤º¸º¯°æ
            if (mb_id)
                this.insertTail("modify", "<img src=\"" + g4_path + "/img/icon_view_info.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a class='admin' href='"+g4_path+"/" + g4_admin + "/member_form.php?w=u&mb_id="+mb_id+"' target='_blank'>ȸ¿øÁ¤º¸º¯°æ</a>");
            if (mb_id)
                this.insertTail("modify", "<img src=\"" + g4_path + "/img/icon_add_friend.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a class='admin' onclick=\"window.open('"+g4_path+"/module/operating_mode/sohwan.php?mb_id="+mb_id+"');\" target='_blank'>ȸ¿øÈ£Ãâ</a>");
            if (mb_id)
                this.insertTail("modify", "<img src=\"" + g4_path + "/img/icon_remove_friend.gif\" width=\"16px\" height=\"16px\" align=\"absmiddle\" /> <a class='admin' onclick=\"window.open('"+g4_path+"/module/operating_mode/temp_ban.php?mb_id="+mb_id+"');\" target='_blank'>ȸ¿øÀϽÃÅðÀå</a>");
            // Æ÷ÀÎÆ®³»¿ª
/*
            if (mb_id)
                this.insertTail("point", "- <a class='admin' href='"+g4_path+"/" + g4_admin + "/point_list.php?sfl=mb_id&stx="+mb_id+"' target='_blank'>Æ÷ÀÎÆ®³»¿ª</a>");
*/
        }
    }

    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';
		   	
		   	// NBA Mania update ¸ðµç ·¹º§ÀÇ ·¹À̾¼­ Àß º¸ÀÌ°Ô
		   	oSideViewLayer.style.zIndex = '999999999';

            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 + "px";
        else
            oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + "px";

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

        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;
        }

		if(oCurrentNode.offsetParent){
			do{
				if(oCurrentNode.tagName!="body")
					iTop += oCurrentNode.offsetTop - oCurrentNode.scrollTop;
			}
			while(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;
        }

		if(oCurrentNode.offsetParent){
			do{
				if(oCurrentNode.tagName!="body")
					iLeft += oCurrentNode.offsetLeft;
			}
			while(oCurrentNode = oCurrentNode.offsetParent);
		}
        return iLeft;
    }


    function makeNameContextMenus() 
    {
        var str = "<div class='member_layer'>";
        
        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 += "</div>";
        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_top <= ly_bottom && el_left <= ly_left && el_right >= ly_right)
                        )
                        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');
    }

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