/**
 * QNA리스트에서 답변 창으로 이동시
 * config 값에 따라 다른 페이지로 이동
 * [POPUP, DROP_DOWN, LAYER_POPUP, MOVE_PAGE]
 */
var qnaAnswer = Class.create();
var oldCtrl = "";
var selectedNodeArray = new Array(3);	//MailQuestion 선택된 노드아이디를 담을 배열
qnaAnswer.prototype =
{
    browser : getBrowserInfoEE(),
    initialize: function(ctrl, pageAnswer)
    {
        this.ctrl = ctrl;
        this.pageAnswer = pageAnswer;
        this.qna_id = ctrl.getAttribute('qnaId'); /* qna_id */
        this.processSeq = ctrl.getAttribute('processSeq'); /* process_seq */
        this.flag_Public = ctrl.getAttribute('flagPublic'); /* 공개여부 (Y:공개, N:비공개) */
        this.flag_Response = ctrl.getAttribute('flagResponse'); /* 답변여부 (Y:중간답변, 답변완료 N:미답변) */
        this.hidden = false; /* 페이지 숨김 여부 */
        this.mouse_over = false; /* 툴팁 사용시 해당 QNA에 마우스 over 되어 있는지 여부 */
		this.tr = this.ctrl.up("tr");
		this.flagResize = ctrl.getAttribute('flagResize');   //cichung : 나의11번가 Iframe resize여부

		/**
	     * 제목 클릭시 페이지 설정에 따라 실행되는 메소드 다름
	     * [POPUP], [DROP_DOWN], [LAYER_POPUP], [MOVE_PAGE]
	     */
        Event.observe(ctrl, "click", this.qnaClick.bindAsEventListener(this), false);
		Event.observe(this.tr, "mouseover", this.trMouseOver.bindAsEventListener(this), false);
		Event.observe(this.tr, "mouseout", this.trMouseOut.bindAsEventListener(this), false);

        /**
         * 제목 툴팁 사용여부
         * 툴팁을 사용하고 공개일 경우에만 MailContents.jsp 호출하여 질문 내용 보임
         */
        var pageToolTip = getConfigPage('configMailUseToolTip');
        if (pageToolTip == 'Y' && this.flag_Public == 'Y')
        {
	        /* 제목 툴팁 설정 */
		    Event.observe(ctrl, "mouseover", this.tooltipOn.bindAsEventListener(this), false);
	        /* 제목 툴팁 해제 */
		    Event.observe(ctrl, "mouseout", this.tooltipOff.bindAsEventListener(this), false);
        }

        ctrl.onclick = function(){return false;};
    },
    trMouseOver: function()
    {
    	this.tr.className = "list_over";
    },
	trMouseOut: function()
    {
    	if(oldCtrl != this.ctrl)
    	{
    		this.tr.className = "list_out";
    	}
    },
    tooltipOn: function()
    {
    	var url = urlWebSslCtx + '/mail/MailContents.jsp';
        var inForm = $('frmViewQna');
        inForm.qnaId.value = this.qna_id;
        /* 질문내용 길이 설정 */
        inForm.toolTip.value = 100;
        var params = Form.serialize(inForm);

    	/* 질문내용 가져오는 부분 */
        var myAjax = new Ajax.Request (
            url, {method: 'post', parameters: params, onComplete: eval(this.makeContents).bindAsEventListener(this)}
        );
        /* 질문 제목 위에 mouse_over 되어 있음 */
        this.mouse_over = true;
    },
    makeContents: function(xmlHttp)
    {
        var contents = xmlHttp.responseText;
        /**
         * 툴팁 색상 설정 /11st/js/wz_tooltip.js 사용
         * 자세한 설명은 http://www.walterzorn.com/tooltip/tooltip_e.htm 참고
         */
        if (this.mouse_over)
        {
    		Tip(contents, BGCOLOR, '#FFFFFF', BORDERCOLOR, '#63b900');
    	}
    },
    tooltipOff: function()
    {
    	/* 질문 제목 위에 mouse_out 되어 있음 */
    	this.mouse_over = false;
    	/* 툴팁 해제 */
    	UnTip();
    },
    qnaClick: function()
    {
        var inForm = $('frmViewQna');

        inForm.qnaId.value = this.qna_id;
        if(inForm.processSeq)
        {
            inForm.processSeq.value = this.processSeq;
        }

        var params = Form.serialize(inForm);
        var result;
        var url;

        if (this.pageAnswer == 'POPUP')
        {
        	/* 새 창을 띄워 MailAnswerPopup.jsp 를 호출한다. */
            var option = 'width=730,height=500,menubar=no,toolbar=no,resizable=yes,scrollbars=yes';
            var faq = window.open('', 'QNA', option);
            inForm.target = 'QNA';
            inForm.action = urlWebSslCtx + '/mail/MailAnswerPopup.jsp';
            inForm.submit();
        }
        else if (this.pageAnswer == 'DROP_DOWN')
        {
        	/* MailAnswerDropDown.jsp 를 호출하여 제목라인 아래에 내용을 넣어준다. */
            url = urlWebSslCtx + '/mail/MailAnswerDropDown.jsp';
			var idx = this.tr.rowIndex + 1;

			if (oldCtrl == this.ctrl)
			{
				/* 이미 열려있는 드롭다운 QNA를 클릭하면 레이어가 닫힌다.
				      열려있는 QNA가 하나도 없으므로 oldId는 초기화된다. */
				this.closeDropDown();
				oldCtrl = "";
			}
			else
			{
				/* 닫혀있는 드롭다운 QNA를 클릭하면 열려있던 레이어가 닫힌다.
				      그리고 새로운 QNA가 열리면서 oldId의 값을 현재 열린 QNA로 바꾸어 준다. */
				if (oldCtrl)
				{
					this.closeDropDown();
				}
				this.loadContents(url, "this.makeHtmlDropDown", params);
				oldCtrl = this.ctrl;
			}
        }
        else if (this.pageAnswer == 'LAYER_POPUP')
        {
        	/* MailAnswerLayer.jsp 를 호출하여 생성한 레이어에 넣어준다.*/
            this.createLayer();
            url = urlWebSslCtx +  '/mail/MailAnswerLayer.jsp';
            this.loadContents(url, 'this.makeHtmlLayer', params);
        }
        else
        {
        	/* MailAnswer.jsp 로 페이지 이동하여 보여준다.*/
            inForm.qnaId.value = this.qna_id;
            inForm.action = urlWebSslCtx + '/mail/MailAnswer.jsp';
            inForm.submit();
        }
    },
    loadContents: function(url, func, params)
    {
    	/* [DROP_DOWN], [LAYER_POPUP] 에서 사용. Ajax통신으로 해당 내용을 TEXT로 가져온다. */
        var myAjax = new Ajax.Request (
            url, {method: 'post', parameters: params, asynchronous: false, onComplete: eval(func).bindAsEventListener(this)}
        );
    },
    makeHtmlDropDown: function(xmlHttp)
    {
    	/* attribute에 Ajax통신으로 받아온 TEXT를 넣어준다. */
		var idx = this.tr.rowIndex + 1;
		this.tr.className = "list_over";

		var objTable = $("mailTbl");
		var objTr = objTable.insertRow(idx);

		var objTd = objTr.insertCell(-1);
		var childElement = this.tr.immediateDescendants();	// tr의 1레벨 차일드 엘리먼트를 반환
		var tdCount = 0;
		childElement.each(function (value, index) {
			tdCount++
		});
		//objTd.colSpan = objTable.rows(0).cells.length;	// ie에서는 이부분을 써도 되지만 크로스브라우저에서는 쓸 수 없다.
		objTd.colSpan = tdCount;
		objTd.className = "detail";		//11st 디자인과 맞추기 위해 padding값 제거한 style 적용
		objTd.innerHTML = xmlHttp.responseText;

		/* 댓글 호출 */
		//replyList();
        if ('Y' == this.flag_Response)
        {
        	/* 답변이 된 상담만 설문 호출 */
        	//surveyList();
        }

        // cichung : 나의도서11번가  > 나의 E-MAIL 상담내역 리사이즈
        if('Y' == this.flagResize)
        {
        	doResize();
        }
    },
    closeDropDown: function()
    {
    	/* attribute의 내용을 없앤다 */
		var objTable = $("mailTbl");
		var oldTr = oldCtrl.up("tr");
		oldTr.className = "list_out";
		oldIdx = oldTr.rowIndex + 1;
		objTable.deleteRow(oldIdx);

		// cichung : 나의도서11번가  > 나의 E-MAIL 상담내역 리사이즈
        if('Y' == this.flagResize)
        {
        	doResize();
        }
    },
    createLayer: function()
    {
    	/* Layer 생성 */
		var body = document.getElementsByTagName("body")[0];
		var overlay = document.createElement("div");		// QNA 상세내용 바깥 영역
		overlay.id = "overlay";
		var lightbox = document.createElement("div");		// QNA 상세내용 디스플레이 영역
		lightbox.id = "lightbox";
		body.appendChild(overlay);
		body.appendChild(lightbox);
		$("overlay").style.display = "none";
		$("lightbox").style.display = "none";
    },
    makeHtmlLayer: function(xmlHttp)
    {
    	/* attribute에 Ajax통신으로 받아온 TEXT를 넣어준다.*/
        var result = xmlHttp.responseText;
        if (browser == 'Internet Explorer')
        {
            hideSelects('hidden');
        }
        this.displayLightbox();
        $('lightbox').innerHTML = result;

        /* EventObserv 생성 */
        this.createObserv();
        this.displayOverlay();
    },
    displayLightbox: function()
    {
    	/* lightbox 설정 */
		var body = document.getElementsByTagName("body")[0];
		var bodyDimensions = $(body).getDimensions();
		var lbWidth = 720;
		var lbTop = 100;
		var lbLeft = (bodyDimensions.width / 2) - (lbWidth / 2);
		$("overlay").setStyle({position:"absolute",top:"0",left:"0",width:"100%",height:"100%",backgroundColor:"#000000",filter:"alpha(opacity=50)",opacity:".50"});
		$("lightbox").setStyle({position:"absolute",top:lbTop + "px",left:lbLeft + "px",width:lbWidth + "px",backgroundColor:"#FFFFFF",border:"1px solid #fff",textAlign:"left"});
		$("overlay").style.display = "block";
		$("lightbox").style.display = "block";
    },
	// 라이트 박스 바깥 레이어의 위치를 결정
	displayOverlay: function()
	{
		var bodyHeight = document.body.scrollHeight;		// 현재 화면의 높이
		var bodyWidth = document.body.scrollWidth;			// 현재 화면의 넓이
		$("overlay").setStyle({position:"absolute",top:"0",left:"0",width:bodyWidth,height:bodyHeight + 50,backgroundColor:"#000000",filter:"alpha(opacity=50)",opacity:".50"});
		$("overlay").style.display = "block";
	},
    createObserv: function()
    {
    	/* EventObserv 생성 */
        var closeLayer = $('closeLayer');
        Event.observe(closeLayer, 'click', this.deActivate.bindAsEventListener(this), false);
        closeLayer.onclick = function(){return false;};

        var btnPrevKbId = $('btnPrevQna');
        Event.observe(btnPrevKbId, 'click', this.clickPrevQna.bindAsEventListener(this), false);
        btnPrevKbId.onclick = function(){return false;};

        var btnNextKbId = $('btnNextQna');
        Event.observe(btnNextKbId, 'click', this.clickNextQna.bindAsEventListener(this), false);
        btnNextKbId.onclick = function(){return false;};

		/* 댓글 호출 */
        replyList(false);
        if ('Y' == this.flag_Response)
        {
        	/* 답변이 된 상담만 설문 호출 */
        	surveyList();
        }
    },
    deActivate: function()
    {
    	/* $('closeLayer') 클릭시 레이어 제거 후 [selectbox]를 보이게 설정 */
        Element.remove($('overlay'));
        Element.remove($('lightbox'));
        if (browser == 'Internet Explorer')
        {
            hideSelects('visible');
        }
    },
    clickPrevQna: function()
    {
    	/* 이전글로 이동 */
        var inForm = $('frmViewQna');
        var prevQnaId = $('btnPrevQna').getAttribute('qnaId');
        if(prevQnaId == '' )
        {
            alert('처음글입니다.');
        }
        else
        {
            inForm.qnaId.value = prevQnaId;
            var params = Form.serialize(inForm);
            url = urlWebSslCtx + '/mail/MailAnswerLayer.jsp';
            this.loadContents(url, 'this.makeHtmlLayer', params);
        }
    },
    clickNextQna: function()
    {
    	/* 다음글로 이동 */
        var inForm = $('frmViewQna');
        var nextQnaId = $('btnNextQna').getAttribute('qnaId');
        if(nextQnaId == '' )
        {
            alert('마지막글입니다.');
        }
        else
        {
            inForm.qnaId.value = nextQnaId;
            var params = Form.serialize(inForm);
            url = urlWebSslCtx + '/mail/MailAnswerLayer.jsp';
            this.loadContents(url, 'this.makeHtmlLayer', params);
        }
    }
}

