<?
include"inc_top.php";
$category = 7;  //카테고리 변수 7=  board

$MENU_CLASS1 = "li_first";
$MENU_CLASS2 = "li_second_on";
$MENU_CLASS3 = "li_second";
$MENU_CLASS4 = "li_second";
$MENU_CLASS5 = "li_second";

require"inc_mypage_menu.php";  //마이페이지 LEFT , 메뉴
    //버튼
   if($_SESSION[S_LEVEL]) $btn_write_url="board_write.php";
   else $btn_write_url="javascript: alert('ログインが必要です.');location.href='login.php';";

   ?>
<link rel="stylesheet" type="text/css" href="../sys_css_js/css_mypage.css"/>
<style>
	.myp_movieBig 		      {display:block; padding:20px;}
	.myp_account_area		 		{width:100%; min-width:300px;/*margin-top:15px;*/}
	.myp_title_write													   {display: inline-block;  width:100%; height:45px; /*min-width:300px;*/ margin-top:5px; font-weight:700; color:#000000; text-align:left;}
	.myp_title													   {display: inline-block;  width:47%; height:45px; /*min-width:300px;*/ margin-top:5px; font-weight:700; color:#000000; text-align:left;}
	.myp_sel_ar           {display: inline-block;  width:47%; height: 45px; /*min-width:300px;*/ margin-top:5px; text-align:right;}
	.myp_sel_box          {border: solid 1px rgb(211, 211, 211); mix-width:200px; min-width:160px; height:32px; /*padding:10px;*/ color:rgb(153,153,153);}
	.face_ok_on 									 {display:inline-block;	font-size:0.9em; color:#349DF3; cursor:pointer; } /* 프로필 이미지*/
	　.face_ok_off									 {display:inline-block; font-size:0.9em; color:#939393; cursor:pointer; } /* 프로필 이미지*/

	.post03																{display:block;border: solid 1px rgb(211, 211, 211);  /*border: solid 1px rgba(160, 160, 160, 0.3); /*padding:0px 15px 0px 0px;*/ background-color:rgb(255,255,255); }

	.myp_date_tit   						 {margin:0 auto; width:100%; display:block; /*background-color:rgb(211,211,211,0.3);*/ background-color:rgb(231,231,231);}
	.myp_date_tit:after    {clear: both; display: block; content: "";}

	.myqa_tit_le	              {float:left;	width:62px; height:62px; }
	.myqa_tit_le	.myqa_ans_no  {text-align:center; font-weight:700; color:#F00; padding:28px 10px 28px 10px;}
	.myqa_tit_le .myqa_ans_ok  {text-align:center; font-weight:700; color:#00CCCC; padding:28px 10px 28px 10px;}
	.myqa_tit_ri	              {overflow:hidden; padding-left:10px; min-width:150px;vertical-align:top; line-height:22px; text-align:left; border-left: solid 1px rgb(211,211,211); background-color:rgb(255,255,255);}
	.myqa_tit_ri	.myqa_tit_sel        {display:inline-block; color:rgb(51, 51, 51); padding:0 10px 10px 0px; vertical-align:top;}
	.myqa_btn_top									            {width:98%; height:15px; padding-top:10px; text-align:right;	}
	.mvis_date_02                     {color:rgb(153, 153, 153); padding:0 0 10px 0px;}

	.bg_w1	   	   {background-color: #ffffff;}
	.border_t1	   {border-top:solid 1px rgb(211,211,211);}
	.border_tn	   {border-top:solid 0px rgba(211,211,211, 0.0);}
	.padding_l_10	{padding-left:10px;}
	.padding_10 		{padding:10px;}
	.margin_at    {margin:0 auto;}
	.txt_bk1	   	 {color:rgb(51, 51, 51);}
	.image.featured 	img		{width:100%;height:auto; }
</style>

<script type="text/javascript" >
//본문 내용
function view_paging(val_page) {
var tmp_tail = "&search_sort=" + $('#search_sort').val() + "&search_reply=" + $('#search_reply').val();
    $.ajax({
        type: "POST",
        url: "mypage_qna_ls_ajax.php",
        data: "&page=" + val_page +tmp_tail,
        cache: false,
        success: function(data) {
            //alert(data);
            $("#con_ls").empty();
            $("#con_ls").html(data);

            $(window).scrollTop(0);

        }
    });
    return;
}

$(document).ready(function() {
	view_paging('1');

$("#face_no_off").click( function()
{
	$("#face_no_off").css({"display":"none"});
	$("#face_no").css({"display":"inline-block"});
	$("#face_ok").css({"display":"none"});
	$("#face_ok_off").css({"display":"inline-block"});
	$("#search_reply").val("0");
	view_paging('1');
})


$("#face_ok_off").click( function()
{
		$("#face_no_off").css({"display":"inline-block"});
		$("#face_no").css({"display":"none"});
		$("#face_ok").css({"display":"inline-block"});
		$("#face_ok_off").css({"display":"none"});
		$("#search_reply").val("");
		view_paging('1');
})


});


//본문 열기,가리기
function chklist(val) {
    if (document.all("list" + val).style.display == "none") {
        $('#list' + val).fadeIn('slow');
        $('#area' + val).fadeIn('slow');
        document.all("listBtn" + val).src = '/images/sub/icon_arr_more.jpg';


    } else {
        $('#list' + val).fadeOut('slow');
        $('#area' + val).fadeOut('slow');
        document.all("listBtn" + val).src = '/images/sub/icon_arr_more2.jpg';

    }
}

function open_write_area()
{
   var obj_wrt_area  	= document.getElementById("write_area");
   $('#lname').val('');
   obj_wrt_area.style.display 	= "block";
}

function close_write_area()
{
   var obj_wrt_area  	= document.getElementById("write_area");
    obj_wrt_area.style.display 	= "none";
    $('#lname').val('');
    CKEDITOR.instances.editor1.setData('');
}


function write_ok(){
  var obj = this.form1;
  var tableName ="<?=$tableName?>";
	var editorEscape=escape(CKEDITOR.instances.editor1.getData());
  if($("#lname").val() == ""){
    alert("タイトルを入力してください。");
    $("#lname").focus();
    return false
  }else if(editorEscape == ""){
    alert("コメントをご記入下さい。");
    CKEDITOR.instances.editor1.focus();
    return false;
  }
  $.ajax({
      type: "POST",
      url: "mypage_qna_Proc.php",
      data: "gubun_sort="+$("#gubun_sort").val() +"&lname="+$("#lname").val()+"&contents="+editorEscape,
      cache: false,
      success: function(data){
				//alert(data);
       close_write_area();
       view_paging(1);
      }
  });
}

//코멘트 삭제..
function write_del(val){
     var result = confirm('登録された文章を消去いたしますか？');
     if(!result){
       return ;
     }

     $.ajax({
          type: "POST",
          url: "mypage_qna_Proc.php",
          data: "num="+ val + "&mode=del",
          cache: false,
          success: function(data){
           view_paging(1);
          }
      });

    }


</script>

<SECTION>
 <ARTICLE>

  <div class="article_news_area">

		<!-- LEFT -->
			<?=$MYPAGE_LEFT?>

			<!-- RIGHT -->
			<div class="myp_right">
			<h2>マイページ</h2>

			<div class="myp_right_menu_area">
			<div class="myp_right_menu">


			<?=$MYPAGE_MENU ?>

			</div>
	</div>

  <div class="myp_right_content_area_2">

		<form name="form1" method="post" target="_self" onsubmit="return false;">
		<div class="myp_movieBig ">
			<div class="mv_date_tit">
				<div class="mvCom_tit_le nobody02"><img src="../images/sub/icon_emoticon_bg_s.png"/></div>
				<div class="mvCom_tit_ri">
				<input type="text" id="lname" name="lname" style="height:33px;" placeholder="問い合わせをするには、こちらをクリックしてください" onclick="open_write_area();" >
				</div>
			</div>
		<div id="write_area" class="mv_input_but02">
			<div  class="mvcomm_txt">

				<div class="myp_title_write">問い合わせの種類を選択
					<select class="myp_sel_box" name="gubun_sort" id="gubun_sort">
					<option value="1" >その他</option>
          <option value="2" >入金確認</option>
          <!--<option value="3" >GOODS払い戻し要請</option>
          <option value="4" >GOODS取り消し</option>-->
					</select>
				</div>

				<textarea cols="60" id="editor1" name="contents" rows="10" placeholder="書き込み書き込みだよ！！！！！！" ></textarea>
		  </div>
			<ul>
			<li class="mv_but02"> <input type="button"  class="cancel" value="キャンセル" onclick="close_write_area()" /> <input type="button" class="submitIn" value="登録" onclick="write_ok()"></li>
			</ul>
		</div>
		</form>

		<form name="form" method="post" target="_self" onsubmit="return false;" >
		 <input 	type="hidden"   id="search_reply" name="search_reply">
     <div class="myp_account_area" >
     <div class="myp_title">問い合わせの種類を選択
      <select class="myp_sel_box" name="search_sort" id="search_sort" onchange="view_paging('1');">
				<option value="" >全体</option>
				<option value="1" >その他</option>
				<option value="2" >入金確認</option>
      </select>
      </div>
     <div class="myp_sel_ar">
      &nbsp;
      <div id="face_ok"			 	class="face_ok_on"><img src="../images/sub/btn_mail_ok.jpg" width="15" height="20" style="vertical-align:text-bottom"/> 全体 </div>
      <div id="face_ok_off" class="face_ok_off" style="display:none;"><img src="../images/sub/btn_mail_no2.jpg" width="15" height="20" style="vertical-align:text-bottom"/> 全体 </div>
      &nbsp;
      <div id="face_no" 				class="face_ok_on" 	style="display:none;"><img src="../images/sub/btn_mail_ok.jpg" width="15" height="20" style="vertical-align:text-bottom" />未確認回答</div>
      <div id="face_no_off" class="face_ok_on"><img src="../images/sub/btn_mail_no2.jpg" width="15" height="20" style="vertical-align:text-bottom" /><span style="color:#939393;">未確認回答</div>
      </div>
			</form>
     </div>

		 <div id="con_ls" ></div>

   </div> <!-- mypage -->

		</div><!--div class="myp_right"-->

	</ARTICLE>
</SECTION>

<?

	include"inc_bottom.php";

?>
 <!-- MOUSE ACTION -->
 </body>
 </html>
<?include('./editorScript.php');?>