var GCm_PageNo = '0';
var GCm_ScrollTop = 0;

var GCm_PixivTimer = '';

function Cmi_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 = 'Cmi_PageSet(\'_SetNo_\');';
    var _setDivIdBase = 'D_ComicTitle_SetNo__1';
    
    var _setNo = '';
    var _setDivId = '';
    
    for(var _i = 1, _lopi = 2; _i < _lopi; _i++){
        for(var _j = 2, _lopj = 6; _j < _lopj; _j++){
        //for(var _j = 2, _lopj = 5; _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));
        }
    }
    
    GCm_PageNo = '0';
    Cmi_PageSet('01_02');
}

function Cmi_PageSet (_PageNo){
    if(GCm_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_ComicTitle_SetNo__1';
        
        var _setNo = '';
        var _setDivId = '';
        
        for(var _i = 1, _lopi = 2; _i < _lopi; _i++){
            for(var _j = 2, _lopj = 6; _j < _lopj; _j++){
            //for(var _j = 2, _lopj = 5; _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));
                }
            }
        }
        
        //ログの設定
        //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'){
            //こらとらる
            Cmi_HarebareInit();
        }else if (_PageNo == '01_03'){
            //らぶスパノヴィ
            Cmi_IllustInit();
        }else if (_PageNo == '01_04'){
            //頂き物
            Cmi_PresentInit();
        }else if (_PageNo == '01_05'){
            //その他
            Cmi_OtherInit();
        }
        
        GCm_PageNo = _PageNo;
        
        Cmi_ImageClose();
        
        //スクロールをリセット
        document.body.scrollTop=0;
    }
}

//-----------------------らぶスパノヴィ-------------------------
function Cmi_IllustInit(){
    Main_GetHtmlFile('D_ComicMain','comic/comic01_02.html');
}

//-----------------------こらとらる-------------------------
function Cmi_HarebareInit(){
    Main_GetHtmlFile('D_ComicMain','comic/comic01_01.html');
}

//-----------------------頂き物-------------------------
function Cmi_PresentInit(){
    Main_GetHtmlFile('D_ComicMain','comic/comic01_03.html');
}

//-----------------------その他-------------------------
function Cmi_OtherInit(){
    Main_GetHtmlFile('D_ComicMain','comic/comic01_04.html');
    //var _HtmStr = '　準備中';
    //
    //Main_SetH('D_ComicMain',_HtmStr);
}