/**
 * 목록버튼
 */
var clickQnaAnswer = function()
{
    $('frmListQna').submit();
}

/**
 * 등록일자 정렬
 */
var clickCreatedOrder = function()
{
    currOrderBy = $('frmListQna').orderBy.value;
    if (currOrderBy == 'CREATED_DATE_DESC')
    {
        $('frmListQna').orderBy.value = 'CREATED_DATE_ASC';
    }
    else if (currOrderBy == 'CREATED_DATE_ASC')
    {
        $('frmListQna').orderBy.value = 'CREATED_DATE_DESC';
    }
    $('frmListQna').submit();
}

/**
 * 이전글 버튼
 */
function clickPrevQna()
{
	var inForm = $('frmViewQna');
    var prevQnaId = $('btnPrevQna').getAttribute('qnaId');
    if (prevQnaId == '')
    {
        alert('처음글입니다.');
    }
    else
    {
        inForm.qnaId.value = prevQnaId;
        inForm.submit();
    }
}

/**
 * 다음글 버튼
 */
function clickNextQna()
{
    var inForm = $('frmViewQna');
    var nextQnaId = $('btnNextQna').getAttribute('qnaId');
    if (nextQnaId == '')
    {
        alert('마지막글입니다.');
    }
    else
    {
        inForm.qnaId.value = nextQnaId;
        inForm.submit();
    }
}

