var GS_ScrollTop = 0;

var GS_PageNo = '0';

function Sup_Init (){
    var _setMouseOverEvent = 'Main_SetS(\'_SetId_\',\'cursor\',\'pointer\'); Main_SetS(\'_SetId_\',\'background-color\',C_Color_Pink);';
    var _setMouseOutEvent = 'Main_SetS(\'_SetId_\',\'cursor\',\'auto\'); Main_SetS(\'_SetId_\',\'background-color\',\'Transparent\');';
    var _setMouseClickEvent = 'Sup_PageSet(\'_SetNo_\');';
    var _setDivIdBase = 'D_SupportTitle_SetNo__1';
    
    var _setNo = '';
    var _setDivId = '';
    
    for(var _i = 1, _lopi = 2; _i < _lopi; _i++){
        for(var _j = 2, _lopj = 4; _j < _lopj; _j++){
            _setNo = '0';
            _setNo += _i;
            _setNo += '_0';
            _setNo += _j;
            _setDivId = _setDivIdBase.replace(/_SetNo_/g,_setNo);
            
            Main_DelE(_setDivId,'OnMouseOver');
            Main_DelE(_setDivId,'OnMouseOut');
            Main_DelE(_setDivId,'OnClick');
            
            Main_SetE(_setDivId,'OnMouseOver',_setMouseOverEvent.replace(/_SetId_/g,_setDivId));
            Main_SetE(_setDivId,'OnMouseOut',_setMouseOutEvent.replace(/_SetId_/g,_setDivId));
            Main_SetE(_setDivId,'OnClick',_setMouseClickEvent.replace(/_SetNo_/g,_setNo));
        }
    }
    
    GS_PageNo = '0';
    Sup_PageSet('01_02');
}

function Sup_PageSet (_PageNo){
    if(GS_PageNo != _PageNo){
        var _setMouseOutEvent1 = 'Main_SetS(\'_SetId_\',\'cursor\',\'auto\'); Main_SetS(\'_SetId_\',\'background-color\',C_Color_Pink);';
        var _setMouseOutEvent2 = 'Main_SetS(\'_SetId_\',\'cursor\',\'auto\'); Main_SetS(\'_SetId_\',\'background-color\',\'Transparent\');';
        var _setDivIdBase = 'D_SupportTitle_SetNo__1';
        
        var _setNo = '';
        var _setDivId = '';
        
        for(var _i = 1, _lopi = 2; _i < _lopi; _i++){
            for(var _j = 2, _lopj = 4; _j < _lopj; _j++){
                _setNo = '0';
                _setNo += _i;
                _setNo += '_0';
                _setNo += _j;
                _setDivId = _setDivIdBase.replace(/_SetNo_/g,_setNo);
                
                //Main_DelE(_setDivId,'OnMouseOver');
                Main_DelE(_setDivId,'OnMouseOut');
                //Main_DelE(_setDivId,'OnClick');
                
                if(_PageNo == _setNo){
                    Main_SetS(_setDivId,'background-color',C_Color_Pink);
                    Main_SetE(_setDivId,'OnMouseOut',_setMouseOutEvent1.replace(/_SetId_/g,_setDivId));
                }else{
                    Main_SetS(_setDivId,'background-color','Transparent');
                    Main_SetE(_setDivId,'OnMouseOut',_setMouseOutEvent2.replace(/_SetId_/g,_setDivId));
                }
            }
        }
        
        var _fileName = 'support/support';
        _fileName += _PageNo;
        _fileName += '.html';
        
        //HTMLファイル読み込み
        Main_GetHtmlFile('D_SupportMain',_fileName);
        
        
        //ログの設定
        //if (GB_PageNo != '0'){
        //    var _setLog = 'Act_ChangeMenu(C_TabNo_Data,C_PageNo_Item); Itm_PageSet(\'';
        //    _setLog += _PageNo;
        //    _setLog += '\');';
        //    
        //    Main_SH(_setLog);
        //}
        
        //コメント投稿の設定
        if (_PageNo == '01_02'){
            Sup_HelpSet();
        }else if (_PageNo == '01_03'){
            Cmt_SetPage2();
            
            //スクロールをリセット
            document.body.scrollTop=0;
        }
        
        GS_PageNo = _PageNo;
    }
}

