/*==========================================================
	파일명		:view.js
	파일설명		:게시물보기처리용 함수들
	
==========================================================*/

/***********************************************************
	함수명		:act_view(게시물번호)
	처리내용		:게시물을 클릭시 게시물내용을 출력
***********************************************************/
function qna_view(seq , productCode ,depth, thread , page ) {   
 
	REQ = newXMLHttpRequest();//req 객체반환
	var handlerFunction = processReqView;
	REQ.onreadystatechange = handlerFunction;//응답이 완료되면 자동으로 실행되도록 JavaScript 콜백 함수를 정의
	CURR_SEQ = seq;//선택된 게시물번호를 저장
	CURR_PRODUCT_CODE = productCode;
	CURR_THREAD = thread;//현재 읽고 있는 게시물 쓰레드 
    CURR_DEPTH  = depth; //현재 읽고 있는 게시물의 계층형 리플 스텝 (깊이)
    THISPAGE = page;// 현재 읽고 있는 게시물의 페이지 넘버   
    
    
	//요청처리
	REQ.open("POST", "/MallQnAView.do", true);
	REQ.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	REQ.send("seq="+seq+"&productCode="+CURR_PRODUCT_CODE);
}

/***********************************************************
	함수명		:processReqView()
	처리내용		:게시물내용 출력용 콜백함수
***********************************************************/
function processReqView() {
	// only if req shows "loaded"
	if (REQ.readyState == 4) {
		// only if "OK"
		if (REQ.status == 200) {
			printView();
		} else {
			//alert("There was a problem retrieving the XML data:\n" +REQ.statusText);
			printErrorView();
		}
	}//if
}