/**
 * 닫기 버튼
 */
var clickQnaClose = function()
{
    self.close();
}

/**
 * 에러 메시지 뿌려줌
 */
function onException(err)
{
    alert('error='+err);
    return;
}

/**
 * email 유효성 체크
 */
function checkEmail(checkString)
{
	return checkString.search(/^\s*[\w\~\-\.]+\@[\w\~\-]+(\.[\w\~\-]+)+\s*$/g)>=0;
}

/**
 * 주민번호 유효성 체크
 */
function validateResNo(checkString)
{
	a = new Array(13);

	for (var i = 0; i < 13; i++)
	{
		a[i] = parseInt(checkString.charAt(i));
	}

	var j = a[0]*2 + a[1]*3 + a[2]*4 + a[3]*5 + a[4]*6 + a[5]*7 + a[6]*8 + a[7]*9 + a[8]*2 + a[9]*3 + a[10]*4 + a[11]*5;
	var j = j % 11;
	var k = 11 - j;

	if (k > 9)
	{
		k = k % 10
	}

    if (k != a[12])
    {
		return false;
	}
    else
    {
    	return true;
    }
}

/**
 * 메일질문 등록시 유효성 체크 후 submit
 */
var clickQnaSubmit = function(surveyInfo)
{
	/* 파일첨부가 완료되기 전에 submit이 되지 않는다. */
	//if ($('attachUseFlag').value == 'Y')
	if ($('attachUseFlag').value == 'Y' && $('loginFlag').value == 'Y')
	{
		if ($('attachForm').attachFinish.value == 'N')
		{
			alert('파일업로드중입니다...\n파일전송이 완료되면 상담하기 버튼을 눌러주세요.');
			return;
		}
	}

    /* 노드 아이디 */
    if ($('qnaForm').nodeId.value == 'NONE')
    {
        alert('상담 유형을 선택해 주세요.');
        return;
    }

    /* 고객 이름 */
    if (!Form.Element.present('customerName')) // 해당 엘리먼트에 값이 없을 때
    {
        alert('이름을 입력해 주세요.');
        $('customerName').value = '';
        $('customerName').focus();
        return;
    }

    /* 고객 이메일 */
    if (!Form.Element.present('customerEmail1'))
    {
        alert('이메일을 입력해주세요.');
        $('customerEmail1').value = '';
        $('customerEmail1').focus();
        return;
    }
    if (!Form.Element.present('customerEmail2'))
    {
        alert('이메일을  입력해주세요.');
        $('customerEmail2').value = '';
        $('customerEmail2').focus();
        return;
    }
    $('customerEmail').value = $('customerEmail1').value + '@' + $('customerEmail2').value;
    if (!checkEmail($('customerEmail').value))
    {
        alert('이메일 정보를 바르게 입력해주세요.');
        $('customerEmail2').focus();
        return;
    }

    /* 고객 전화번호 */
    var customerTel = '';
    if (!Form.Element.present('customerTelMiddle') && Form.Element.present('customerTelLast'))
    {
    	alert('연락처를 기재해주세요.');
    	$('customerTelMiddle').focus();
    	return;
    }
    if (Form.Element.present('customerTelMiddle') && !Form.Element.present('customerTelLast'))
    {
    	alert('연락처를 기재해주세요.');
    	$('customerTelLast').focus();
    	return;
    }
    if(trim($('customerTelMiddle').value).length > 0 && trim($('customerTelMiddle').value).length  < 3)
    {
    	alert('연락처를 정확하게 입력해주세요.');
    	$('customerTelMiddle').focus();
    	return;
    }
    if(trim($('customerTelLast').value).length > 0 && trim($('customerTelLast').value).length  < 4)
    {
    	alert('연락처를 정확하게 입력해주세요.');
    	$('customerTelLast').focus();
    	return;
    }
    if (Form.Element.present('customerTelMiddle') && Form.Element.present('customerTelLast'))
    {
        for (var i = 0; i < $('customerTelFirst').options.length; i++)
        {
            if ($('customerTelFirst').options[i].selected)
            {
                customerTel += $('customerTelFirst').options[i].value;
            }
        }
        customerTel += '-' + trim($('customerTelMiddle').value);
        customerTel += '-' + trim($('customerTelLast').value);
    }
    $('qnaForm').customerTel.value = customerTel;

    /* 고객 주민번호 */
    if (Form.Element.present('customerNoFirst') || Form.Element.present('customerNoLast'))
    {
    	if(!validateResNo(trim($('customerNoFirst').value) + trim($('customerNoLast').value)))
    	{
    		alert('주민등록번호를 잘못 입력하였습니다.');
    		$('customerNoFirst').focus();
    		return;
    	}
    	else
    	{
    		$('qnaForm').customerNo.value = trim($('customerNoFirst').value) + trim($('customerNoLast').value);
    	}
    }

    /* 공개여부
    for (var i = 0; i < $('qnaForm').checkPublicFlag.length; i++)
    {
        if($('qnaForm').checkPublicFlag[i].checked)
        {
            $('qnaForm').publicFlag.value = $('qnaForm').checkPublicFlag[i].value;
        }
    }
    */

    /* 제목 */
    var title = $F('title');
    if ( title.blank() )
    {
    	alert('제목을 입력하세요');
    	$('title').value = '';
    	$('title').focus();
    	return;
    }
    $('questionTitle').value = title;

    /* 내용 */
    var contents = $F('contents');
    if ( contents.blank() )
    {
    	alert('내용을 입력하세요');
    	$('contents').value = '';
    	$('contents').focus();
    	return;
    }
    $('questionContents').value = contents;

    /* 첨부파일 */
    //if ($('attachUseFlag').value == 'Y')
    if ($('attachUseFlag').value == 'Y' && $('loginFlag').value == 'Y')
	{
	    if (pageAttach == 'MULTI')
	    {
			$('attachCount').value = document.attachForm.attachIdx.value;
		    var attachList = '';
		    for (var i = 0; i < document.attachForm.attachList.length; i++)
		    {
		    	attachList += document.attachForm.attachList.options[i].value + '\\';
		    }
		    $('attach').value = attachList;
	    }
	    else if (pageAttach == 'ONE')
	    {
	    	if (Form.Element.present('attachText'))
	    	{
	    		$('attachCount').value = 1;
	    		$('attach').value = document.attachForm.attachFullPath.value;
	    	}
	    }
	}

    // SMS 수신여부 추가
    if($('qnaForm').recvSmsFlag)
    {
	    for (var i = 0; i < $('qnaForm').recvSmsFlag.length; i++)
	    {
	        if($('qnaForm').recvSmsFlag[i].checked)
	        {
	        	if( $('qnaForm').recvSmsFlag[i].value == "1" && customerTel.blank() )	// 1:예, 0:아니오
	        	{
	        		alert('SMS 수신을 원하시면 연락처를  입력해주세요.');
	            	$('customerTelMiddle').focus();
	            	return;
	        	}
	        }
	    }
    }
	/* 설문 : surveyInfo.surveyId 값이 없으면 상담전설문이 없다. */
	if (surveyInfo.surveyId != '' && surveyInfo.surveyId.length > 0)
	{
		$('qnaForm').surveyResponseList.value = surveyInfo.surveyResponseList;
		$('qnaForm').surveyId.value = surveyInfo.surveyId;
		$('qnaForm').logId.value = surveyInfo.logId;
		$('qnaForm').domainId.value = surveyInfo.domainId;
		$('qnaForm').serviceType.value = surveyInfo.serviceType;
		$('qnaForm').surveyType.value = surveyInfo.surveyType;
		$('qnaForm').processSeq.value = surveyInfo.processSeq;
	}

	if(document.location.href.indexOf("MailOpinionProposal.jsp") > 0) //의견제안하기 글등록 페이지일경우에만 ...
	{
		//의견제안하기에서만 팝업됨.
		alert("고객님의 소중한 의견은 담당자에게 즉시 전달하여\n보다 더 나은 서비스를 제공해 드릴 수 있도록 하겠습니다.\n소중한 의견 감사 드립니다.");
	}

    /* 고객 아이디 */
    if ($('qnaForm').CSET0000000005.value == '')
    {
        alert('사용이 원활하지 않습니다. \n 고객센터로 문의해주시기 바랍니다.');
        return;
    }

    var sInfo = eval(surveyInfo.surveyResponseList);

    if( sInfo == null || sInfo == "undefined")
    {
        // 설문정보가 없는 경우 리턴..
        return;
    }

    var checkCustomerId = false;
    for( var i=0; i < sInfo.length; i++ )
    {
        if( sInfo[i].codeset_id == "CSET0000000005" )
        {
            if( sInfo[i].response_value != null && sInfo[i].response_value != "" )
            {
                checkCustomerId = true;
            }
            break;
        }
    }

    if (!checkCustomerId)
    {
        alert('사용이 원활하지 않습니다. \n 고객센터로 문의해주시기 바랍니다.');
        return;
    }

    $('qnaForm').submit();
}