function Sup_HelpSet(){
    Main_SetS('D_SupportMainIn01_02','display','block');
    Main_SetS('D_SupportMainIn01_03','display','none');
    
    var _HtmStr = '';
    //JDB読み込み
    G_JDB_help = Main_GetJsonFile('help.json');
    
    var _ilen = G_JDB_help.length;
    for(var _i = 0; _i<_ilen; _i++){
        var _HelpNo = G_JDB_help[_i].No;
        var _intHelpNo = eval(_HelpNo);
        
        if((G_LoginUserId != '') || (701 > _intHelpNo)){
            if(_HtmStr == ''){
                _HtmStr += '<Table border="0px" cellpadding="0px" cellspacing="0px" style=\'width:99%;\'>';
                _HtmStr += C_tag_trst;
                    _HtmStr += C_tag_tdst('100%','10px','','2');
                        _HtmStr += '<DIV style=\'width:100%; height:10px;\ overflow:hidden;\'>　</DIV>';
                    _HtmStr += C_tag_tded;
                _HtmStr += C_tag_tred;
            }else{
                _HtmStr += C_tag_trst;
                    _HtmStr += C_tag_tdst('100%','1px','','2');
                        _HtmStr += '<DIV class=\'D_TableSpace\'>　</DIV>';
                    _HtmStr += C_tag_tded;
                _HtmStr += C_tag_tred;
            }
            _HtmStr += C_tag_trst;
                _HtmStr += C_tag_tdst('100%','2px','','2');
                    _HtmStr += '<DIV style=\'width:100%; height:2px;\ overflow:hidden;\'>　</DIV>';
                _HtmStr += C_tag_tded;
            _HtmStr += C_tag_tred;
            
            _HtmStr += C_tag_trst;
                _HtmStr += C_tag_tdst('2px','25px');
                    _HtmStr += '<DIV style=\'width:2px; height:25px;\ overflow:hidden;\'>　</DIV>';
                _HtmStr += C_tag_tded;
                
                _HtmStr += C_tag_tdst('100%','25px');
                    var _MouseOverEvent = 'style.cursor = "pointer";  style.backgroundColor = "';
                    _MouseOverEvent += C_Color_Pink;
                    _MouseOverEvent += '"';
                    
                    var _MouseOutEvent = 'style.cursor = "auto"; style.backgroundColor = "Transparent"';
                    
                    var _ClickEvent = 'Sup_HelpView("';
                    _ClickEvent += _HelpNo;
                    _ClickEvent += '");';
                    _HtmStr += '<DIV style=\'width:100%; height:20px; overflow:hidden;\' OnMouseOver=\'';
                    _HtmStr += _MouseOverEvent;
                    _HtmStr += '\' OnMouseOut=\'';
                    _HtmStr += _MouseOutEvent;
                    _HtmStr += '\' OnClick=\'';
                    _HtmStr += _ClickEvent;
                    _HtmStr += '\'>';
                    _HtmStr += "　";
                    _HtmStr += G_JDB_help[_i].Que;
                    _HtmStr += '</DIV>';
                _HtmStr += C_tag_tded;
            _HtmStr += C_tag_tred;
        }
    }
    _HtmStr += '<Table>';
    
    Main_SetH('D_SupportMainIn01_02',_HtmStr);
    
    //スクロールをリセット
    document.body.scrollTop=GS_ScrollTop;
}