/***********************************************************
	함수명		:printView()
	처리내용		:게시물내용 출력함수
***********************************************************/
function printView() {
	var lists = REQ.responseXML.getElementsByTagName("lists")[0]; //응답받은 XML에서 리스트내용을 전달
	var output = document.getElementById("comment_list");//board.php에서의 출력부분
	var outhtml = "";//return할 HTML스트링
	output.innerHTML = "";//출력부분의 내용을 초기화
	
	var item = lists.getElementsByTagName("item")[0];//XML에서 표시할 게시물을 받는다.
	
	var seq = item.getAttribute("seq");//게시물번호
	var custNo = item.getElementsByTagName("custNo")[0].firstChild.nodeValue;//게시물작성자
	var custId = item.getElementsByTagName("custId")[0].firstChild.nodeValue;//게시물작성자
	var title = item.getElementsByTagName("title")[0].firstChild.nodeValue;//게시물제목
	var memo = item.getElementsByTagName("memo")[0].firstChild.nodeValue;//게시물내용
	var insertDate = item.getElementsByTagName("insertDate")[0].firstChild.nodeValue;//게시물작성일
	
	custId = toEntity(custId);//common.js의 내용참조
	title = toEntity(title);//common.js의 내용참조
	memo = toEntity(memo);//common.js의 내용참조
	
	QNA_TITLE = title;// 사용자가 남긴 제목을 전역 변수에 저장한다. 
	
    	outhtml = " <table width='100%' border='0' cellpadding='0' cellspacing='0' id='Product_tab'> ";
        outhtml += " <tr> ";   
        outhtml += " <td> ";
        outhtml += " <ul> ";
        outhtml += " <li class='start_off'></li> ";
        outhtml += " <li class='text_off'><A href='#loca1'  onClick=act_replyList(1,'"+CURR_PRODUCT_CODE+"');>상품후기</a></li> ";
        outhtml += " <li class='start_on'></li> ";
        outhtml += " <li class='text_on'><A href='#loca2'  onClick=act_qnalist(1,'"+CURR_PRODUCT_CODE+"');>상품문의</a></li> ";
        outhtml += " </ul> ";
        outhtml += " </td> ";
        outhtml += " </tr> ";
        outhtml += " </table> ";
    
        outhtml += "<table width='100%' border='0' cellspacing='0' cellpadding='0' id='Product_table' style='table-layout:fixed;'> ";
        outhtml += "<colgroup>";
	    outhtml += "<col width='40' style='text-align:center;'/>";
	    outhtml += "<col width='*' style='text-align:left;padding-left:5px;'/> ";
	    outhtml += "<col width='100' style='text-align:center;'/> ";
        outhtml += "</colgroup> ";
        outhtml += "  <tr>  ";
        outhtml += "    <th>NO</th> ";
        outhtml += "    <th>제목</th> ";
        outhtml += "    <th>작성자</th> ";
        outhtml += "  </tr> ";
        outhtml += "  <tr>";
        outhtml += "    <td>" + seq +"</td>";
        outhtml += "    <td >" + title + "</td>";
        outhtml += "    <td>"+custId+"</td>";
        outhtml += "  </tr>";
        outhtml += "  <tr>";
        outhtml += "    <td colspan='3' style='word-break:break-all;' nowrap >";
        outhtml += "    <div class='cont_view'>" + memo.replace(/\n/g,"<BR/>") + "</div>";
        outhtml += "    </td>";
        outhtml += "  </tr>";
        outhtml += "</table>";
        outhtml += "<div id='Product_btn2'>";
        outhtml += "<ul>";
        
        if( ADMIN=="100100" )
        {
            outhtml += "<li class='start'></li>";
            outhtml += "<li><a href=javascript:show_comment_qna_reply_write();>답변하기</a></li>";
        }
        outhtml += "<li class='start'></li>";
        outhtml += "<li><a href='#loca2' onClick=act_qnalist("+THISPAGE+",'"+CURR_PRODUCT_CODE+"');>목록</a></li>";
        outhtml += "</ul>";
        outhtml += "</div>";
        	
	output.innerHTML = outhtml;
}
function printErrorView() {
	
	
    	outhtml = " <table width='100%' border='0' cellpadding='0' cellspacing='0' id='Product_tab'> ";
        outhtml += " <tr> ";   
        outhtml += " <td> ";
        outhtml += " <ul> ";
        outhtml += " <li class='start_off'></li> ";
        outhtml += " <li class='text_off'><A href='#loca1' onClick=act_replyList(1,'"+CURR_PRODUCT_CODE+"');>상품후기</a></li> ";
        outhtml += " <li class='start_on'></li> ";
        outhtml += " <li class='text_on'><A href='#loca2' onClick=act_qnalist(1,'"+CURR_PRODUCT_CODE+"');>상품문의</a></li> ";
        outhtml += " </ul> ";
        outhtml += " </td> ";
        outhtml += " </tr> ";
        outhtml += " </table> ";
    
        outhtml += "<table width='100%' border='0' cellspacing='0' cellpadding='0' id='Product_table'> ";
        outhtml += "<colgroup>";
	    outhtml += "<col width='40' style='text-align:center;'/>";
	    outhtml += "<col width='*' style='text-align:left;padding-left:5px;'/> ";
	    outhtml += "<col width='100' style='text-align:center;'/> ";
        outhtml += "</colgroup> ";
        outhtml += "  <tr>  ";
        outhtml += "    <th>NO</th> ";
        outhtml += "    <th>제목</th> ";
        outhtml += "    <th>작성자</th> ";
        outhtml += "  </tr> ";
        outhtml += "  <tr>";
        outhtml += "    <td colspan='3'> 내용이 없습니다. </td>";
        outhtml += "</table>";
        
        	
	output.innerHTML = outhtml;
}