/**
 * email select 클릭시 value를 text에 넣어줌
 */
var clickEmail = function()
{
    for( var i=0; i<$('selectEmail').options.length; i++ )
    {
        if( $('selectEmail').options[i].selected )
        {
            if( $('selectEmail').options[i].value == 'false')
            {
                $('customerEmail2').value = '';
                $('customerEmail2').focus();
            }
            else
            {
                $('customerEmail2').value = $('selectEmail').options[i].value;
            }
        }
    }
}

/**
 * 현재 nodeId에 해당하는 하위 node를 가져옴
 */
function mailNodeList()
{
    var url = urlWebSslCtx + '/mail/MailNode.jsp';
    var params = Form.serialize($('frmNodeList'));
    var myAjax = new Ajax.Request(
        url, {method: 'post', parameters: params, onComplete: this.loadNode.bindAsEventListener(this)}
    );
}

/**
 * 하위 node가 있다면 보여주고 없다면 보여주지 않음
 */
var radioHtml = '';
function loadNode(xmlHttp)
{
    /**
     * nodeView : node html이 들어갈 attribute
     * nodeSeq : 선택된 node의 다음 depth(선택된 node의 depth가 0일 경우 1이 됨)
     * MaxDepth : 현 domainId의 최대 depth (0부터시작)
     * browser : 사용중인 브라우저 정보
     */
	var xmlDoc = xmlHttp.responseXML;
    var code = xmlDoc.getElementsByTagName('code').item(0).firstChild.nodeValue;
    var nodeView = $('nodeView');
    var nodeSeq = $('frmNodeList').nodeSeq.value;
    var MaxDepth = $('frmQnaInfo').nodeDepth.value;
    var browser = getBrowserInfoEE();
    radioHtml = '';
    /* 하위 node 존재함 */
    if (code == 'success')
    {
    	 var nodeList = eval('(' + xmlDoc.getElementsByTagName('data').item(0).firstChild.nodeValue + ')');
         /* node를 select 형태로 보여줌 */
         if (pageNode == 'SELECT')
         {
        	/* 하위 node가 html에 포함된 상태라면 attribute를 삭제 */
            if (nodeSeq > 0)
            {
            	var currNodeSeq = selectNode.getAttribute('name').substring(10);

                if (nodeSeq <= currNodeSeq)
                {
                	for (var i = nodeSeq; i <= currNodeSeq; i++)
                	{
                		nodeView.removeChild($('selectNode'+i));
                	}
                }
            }
            /* 새로운 attribute 추가 */
            selectNodeId = 'selectNode' + nodeSeq;
            selectNode = document.createElement('select');
            selectNode.setAttribute('name', selectNodeId);
            selectNode.setAttribute('id', selectNodeId);
            //selectNode.setAttribute('class', 'input_a');
            if(nodeSeq != 0){	//1단계 노드가 아니면  style='margin-left:10;'
            	selectNode.className = "imL10";
            }

        	//Add hglee	2010.12.20	setAttribute 가 모든 IE에서 정상적으로 동작한다는걸 보장할 수 없어서 아래 형식으로 수정.
        	selectNode.onchange = function(){
        		nodeChange(this.value, this.name);
        	}
            /*
            if (browser == 'Internet Explorer')
            {
                selectNode.setAttribute('onchange', function(){nodeChange(this.value, this.name);});
            }
            else
            {
                selectNode.setAttribute('onchange', 'nodeChange(this.value, this.name)');
            }
            */
            nodeView.appendChild(selectNode);

            selectNode.options[0] = new Option('상담유형 선택', 'NONE');
            selectNode.options[1] = new Option('------------', 'NONE');
            $('qnaForm').nodeId.value = 'NONE';
        }
        /* node를 radio 형태로 보여줌 */
        else if (pageNode == 'RADIO')
        {
        	/* 하위 node가 html에 포함된 상태라면 attribute를 삭제 */
            if (nodeSeq > 0)
            {
            	var currNodeSeq = radioNodeDiv.substring(9);
                if (nodeSeq <= currNodeSeq)
                {
                    /* 이전 카테고리 내역을 nodeView 영역에서 해제한다 */
                    for (var i = nodeSeq; i <= currNodeSeq; i++)
                    {
                    	nodeView.removeChild($('radioNode'+i));

                    	var removeLine = $('line'+i);
	                    if (removeLine != null)
	                    {
	                        nodeView.removeChild(removeLine);
	                    }
                    }
                }
            }
            /* 하위 node가 있다면 라인생성 */
            if (nodeSeq != 0)
            {
                var lineArea = document.createElement('div');
                lineAreaId = 'line'+ nodeSeq;
                lineArea.setAttribute('id', lineAreaId);
                nodeView.appendChild(lineArea);
                lineArea.innerHTML = '<table width="100%" class="info"><tr><td class="greyline2"></td></tr></table>';
            }

            /* 새로운 attribute 추가 */
            radioNode = document.createElement('div');
            radioNodeId = 'radioNode' + nodeSeq;
            radioNode.setAttribute('id', radioNodeId);
            nodeView.appendChild(radioNode);
            $('qnaForm').nodeId.value = 'NONE';
        }
        /* node수만큼 html 생성 */
        for (var i = 0; i < nodeList.length; i++)
        {
            if (pageNode == 'SELECT')
            {
            	selectNode.options[i+2] = new Option(nodeList[i].nodeName, nodeList[i].nodeId);
            	selectNode.options[i+2].setAttribute('alias', nodeList[i].alias);	//alias
            }
            else if (pageNode == 'RADIO')
            {
                makeRadio(nodeList[i], radioNodeId);
            }
        }
        if(defaultNodeFlag == 'Y')
        {
        	var nodeIdx = selectNode.getAttribute('name').substring(10);
    		for(i = 0; i < selectNode.length; i++)
    		{
    			if(selectNode.options[i].value == defaultNodeIdArray[nodeIdx])  //디폴트로 선택할 노드배열과 비교
    			{
    				selectNode.options[i].selected = true;
    				nodeChange(selectNode.options[i].value, selectNode.getAttribute('name')); //각 단계별로 array에 정의된  노드를 기본으로 선택
    				break;
    			}
    		}
        }

        /* 이전 설문 내용을 초기화 한다.*/
        $('surveyView').innerHTML = '';
        $('surveyForm').surveyInfo.value = '';
        $('surveyForm').surveyMappingInfo.value = '';

        // 추천FAQ를 숨긴다.
        resetRecommendFaqList();
        resetNodeHelperContents();
    }
    /* 하위 node 존재하지 않음 */
    else if (code == 'noresult')
    {
    	/* node를 select 형태로 보여줌 */
        if (pageNode == 'SELECT')
        {
        	/* 하위 node가 존재하지 않는다면 [상담유형 없음]으로 select 생성 */
            if (nodeSeq < MaxDepth)
            {
            	/* 하위 node가 html에 포함된 상태라면 attribute 삭제 */
            	var currNodeSeq = selectNode.getAttribute('name').substring(10);

                if (nodeSeq <= currNodeSeq)
                {
                	for (var i = nodeSeq; i <= currNodeSeq; i++)
                	{
                		nodeView.removeChild($('selectNode'+i));
                	}
                }

                // 마지막에 불필요한 노드를 보이지 않도록 하기 위한 코드
                selectNode = $('selectNode'+ (nodeSeq - 1));

                /*
                selectNodeId = 'selectNode' + nodeSeq;
                selectNode = document.createElement('select');
                selectNode.setAttribute('name', selectNodeId);
                selectNode.setAttribute('id', selectNodeId);
                selectNode.setAttribute('class', 'imL10');

                if (browser == 'Internet Explorer')
                {
                    selectNode.setAttribute('onchange', function(){nodeChange(this.value, this.name);});
                }
                else
                {
                    selectNode.setAttribute('onchange', 'nodeChange(this.value, this.name)');
                }
                nodeView.appendChild(selectNode);
                selectNode.length = 1;
                selectNode.options[0] = new Option('상담유형 없음', 'NONE');
                */

            }
        }
        /* node를 radio 형태로 보여줌  */
        else if (pageNode == 'RADIO')
        {
        	/* 하위 node가 존재하지 않는다면 아무것도 표시하지 않음 */
            if (nodeSeq < MaxDepth)
            {
            	var currNodeSeq = radioNodeDiv.substring(9);
                if (nodeSeq <= currNodeSeq)
                {
                    /* 이전 카테고리 내역을 nodeView 영역에서 해제한다 */
                    for (var i = nodeSeq; i <= currNodeSeq; i++)
                    {
                    	nodeView.removeChild($('radioNode'+i));

                    	var removeLine = $('line'+i);
	                    if (removeLine != null)
	                    {
	                        nodeView.removeChild(removeLine);
	                    }
                    }
                }
                /* 아무것도 없는 attribute를 생성 */
                radioNode = document.createElement('div');
                radioNodeId = 'radioNode' + nodeSeq;
                radioNode.setAttribute('id', radioNodeId);
                nodeView.appendChild(radioNode);
                radioNode.innerHTML = '';
                radioNodeDiv = radioNodeId;
                $('qnaForm').nodeId.value = $('frmNodeList').nodeId.value;
            }
        }
        /* 이전 설문 내용을 초기화 한다.*/
        $('surveyView').innerHTML = '';
        /* 마지막 카테고리가 선택 되었다면, 이 nodeId에 해당하는 상담전 설문을 가져온다. */
	    $('surveyForm').nodeId.value = $('frmNodeList').nodeId.value;
	    surveyList();

	  //하위노드가 존재하지 않으면서 NONE이 아닐경우(즉 말단 카테고리 선택할 경우) 추천FAQ를 가져온다.
        if( $('qnaForm').nodeId.value != 'NONE')
        {
        	recommendFaqList();
        	getNodeHelperContents();
        }
        else
        {
        	resetRecommendFaqList();
        	resetNodeHelperContents();
        }
    }

}