//----------------------------------------------
function Cmi_ImageOpen(_ImageTitle,_ImageFile,_ImageComment){
    
    var _HtmStr = '';
    
    _HtmStr += '<Table border="0px" cellpadding="0px" cellspacing="0px" style=\'width:100%;\'>';
        
        //タイトル
        _HtmStr += C_tag_trst;
            _HtmStr += C_tag_tdst('100%','25px','','3');
                _HtmStr += '<DIV style=\'width:100%; height:25px; overflow:hidden; font-weight:bold;\'>　< ';
                _HtmStr += _ImageTitle;
                _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;
            var _ImgSrc = "../comic/";
            _ImgSrc += _ImageFile;
            
            var _WrkTd = C_tag_tdst('100%','600px',_ImgSrc,'3');
            _WrkTd = _WrkTd.replace(':repeat',':no-repeat');
            _WrkTd = _WrkTd.replace('style=\'','style=\'background-position:center; ');
            if(_ImageTitle == "ハイパーノービス"){
                _WrkTd = _WrkTd.replace('600px','1200px');
            }
            if(_ImageFile == "02/Vellon.png"){
                _WrkTd = _WrkTd.replace('600px','1000px');
            }
            _HtmStr += _WrkTd;
                if(_ImageTitle == "ハイパーノービス"){
                    _HtmStr += '<DIV style=\'width:100%; height:1200px; overflow:hidden;\'>　</DIV>';
                }else if(_ImageFile == "02/Vellon.png"){
                    _HtmStr += '<DIV style=\'width:100%; height:1000px; overflow:hidden;\'>　</DIV>';
                }else{
                    _HtmStr += '<DIV style=\'width:100%; height:600px; overflow:hidden;\'>　</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('5px','75px');
                _HtmStr += '<DIV style=\'width:5px; height:75px; overflow:hidden;\'>　</DIV>';
            _HtmStr += C_tag_tded;
            
            _HtmStr += C_tag_tdst('100%','75px','2');
                _HtmStr += '<DIV style=\'width:100%; height:75px; overflow:hidden; text-align:center;\'>';
                    _HtmStr += _ImageComment;
                _HtmStr += '</DIV>';
            _HtmStr += C_tag_tded;
            
            //_HtmStr += C_tag_tdst('100%','75px');
            //    _HtmStr += '<DIV style=\'width:100%; height:75px; overflow:hidden;\'>　</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('100%','25px','','3');
                _HtmStr += '<Table border="0px" cellpadding="0px" cellspacing="0px" style=\'width:100%;\'>';
                    _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 = 'Cmi_ImageClose(';
                            _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>';
            _HtmStr += C_tag_tded;
        _HtmStr += C_tag_tred;
    _HtmStr += '<Table>';
    
    //スクロール位置の保存
    GCm_ScrollTop=document.body.scrollTop;
    
    Main_SetH('D_ComicMainImage',_HtmStr);
    
    Main_SetS('D_ComicMain','display','none');
    
    Main_SetS('D_ComicMainImage','display','block');
    
    //スクロールをリセット
    document.body.scrollTop=0;
}

//----------------------------------------------
function Cmi_PixivOpen(_ImageTitle,_PixivId,_PixivHeight,_ImageComment){
    
    var _HtmStr = '';
    
    _HtmStr += '<Table border="0px" cellpadding="0px" cellspacing="0px" style=\'width:100%;\'>';
        
        //タイトル
        _HtmStr += C_tag_trst;
            _HtmStr += C_tag_tdst('100%','25px','','3');
                _HtmStr += '<DIV style=\'width:100%; height:25px; overflow:hidden; font-weight:bold;\'>　< ';
                _HtmStr += _ImageTitle;
                _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;
            //var _ImgSrc = "../comic/";
            //var _ImgSrc = "";
            //_ImgSrc += _PixivTag;
            
            var _WrkTd = C_tag_tdst('100%','600px','','3');
            _WrkTd = _WrkTd.replace(':repeat',':no-repeat');
            _WrkTd = _WrkTd.replace('style=\'','style=\'background-position:center; ');
            //if(_ImageTitle == "ハイパーノービス"){
            //    _WrkTd = _WrkTd.replace('600px','1200px');
            //}
            _HtmStr += _WrkTd;
                //if(_ImageTitle == "ハイパーノービス"){
                //    _HtmStr += '<DIV style=\'width:100%; height:1200px; overflow:hidden;\'>　</DIV>';
                //}else{
                    _HtmStr += '<DIV id=\'D_Page_Pixiv1\' style=\'width:100%; height:';
                    _HtmStr += _PixivHeight;
                    _HtmStr += 'px; overflow:hidden;\'>';
                    
                    _HtmStr += '<IFRAME id=\'D_Page_Pixiv2\' name=\'D_Page_Pixiv2\' src=\'\' frameborder=\'0\' border=\'0px\' scrolling=\'no\' style=\'width:100%; height:';
                    _HtmStr += _PixivHeight;
                    _HtmStr += 'px; display:block;\'></IFRAME>';
                    
                    _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('5px','75px');
                _HtmStr += '<DIV style=\'width:5px; height:75px; overflow:hidden;\'>　</DIV>';
            _HtmStr += C_tag_tded;
            
            _HtmStr += C_tag_tdst('100%','75px','2');
                _HtmStr += '<DIV style=\'width:100%; height:75px; overflow:hidden; text-align:center;\'>';
                    _HtmStr += _ImageComment;
                _HtmStr += '</DIV>';
            _HtmStr += C_tag_tded;
            
            //_HtmStr += C_tag_tdst('100%','75px');
            //    _HtmStr += '<DIV style=\'width:100%; height:75px; overflow:hidden;\'>　</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('100%','25px','','3');
                _HtmStr += '<Table border="0px" cellpadding="0px" cellspacing="0px" style=\'width:100%;\'>';
                    _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 = 'Cmi_ImageClose(';
                            _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>';
            _HtmStr += C_tag_tded;
        _HtmStr += C_tag_tred;
    _HtmStr += '<Table>';
    
    
    //スクロール位置の保存
    GCm_ScrollTop=document.body.scrollTop;
    
    Main_SetH('D_ComicMainImage',_HtmStr);
    
    Main_SetS('D_ComicMain','display','none');
    
    Main_SetS('D_ComicMainImage','display','block');
    
    
    //Pixiv読み込み
    Cmi_ReadPixiv(_PixivId);
    
    
    //スクロールをリセット
    document.body.scrollTop=0;
}

function Cmi_ReadPixiv(_PixivId){
    var _HtmStr = '';
    _HtmStr += '/htmj/comic/pixiv/pixiv';
    _HtmStr += _PixivId;
    _HtmStr += '.html';
    
    Main_SetS('D_Page_Pixiv2','src',_HtmStr);
}

function Cmi_ImageClose(){
    Main_SetS('D_ComicMainImage','display','none');
    Main_SetS('D_ComicMain','display','block');
    
    //スクロールを復帰
    document.body.scrollTop=GCm_ScrollTop;
    GCm_ScrollTop=0;
}