function show_comment_qna_reply_write(  ) {
	var output = document.getElementById("comment_list");
	var outhtml = "";
	
	output.innerHTML = "";	
        
        
        outhtml = " <table width='100%' border='0' cellpadding='0' cellspacing='0' id='Product_tab'> ";
        outhtml += " <tr> ";   
        outhtml += " <td> ";
        outhtml += " <ul> ";
        outhtml += " <li class='start_off'></li> ";
        outhtml += " <li class='text_off'><A href='#loca1' onClick=act_replyList(1,'"+CURR_PRODUCT_CODE+"');>상품후기</a></li> ";
        outhtml += " <li class='start_on'></li> ";
        outhtml += " <li class='text_on'><A href='#loca2' onClick=act_qnalist(1,'"+CURR_PRODUCT_CODE+"');>상품문의</a></li> ";
        outhtml += " </ul> ";
        outhtml += " </td> ";
        outhtml += " </tr> ";
        outhtml += " </table> ";
        
        outhtml += "<table width='100%' border='0' cellspacing='0' cellpadding='0' id='Product_table2'>";
        outhtml += "<tr>";
        outhtml += "<th>제목</th>";
        outhtml += "<td><input type='text' name='cmt_qna_title' id='cmt_qna_title'  value='"+QNA_TITLE+"' disabled /></td>";
        outhtml += "</tr>";
        outhtml += "<tr>";
        outhtml += "<th valign='top'>내용</th>";
        outhtml += "<td><textarea name='cmt_qna_memo'  id='cmt_qna_memo'></textarea></td>";
        outhtml += "</tr>";
        outhtml += "</table>";
        outhtml += "<div id='Product_btn2'>";
        outhtml += "<ul>";
        outhtml += "<li class='start'></li>";
        outhtml += "<li><A href='#loca2' onClick=act_comment();>등록하기</a></li>";
        outhtml += "<li class='start'></li>";
        outhtml += "<li><a href='#loca2' onClick=act_qnalist(1,'"+CURR_PRODUCT_CODE+"');>취소</a></li>";
        outhtml += "</ul>";
        outhtml += "</div>";
        outhtml += "</div>";
        		
	output.innerHTML = outhtml;
}
/***********************************************************
	함수명		:act_comment()
	처리내용		:코멘트 처리용 함수
***********************************************************/
function act_comment() {
  
    if(document.getElementById("cmt_qna_title").value.length<0 ||document.getElementById("cmt_qna_title").value == null || document.getElementById("cmt_qna_title").value =="" )
    {
       alert('제목을 입력해주세요.');                          
       return;
    }
    if(document.getElementById("cmt_qna_memo").value.length<0 ||document.getElementById("cmt_qna_memo").value == null || document.getElementById("cmt_qna_memo").value =="" )
    {
       alert('내용을 입력해주세요.');
       return;
    }
    else if (document.getElementById("cmt_qna_title").value.length > 60) 
    {
      alert('30자 이상은 쓰실수 없습니다.');      
      return;
   }   
    else
    {
    
    	REQ = newXMLHttpRequest();//req 객체반환
    	var handlerFunction = processReqViewComment;
    	REQ.onreadystatechange = handlerFunction;//응답이 완료되면 자동으로 실행되도록 JavaScript 콜백 함수를 정의
    	
    	var cmtTitle = document.getElementById("cmt_qna_title").value;//작성한 게시물 제목 
    	var cmtMemo = document.getElementById("cmt_qna_memo").value;//작성한 게시물 내용
    	
    	
    	//요청처리
    	REQ.open("POST", "/MallQnAReplyInsert.do", true);
    	REQ.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    	REQ.send("productCode="+CURR_PRODUCT_CODE+"&cmtMemo="+cmtMemo+"&cmtTitle="+cmtTitle+"&depth="+CURR_DEPTH+"&thread="+CURR_THREAD);
    }    	
}
/***********************************************************
	함수명		:processReqComment()
	처리내용		:코멘트 작성후 처리될 콜백함수
***********************************************************/
function processReqViewComment() {
	// only if req shows "loaded"
	if (REQ.readyState == 4) {
		// only if "OK"
		if (REQ.status == 200) {			
			act_qnalist(THISPAGE , CURR_PRODUCT_CODE); 
		} else {
			alert("댓글 쓰기 오류입니다.");
			
		}
	}//if
}