/**
 * node 선택시 하위 node 호출
 */
function nodeChange(value, name)
{
	var nameNum;
	if (pageNode == 'SELECT')
    {
        nameNum = name.substring(10);
    }
    else if (pageNode == 'RADIO')
    {
    	nameNum = name.substring(9);
    }

	//Seq 2의 node_id 값을 nodeId2depth에 저장
    $('frmNodeList').nodeSeq.value = Number(nameNum) + 1;
    $('frmNodeList').nodeId.value = value;
    if($('frmNodeList').nodeSeq.value == 2){
    	$('nodeId2depth').value = value;
    }
    $('qnaForm').nodeId.value = value;


    //상담분류 필수 카테고리 체크 : 로그인이 필수인 카테고리, 등록버튼 클릭시 상품명 입력 필수체크를 한다.
    for(i = 0; i < selectedNodeArray.length; i++)	//전역변수 배열 초기화
    {
    	if(i >= Number(nameNum))
    	{
    		selectedNodeArray[i] = '';
    	}
    }

    selectedNodeArray[Number(nameNum)] = value;
    var selObj = document.getElementById(name);
    var alias = selObj.options[selObj.options.selectedIndex].getAttribute('alias');
    if(alias == "PRDNM_SELECT_NODE" && $('loginFlag').value == 'N' && $('nonLoginFlag').value == 'N')
    {
    	alert("해당 상담분류는 로그인 후 접수 가능합니다.\n비회원으로 주문한 이력이 있는 분은 비회원 로그인 후 접수 가능합니다.");
    	var returnURL = decodeURIComponent(urlWebCtx + "/mail/MailQuestion.jsp?defaultNodeId="+selectedNodeArray[0]+","+selectedNodeArray[1]+","+selectedNodeArray[2]);  //1차, 2차 선택할 노드아이디를 넘긴다. 혹시모르니 3차까지 구현..
    	location.href = "http://www.11st.co.kr/login/Login.tmall?returnURL=" + returnURL;
    	return;
    }

    mailNodeList();
}

