var partsDebug = false; var urlMapping = { 'about' : ['00', '01', '02', '03', '04', '05', '06'], 'denkigas' : ['00', '01', '00', '03', '04', '05', '07'], 'denki' : ['00', '01', '02', '03', '04', '05'], 'gas' : ['00', '01', '02', '03', '04', '05'], 'emergency' : ['00', '01', '02', '03', '04'], 'tgs' : ['00', '09', '03', '08', '01', '02', '06'], 'faq' : ['00'], 'area' : ['00'], 'entry' : ['00'], 'contractor' : ['00'], 'campaign' : ['00', '01', '02', '03'], 'terumaru' : ['00'], 'application' : ['00'], 'information' : ['00', '01'], 'news' : ['00'], 'company' : ['00'], 'recruit' : ['00'], 'terms' : ['00'], 'privacy' : ['00'], 'agreement' : ['00'], } $(function(){ CRC.curocoReady(function(){ // createTGT(); }); }); $(window).on('load',function(){ CRC.curocoLoad(function(){ navSubWidth(); navLinkClick(); navSPLinkClick(); showSubNavClick(); navSPOpen(); navSPClose(); adjustNavItemHeight(); /*tabActive();*/ tabSPScrollLeft(); linkId(); }); }); $(window).on('resize',function(){ CRC.curocoResize(function(){ navSubWidth(); adjustNavItemHeight(); }); }); $(window).on('scroll',function(){ CRC.curocoScroll(function(){ navSPFixed(); }); }); function partsLog(obj){ if(partsDebug){ console.log(obj); } } function linkId(){ var target = $(location.hash); if (!target.length) return; var margin = 0; if($('#MDQ').css('display') == 'block'){ margin = 200; }else{ margin = 100; } var targetY = target.offset().top - margin; partsLog(targetY); $('html,body').animate({scrollTop: targetY+1}, 1000, 'easeInOutQuint'); } function createTGT(){ if($('#TGT_header').length > 0){ $('#TGT_header').load('/parts/parts.html #parts_header'); } if($('#TGT_tab_about').length > 0){ $('#TGT_tab_about').load('/parts/parts.html #TGT_tab_about .tab'); } if($('#TGT_tab_denkigas').length > 0){ $('#TGT_tab_denkigas').load('/parts/parts.html #TGT_tab_denkigas .tab'); } if($('#TGT_tab_denki').length > 0){ $('#TGT_tab_denki').load('/parts/parts.html #TGT_tab_denki .tab'); } if($('#TGT_tab_gas').length > 0){ $('#TGT_tab_gas').load('/parts/parts.html #TGT_tab_gas .tab'); } if($('#TGT_tab_emergency').length > 0){ $('#TGT_tab_emergency').load('/parts/parts.html #TGT_tab_emergency .tab'); } if($('#TGT_tab_dgs').length > 0){ $('#TGT_tab_dgs').load('/parts/parts.html #TGT_tab_dgs .tab'); } if($('#TGT_tab_faq').length > 0){ $('#TGT_tab_faq').load('/parts/parts.html #TGT_tab_faq .tab'); } if($('#TGT_tab_area').length > 0){ $('#TGT_tab_area').load('/parts/parts.html #TGT_tab_area .tab'); } if($('#TGT_tab_entry').length > 0){ $('#TGT_tab_entry').load('/parts/parts.html #TGT_tab_entry .tab'); } if($('#TGT_tab_contractor').length > 0){ $('#TGT_tab_contractor').load('/parts/parts.html #TGT_tab_contractor .tab'); } if($('#TGT_tab_campaign').length > 0){ $('#TGT_tab_campaign').load('/parts/parts.html #TGT_tab_campaign .tab'); } if($('#TGT_tab_terumaru').length > 0){ $('#TGT_tab_terumaru').load('/parts/parts.html #TGT_tab_terumaru .tab'); } if($('#TGT_tab_application').length > 0){ $('#TGT_tab_application').load('/parts/parts.html #TGT_tab_application .tab'); } if($('#TGT_tab_information').length > 0){ $('#TGT_tab_information').load('/parts/parts.html #TGT_tab_information .tab'); } if($('#TGT_tab_news').length > 0){ $('#TGT_tab_news').load('/parts/parts.html #TGT_tab_news .tab'); } if($('#TGT_tab_company').length > 0){ $('#TGT_tab_company').load('/parts/parts.html #TGT_tab_company .tab'); } if($('#TGT_tab_recruit').length > 0){ $('#TGT_tab_recruit').load('/parts/parts.html #TGT_tab_recruit .tab'); } if($('#TGT_tab_terms').length > 0){ $('#TGT_tab_terms').load('/parts/parts.html #TGT_tab_terms .tab'); } if($('#TGT_tab_privacy').length > 0){ $('#TGT_tab_privacy').load('/parts/parts.html #TGT_tab_privacy .tab'); } if($('#TGT_tab_agreement').length > 0){ $('#TGT_tab_agreement').load('/parts/parts.html #TGT_tab_agreement .tab'); } if($('#TGT_cmn01').length > 0){ $('#TGT_cmn01').load('/parts/parts.html #underparts'); } if($('#TGT_area').length > 0){ $('#TGT_area').load('/area/index.html #area_denkigas'); } if($('#TGT_footer').length > 0){ $('#TGT_footer').load('/parts/parts.html #parts_footer'); } } function navSubWidth(){ if($('#MDQ').css('display') == 'block'){ $('.nav_subbox').css({ 'width' : $('#navPC').width() }); } } function navLinkClick(){ $('.nav_link').on('click', function(){ }); } function navSPLinkClick(){ $('.navSP_subopen').on('click', function(){ if($(this).children().hasClass('navSP_itemopen')){ var target = $(this).children(); $(this).next().slideToggle(500, function(){ target.removeClass('navSP_itemopen'); }); }else{ $(this).children().addClass('navSP_itemopen'); $(this).next().slideToggle(500); } return false; }); } function showSubNavClick(){ $('.nav_item').on('click', function(){ var targetNav = $(this); if($(this).hasClass('nav_denkigas')){ if($('.nav_subdenkigas').hasClass('subNavOpen')){ closeSubNav($('.nav_subactive')); }else{ closeSubNav($('.nav_subactive')); $('.nav_subdenkigas').animate({height: $('.NAV01').outerHeight()+2}, 500, 'easeInOutQuint', function(){ $(this).addClass('subNavOpen'); targetNav.addClass('nav_subactive'); }); } return false; } if($(this).hasClass('nav_about')){ if($('.nav_subabout').hasClass('subNavOpen')){ closeSubNav($('.nav_subactive')); }else{ closeSubNav($('.nav_subactive')); $('.nav_subabout').animate({height: $('.NAV02').outerHeight()+2}, 500, 'easeInOutQuint', function(){ $(this).addClass('subNavOpen'); targetNav.addClass('nav_subactive'); }); } return false; } if($(this).hasClass('nav_tgs')){ if($('.nav_subtgs').hasClass('subNavOpen')){ closeSubNav($('.nav_subactive')); }else{ closeSubNav($('.nav_subactive')); $('.nav_subtgs').animate({height: $('.NAV03').outerHeight()+2}, 500, 'easeInOutQuint', function(){ $(this).addClass('subNavOpen'); targetNav.addClass('nav_subactive'); }); } return false; } if($(this).hasClass('nav_plan')){ if($('.nav_subnav_plan').hasClass('subNavOpen')){ closeSubNav($('.nav_subactive')); }else{ closeSubNav($('.nav_subactive')); $('.nav_subnav_plan').animate({height: $('.NAV01').outerHeight()+2}, 500, 'easeInOutQuint', function(){ $(this).addClass('subNavOpen'); targetNav.addClass('nav_subactive'); }); } return false; } }); } function closeSubNav(targetNav){ $('.subNavOpen').animate({height: 0}, 500, 'easeInOutQuint', function(){ $(this).removeClass('subNavOpen'); targetNav.removeClass('nav_subactive'); }); } function adjustNavItemHeight(){ var useClassList = ['.NAV01' ,'.NAV02' ,'.NAV03']; var parentHeight = 0; for( var i=0 ; i < useClassList.length ; i++ ){ var setElm = $(useClassList[i]); var setHeight = 0; setElm.css({'height': 'auto'}); setElm.each(function(){ var heightSelf = $(this).outerHeight()+0.5; if ( heightSelf > setHeight ) { setHeight = heightSelf ; } }); setElm.css({'height': setHeight }); parentHeight = setHeight; } $('.subNavOpen').css({'height': parentHeight+2 }); } /* function tabActive(){ var pathname = window.location.pathname; partsLog(pathname); if(pathname == '/index.html' || pathname == '/'){ $('.nav_index').addClass('nav_active'); return; } for(var key in urlMapping){ partsLog(key); if(pathname.indexOf(key) > 0){ partsLog(pathname); // global nav target $('.nav_' + key).addClass('nav_active'); // parts tab target var layerList = urlMapping[key]; var layerIndex = '/' + key; for(var i=0; i 0){ $('.tab_item:eq(' + i + ')').addClass('tab_active'); break; } } break; } } } */ function tabSPScrollLeft(){ if($('.tab_active').length > 0 && $('#MDQ').css('display') == 'none'){ var offsetLeft = $('.tab_active').offset().left; var centerLeft = ($(window).width() - $('.tab_active').outerWidth()) / 2; $('.tab').scrollLeft(offsetLeft - centerLeft); } } function navSPFixed(){ if($('#MDQ').css('display') == 'none'){ if( $(document).scrollTop() > 150 ){ // show fixed menu $('#navFixed').css({ 'top' : 0 }); }else{ // hide fixed menu $('#navFixed').css({ 'top' : -55 }); } }else{ var FIXH = $('.hdr_fixedWrap').height(); if( $(document).scrollTop() > FIXH ){ // show fixed menu $('.hdr_fixedWrap').css({ 'top' : 0 }); }else{ // hide fixed menu $('.hdr_fixedWrap').css({ 'top' : FIXH * -1 }); } } } function navSPOpen(){ $('.nav_open').on('click', function(){ if($('#MDQ').css('display') == 'none'){ $('.navSP_list').css({ 'display' : 'block' }); $('.navSP_wrap').css({ 'height' : $(window).height() }); $('.navSP_linkbox').css({ 'height' : $(window).height() - 90 }); $('.navSP_list').animate({opacity: 1}, 300, 'easeInOutQuint', function(){ }); } }); $('.nav_openfixed').on('click', function(){ if($('#MDQ').css('display') == 'none'){ $('.navSP_list').css({ 'display' : 'block' }); $('.navSP_wrap').css({ 'height' : $(window).height() }); $('.navSP_linkbox').css({ 'height' : $(window).height() - 90 }); $('.navSP_list').animate({opacity: 1}, 300, 'easeInOutQuint', function(){ }); } }); } function navSPClose(){ $('.navSP_close').on('click', function(){ if($('#MDQ').css('display') == 'none'){ $('.navSP_list').animate({opacity: 0}, 300, 'easeInOutQuint', function(){ $('.navSP_list').css({ 'display' : 'none' }); }); } }); $('.navSP_wrap').on('click', function(){ if($('#MDQ').css('display') == 'none'){ $('.navSP_list').animate({opacity: 0}, 300, 'easeInOutQuint', function(){ $('.navSP_list').css({ 'display' : 'none' }); }); } }); }