function Sup_HelpView(_HelpNo){
    //スクロールを保存
    GS_ScrollTop=document.body.scrollTop;
    
    Main_SetS('D_SupportMainIn01_02','display','none');
    Main_SetS('D_SupportMainIn01_03','display','block');
    
    var _i = Calc_Asearch(G_JDB_help, 'No', _HelpNo);
    var _HtmStr = '';
    
    _HtmStr += '<Table border="0px" cellpadding="0px" cellspacing="0px" style=\'width:99%;\'>';
    
    _HtmStr += C_tag_trst;
        _HtmStr += C_tag_tdst('100%','10px','','3');
            _HtmStr += '<DIV style=\'width:100%; height:10px; overflow:hidden;\'>　</DIV>';
        _HtmStr += C_tag_tded;
    _HtmStr += C_tag_tred;
    
    _HtmStr += C_tag_trst;
        _HtmStr += C_tag_tdst('2px','25px');
            _HtmStr += '<DIV style=\'width:2px; height:25px;\ overflow:hidden;\'>　</DIV>';
        _HtmStr += C_tag_tded;
        
        _HtmStr += C_tag_tdst('100%','25px');
            _HtmStr += '<DIV style=\'width:100%; height:20px; overflow:hidden;\'>';
            _HtmStr += "Q.";
            _HtmStr += G_JDB_help[_i].Que;
            _HtmStr += '</DIV>';
        _HtmStr += C_tag_tded;
    _HtmStr += C_tag_tred;
    
    _HtmStr += C_tag_trst;
        _HtmStr += C_tag_tdst('100%','10px','','3');
            _HtmStr += '<DIV style=\'width:100%; height:10px; overflow:hidden;\'>　</DIV>';
        _HtmStr += C_tag_tded;
    _HtmStr += C_tag_tred;
    
    _HtmStr += C_tag_trst;
        _HtmStr += C_tag_tdst('2px','25px');
            _HtmStr += '<DIV style=\'width:2px; height:25px; overflow:hidden;\'>　</DIV>';
        _HtmStr += C_tag_tded;
        
        _HtmStr += C_tag_tdst('100%','','2');
            _HtmStr += '<DIV style=\'width:100%; overflow:hidden;\'>';
            
            _HtmStr += 'A.';
            
            var _jlen = G_JDB_help[_i].Ans.length;
            for(var _j = 0; _j<_jlen; _j++){
                _HtmStr += G_JDB_help[_i].Ans[_j];
                _HtmStr += '　';
            }
            
            _HtmStr += '</DIV>';
            _HtmStr += C_tag_tded;
        _HtmStr += C_tag_tred;
        
        _HtmStr += C_tag_trst;
            _HtmStr += C_tag_tdst('100%','10px','','3');
                _HtmStr += '<DIV style=\'width:100%; height:10px; overflow:hidden;\'>　</DIV>';
            _HtmStr += C_tag_tded;
        _HtmStr += C_tag_tred;
        
        _HtmStr += C_tag_trst;
            _HtmStr += C_tag_tdst('30px','25px');
                _HtmStr += '<DIV style=\'width:30px; height:25px; overflow:hidden;\'>　</DIV>';
            _HtmStr += C_tag_tded;
            _HtmStr += C_tag_tdst('35px','25px');
                //戻るボタン
                var _MouseOverEvent = 'style.cursor = "pointer";  style.backgroundColor = "';
                _MouseOverEvent += C_Color_Pink;
                _MouseOverEvent += '"';
                
                var _MouseOutEvent = 'style.cursor = "auto"; style.backgroundColor = "Transparent"';
                
                var _ClickEvent = 'Sup_HelpSet(';
                _ClickEvent += ');';
                
                _HtmStr += '<DIV class=\'D_CommentButton\' style=\'width:35px; height:18px; overflow:hidden;\' OnMouseOver=\'';
                _HtmStr += _MouseOverEvent;
                _HtmStr += '\' OnMouseOut=\'';
                _HtmStr += _MouseOutEvent;
                _HtmStr += '\' OnClick=\'';
                _HtmStr += _ClickEvent;
                _HtmStr += '\'>戻る</DIV>';
            _HtmStr += C_tag_tded;
            _HtmStr += C_tag_tdst('100%','25px');
                _HtmStr += '<DIV style=\'width:100%; height:25px; overflow:hidden;\'>　</DIV>';
            _HtmStr += C_tag_tded;
        _HtmStr += C_tag_tred;
    _HtmStr += '<Table>';
    
    Main_SetH('D_SupportMainIn01_03',_HtmStr);
    
    //退会申請ボタン
    if(_HelpNo == '0901'){
        _HtmStr = '';
        
        _MouseOverEvent = 'style.cursor = "pointer";  style.backgroundColor = "';
        _MouseOverEvent += C_Color_Pink;
        _MouseOverEvent += '"';
        
        _MouseOutEvent = 'style.cursor = "auto"; style.backgroundColor = "Transparent"';
        
        _ClickEvent = 'Sup_Taikai(';
        _ClickEvent += ');';
        
        _HtmStr += '<DIV class=\'D_CommentButton\' style=\'width:65px; height:18px; overflow:hidden;\' OnMouseOver=\'';
        _HtmStr += _MouseOverEvent;
        _HtmStr += '\' OnMouseOut=\'';
        _HtmStr += _MouseOutEvent;
        _HtmStr += '\' OnClick=\'';
        _HtmStr += _ClickEvent;
        _HtmStr += '\'>退会申請</DIV>';
        
        Main_SetH('D_TaikaiButton',_HtmStr);
    }
    
    //スクロールをリセット
    document.body.scrollTop=0;
}

function Sup_Taikai(){
    var res = confirm("本当に退会されますか？");
    if( res == true ) {
        //OK
        
        //退会申請をメールで送信
        _RetMsg = '\nユーザID : ';
        _RetMsg += G_LoginUserId;
        _RetMsg += '\nユーザ名 : ';
        _RetMsg += G_LoginUserName;
        
        Act_SendMail('退会申請', _RetMsg);
        
        alert("退会申請を送信しました。　　");
        
        Act_Logout();
    }else{
        //キャンセル
        alert("退会申請をキャンセルしました。　　");
    }
    
    Sup_HelpSet();
}