/**
 * 라디오 버튼 html 생성
 */
function makeRadio(nodeList, radioNodeId)
{
    radioHtml += '<input type="radio" name="'+ radioNodeId +'" id="'+ radioNodeId +'" value="'+nodeList.nodeId+'" onclick="nodeChange(this.value, this.name)">';
    radioHtml += nodeList.nodeName + ' ';
    radioNode.innerHTML = radioHtml;
    radioNodeDiv = radioNodeId;
    return radioHtml;
}

/**
 * 첨부파일 서버에 업로드
 */
function addAttach()
{
    var inForm = document.attachForm;
    if (inForm.attachText.value == '')
    {
        alert('첨부할 파일을 선택하십시오.');
        return;
    }
    var attachFlag = false;

	// 허동된 확장자는 ; 으로 파싱한다.
    var arrExt = $('frmQnaInfo').enableFileExtension.value.split(';');
    var fileExt = inForm.attachText.value.slice(inForm.attachText.value.lastIndexOf('.')).toUpperCase();

	// 허용된 확장자인지 검사한다.
	var extFound = false;
    for (i = 0; i < arrExt.length; i++)
    {
        if ('.'+arrExt[i] == fileExt)
        {
			extFound = true;
            break;
        }
    }
	if (!extFound)
	{
		alert('첨부할 수 없는 파일 형식입니다.');
		inForm.attachText.value = '';
		return;
	}

    if (pageAttach == 'MULTI')
    {
        inForm.attachList.options[inForm.attachList.options.length] = new Option('파일 업로드중입니다.', '');
        inForm.attachIdx.value = inForm.attachList.options.length;
    }
    inForm.target = 'ActionFrame';
    inForm.encoding = 'multipart/form-data';
    inForm.action = inForm.attachUrl.value;
    inForm.submit();

    /**
     * 파일 추가,삭제 버튼 비활성화
     */
    if (pageAttach == 'MULTI')
    {
        $('btnAddAttach').disabled = true;
        $('btnDeleteAttach').disabled = true;
    }
    else (pageAttach == 'ONE')
    {
    	//$('btnQnaSubmit').disabled = true;
    }
    $('attachForm').attachFinish.value = 'N';
}

/**
 * 첨부파일 서버에서 삭제
 */
function deleteAttach()
{
    var inForm = document.attachForm;
    if (pageAttach == 'MULTI')
    {
        for (var i = 0; i < $('attachForm').attachList.length; i++)
        {
            if ($('attachForm').attachList.options[i].selected)
            {
                var attachConfirm = confirm('첨부파일을 삭제하시겠습니까?');
                if (attachConfirm)
                {
                    inForm.attachIdx.value = i;
                    inForm.attachFullPath.value = $('attachForm').attachList.options[i].value;
                    inForm.attachType.value = 'MULTI';
                    inForm.target = 'ActionFrame';
                    inForm.encoding = 'application/x-www-form-urlencoded';
                    inForm.action = 'DeleteAttach.jsp';
                    inForm.submit();
                }
                else
                {
                    return;
                }
            }
            // 파일 추가 버튼 비활성화
            $('btnAddAttach').disabled = true;
        }
    }
    else
    {
        inForm.target = 'ActionFrame';
        inForm.encoding = 'application/x-www-form-urlencoded';
        inForm.action = 'DeleteAttach.jsp';
        inForm.submit();
    }
}

/**
 * Internet Explorer 에서 첨부파일 이미지 클릭시 발생하는 메소드
 */
function clickIEFile()
{
    /**
     * 첨부파일 삭제
     */
    if (pageAttach == 'ONE' && $('attachText').value != '')
    {
        deleteAttach();
    }
    $('attachText').value = $('ieFile').value;
    /**
     * 첨부파일 업로드
     */
    if (pageAttach == 'ONE' && $('attachText').value != '')
    {
        addAttach();
    }
}

/**
 * FireFox 에서 첨부파일 이미지 클릭시 발생하는 메소드
 */
function clickFIFile()
{
    /**
     * 첨부파일 삭제
     */
    if (pageAttach == 'ONE' && $('attachText').value != '')
    {
        deleteAttach();
    }
    $('attachText').value = $('fiFile').value;
    /**
     * 첨부파일 업로드
     */
    if (pageAttach == 'ONE' && $('attachText').value != '')
    {
        addAttach();
    }
}

/**
 * 프론트개편 첨부파일 이미지 클릭시 발생하는 메소드
 */
function clickAttachFile()
{
    /**
     * 첨부파일 삭제
     */
    if (pageAttach == 'ONE' && $('attachText').value != '')
    {
        deleteAttach();
    }
    $('attachText').value = $('attachFile').value;
    /**
     * 첨부파일 업로드
     */
    if (pageAttach == 'ONE' && $('attachText').value != '')
    {
        addAttach();
    }
}

/**
 * 리스트에서 node && (제목 || 이름) 으로 검색
 */
function clickQnaSearch()
{
    /* 노드 아이디 */
    for( var i=0; i<$(selectNode).options.length; i++ )
    {
        if( $(selectNode).options[i].selected )
        {
            $('frmQnaSearch').searchNodeId.value = $(selectNode).options[i].value;
        }
    }
    /* 검색조건 */
    for( var i=0; i< $('frmQnaSearch').selectCondition.options.length; i++ )
    {
        if( $('frmQnaSearch').selectCondition.options[i].selected )
        {
            $('frmQnaSearch').searchCondition.value = $('frmQnaSearch').selectCondition.options[i].value;
        }
    }
    /* 검색어 */
    $('frmQnaSearch').searchKeyword.value = trim($('frmQnaSearch').searchKeyword.value);

    $('frmQnaSearch').action = $('frmListQna').action;
    $('frmQnaSearch').submit();
}

/**
 * 상담취소 버튼 클릭시 등록된 내용 초기화
 */
function clickQnaCancel()
{
	$('qnaForm').action = urlWebCtx + '/index.jsp';
	$('qnaForm').submit();
}

/**
 * 페이지 이동에 사용되는 스크립트
 */
function goto(pageNo)
{
	$('frmListQna').pageNo.value = pageNo;
	$('frmListQna').submit();
}

var oldMin = '';
function updateList()
{
	time = new Date ();
	var newMin = time.getMinutes();
	var minGap = '';
	// 최초 접근일 경우 oldMin에 현재 분을 넣어준다.
	if (oldMin == '')
	{
		oldMin = newMin;
	}
	// newMin의 시간이 바뀌면 60을 더해주어 oldMin과의 차이를 구한다.
	if (newMin < oldMin)
	{
		minGap = (newMin + 60) - oldMin;
	}
	else
	{
		minGap = newMin - oldMin;
	}
	// minGap의 차이가 지정한 분만큼 된다면, 리스트를 새로 가져온다.
	if (minGap >= 1)
	{
    	var url = urlWebSslCtx + '/mail/MailUpdate.jsp';
        var inForm = $('frmListQna');
        var params = Form.serialize(inForm);

    	/* 질문내용 가져오는 부분 */
        var myAjax = new Ajax.Request (
            url, {method: 'post', parameters: params, onComplete: loadUpdateList.bindAsEventListener(this)}
        );
		oldMin = newMin;
	}
}

function loadUpdateList(xmlHttp)
{
    var xmlDoc = xmlHttp.responseXML;
    var code = xmlDoc.getElementsByTagName('code').item(0).firstChild.nodeValue;
	if (code == 'success')
	{
		var updateList = eval('(' + xmlDoc.getElementsByTagName('data').item(0).firstChild.nodeValue + ')');
		for (var i = 0; i < updateList.length; i++)
        {
        	//alert('i '+updateList[i].qnaId);
		}

	}
}

/**
 * 주문정보, 상품정보 연동 팝업
 * @param strLoginFlag : 회원 로그인 여부
 * @param strNoMemberLoginFlag : 비회원 로그인 여부
 */

function popProductHistory(strLoginFlag, strNoMemberLoginFlag)
{
	if(strLoginFlag == "N" && strNoMemberLoginFlag == "N")
	{
		alert("주문상품 조회는 로그인 후 선택가능합니다.");
		return;
	}

    if(document.location.href.indexOf("lenomix.11st.co.kr") > 0)    //로컬 테스트
    {
    	//개발테스트용(로컬에 위치함)
        window.open("http://lenomix.11st.co.kr/common/OrderProductHistoryPopup.jsp?pageCheck=buyerQuestionPopup",'FindOrder', 'width=740, height=600, scrollbars=yes');
    }
    else if(document.location.href.indexOf("help.11st.co.kr") > 0)  //개발서버 테스트
    {
        //운영서버
        //신고하기 (주문내역팝업)
        window.open("http://www.11st.co.kr/orderProductHistoryPopup.page?pageCheck=buyerQuestionPopup",'FindOrder', 'width=740, height=600, scrollbars=yes');
    }
}

function recommendFaqList()
{
    var url = urlWebSslCtx + '/mail/RecommendFaq.jsp';
    var params = Form.serialize($('frmNodeList'));
    var myAjax = new Ajax.Request(
        url, {method: 'post', parameters: params, onComplete: this.loadRecommendFaq.bindAsEventListener(this)}
    );
}

function resetRecommendFaqList()
{
	$('recommendFaq').innerHTML = '';
	$('recommendFaq').style.display = "none";
	$('recommendFaqTitle').style.display = "none";
}

function loadRecommendFaq(xmlHttp)
{
	var xmlDoc = xmlHttp.responseXML;

	//topncode, topndata, hitcode, hitdata
	var topncode = xmlDoc.getElementsByTagName('topncode').item(0).firstChild.nodeValue;
	var hitcode = xmlDoc.getElementsByTagName('hitcode').item(0).firstChild.nodeValue;
	var htmlData;

	htmlData = "<div style=\"height:127px; text-overflow:ellipsis; overflow:hidden;\"><dl>";

	/* hittopn 데이터 존재함 */
    if (hitcode == 'success')
    {
    	var hitList = eval('(' + xmlDoc.getElementsByTagName('hitdata').item(0).firstChild.nodeValue + ')');
    	for (var i = 0; i < hitList.length; i++)
    	{
    		htmlData += "<dd class=\"num";
    		if( (i+1) < 10 ) htmlData += "0";
    		htmlData += i+1;
    		htmlData += "\" >";
            htmlData += "<div id=\"topnFaqPreviewDiv" + i+1 + "\"";
			htmlData += "style=\"width:600px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap\">";
			htmlData += " <a href=\"javascript:clickTopn('"+hitList[i].nodeId+"', '"+hitList[i].parentId+"', '"+hitList[i].kbId+"');\"";
			htmlData += "style=\"word-break:break-all\">";
			htmlData += hitList[i].title;
			htmlData += "</a></div></dd>";
    	}
    }
    else	// 디폴트  TOPN을 보여준다.
    {
    	/* topn 데이터 존재함 */
        if (topncode == 'success')
        {
        	//htmlData = "<div style=\"height:127px; text-overflow:ellipsis; overflow:hidden;\"><dl>";
        	var topnList = eval('(' + xmlDoc.getElementsByTagName('topndata').item(0).firstChild.nodeValue + ')');
        	for (var i = 0; i < topnList.length; i++)
        	{

        		htmlData += "<dd class=\"num";
        		if( (i+1) < 10 ) htmlData += "0";
        		htmlData += i+1;
        		htmlData += "\" >";
                htmlData += "<div id=\"topnFaqPreviewDiv" + i+1 + "\"";
    			htmlData += "style=\"width:600px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap\">";
    			htmlData += " <a href=\"javascript:clickTopn('"+topnList[i].nodeId+"', '"+topnList[i].parentId+"', '"+topnList[i].kbId+"');\"";
    			htmlData += "style=\"word-break:break-all\">";
    			htmlData += topnList[i].title;
    			htmlData += "</a></div></dd>";
        	}
        }
        else
        {
        	//htmlData += "<dd>FAQ 준비중입니다.</dd>";
        	htmlData += "<dd>추천 FAQ가 없습니다.</dd>";
        }
    }

    htmlData += "</dl></div>";

    $('recommendFaq').innerHTML = htmlData;
    $('recommendFaq').style.display = "";
    $('recommendFaqTitle').style.display = "";
}

function getNodeHelperContents()
{
    var url = urlWebSslCtx + '/mail/NodeHelperContents.jsp';
    var params = Form.serialize($('frmNodeList'));
    var myAjax = new Ajax.Request(
        url, {method: 'post', parameters: params, onComplete: this.loadNodeHelperContents.bindAsEventListener(this)}
    );
}

function resetNodeHelperContents()
{
	$('nodeHelperContents').innerHTML = '';
	$('nodeHelperContents').style.display = "none";
}


function loadNodeHelperContents(xmlHttp)
{
	var xmlDoc = xmlHttp.responseXML;

	var code = xmlDoc.getElementsByTagName('code').item(0).firstChild.nodeValue;

	var htmlData = "";

    if (code == 'success')
    {
    	var data = xmlDoc.getElementsByTagName('data').item(0).firstChild.nodeValue;
    	//htmlData += "<DIV>";
    	//htmlData += "<h3 class='subTitleType02 imT20'><img src='../img/common/subtitle/subtitle_11strecommfaq.gif' title='문의 도움말' alt='문의 도움말' align='absmiddle' /></h3>";
    	//htmlData += "</DIV>";
    	htmlData += "<DIV style='border:1px solid #d9d9d9; padding:10px;'>";
    	htmlData += data;
    	htmlData += "</DIV>";

    	$('nodeHelperContents').innerHTML = htmlData;
        $('nodeHelperContents').style.display = "";
    }
    else
    {
    	resetNodeHelperContents();
    }
}