(function($){ //----------------------------------------------------- // params //----------------------------------------------------- var html = { 'gnmd': [ '
', '
', '
' ].join(''), 'products': [ '
', '
製品・サービス トップページ
', '
', '
', '', '
', '
', '

コクヨの文具　コクヨ S&T 株式会社

', '

文具のカタログを見る（外部サイト）

', '

コクヨの家具 コクヨファニチャー株式会社

', '

家具のカタログを見る（外部サイト）

', '
', '
', '

ハリナックス（コンパクト）

', '

オフィスチェアー AIRFORT

', '

マイフォトキャンパス

', '
', '
', '
' ].join(''), 'creative': [ '
', '
もっとクリエイティブ トップページ
', '
', '
', '', '
', '
', '

エコライブオフィエス品川　CO2削減と創造性向上の実験オフィス

', '

ユニバーサルデザイン　いろんな文房具をもっと使いやすく

', '
', '
', '

明日のノート Project

', '
', '
', '
' ].join(''), 'csr': [ '
', '
社会・環境活動 トップページ
', '
', '
', '', '
', '
', '', '

コクヨグループのCSR報告書 2011ダイジェスト 9.4MB

', '
', '
', '

結の森 地球環境問題に対する取り組み

', '

エコバツへの取り組み コクヨ独自の「エコバツマーク活動」

', '
', '
', '
' ].join(''), 'com': [ '
', '
企業情報 トップページ
', '
', '
', '', '
', '
', '', '
', '
', '

採用情報 コクヨグループの採用情報です

', '

ショールーム 空間デザインのヒントがここにあります

', '
', '
', '
' ].join(''), 'ir': [ '
', '
株主・投資家情報 トップページ
', '
', '
', '', '
', '
', '', '
', '
', '', '
', '
', '
' ].join(''), 'faq': [ '
', '
お問い合わせ トップページ
', '
', '
', '', '
', '
', '

メールでのご相談・お問い合わせ

', '

土・日・祝日・年末年始・夏季休暇期間は翌営業日以降の対応となりますのでご了承ください。
メールでのお問い合わせに関しましては、回答をお電話でさせていただく場合や、お問い合わせの内容によっては回答をさしあげるのにお時間をいただくこともございます。

', '

※

お客様相談室は、コクヨグループ各社から委託を受け、コクヨ（株）にて運営しております。お問い合わせ頂いた内容は担当の会社に連絡し対応させていただきます。

', '
', '

文具について ご相談・お問い合わせ

', '

家具について ご相談・お問い合わせ

', '

その他について ご相談・お問い合わせ

', '
', '
', '
', '
' ].join(''), 'close': [ '
', 'Close', '
' ].join('') }; var selector = { 'gn' : '#global-navi', 'gnmd': '#header > .wrap > #megadropdown', 'gnmdw': '#header > .wrap > #megadropdown > #gnmd-wrap', 'gnmdx': '#header > .wrap > #megadropdown > #gnmd-close', 'area_in': '#global-navi li:not(:first), #header > .wrap > #megadropdown', 'area_out': '#global-navi, #header > .wrap > #megadropdown', 'area_out2': '#global-navi li:first', 'area_sp_click': '#global-navi li:not(:first)', 'area_sp_close': '#header > .wrap > #megadropdown > #gnmd-close > a' }; var inWait = 400; // msec var outWait = 10; // msec var slideWait = 200; // msec var slideSpan = 300; // px var slideTime = 500; // msec var visibleStyle = { position:'relative', left:'0px', top: '0px', display: 'block', opacity: 1 }; var hiddenStyle = { position:'absolute', left:'-9999px', top: '-9999px', display: 'block', opacity: 0 }; var readyLeftStyle = { position: 'relative', left: '-' + slideSpan + 'px', top: '0px', display: 'block', opacity: 0 }; var readyRightStyle = { position: 'relative', left: slideSpan + 'px', top: '0px', display: 'block', opacity: 0 }; var visibleAniStyle = { left: '0px', opacity: '1' }; var $gn, $gnmdw, $gnmd, $gnmdw, $gnmdx; var gnHeight; var inTimer, outTimer; var openFlag = false; var current; $(function(){ init(); }); //----------------------------------------------------- // functions //----------------------------------------------------- // initialize function init() { $gn = $( selector[ 'gn' ] ); if($gn.length == 0) return false; gnHeight = 0; $gn.after( html[ 'gnmd' ] ); $gnmd = $( selector[ 'gnmd' ] ); $gnmd.css({ 'overflow': 'auto', 'top' : getTopNumber }); $gnmdw = $( selector[ 'gnmdw' ] ); $gnmdw.append( html[ 'products' ] ); $gnmdw.append( html[ 'creative' ] ); $gnmdw.append( html[ 'csr' ] ); $gnmdw.append( html[ 'com' ] ); $gnmdw.append( html[ 'ir' ] ); $gnmdw.append( html[ 'faq' ] ); $gnmdw.children().css( hiddenStyle ); if ( smartphone() ) { sp_init(); return; } if(ie6()) { $gnmd.css({ width:$(document).width()-23 }); $(window).bind('resize',function(){ $gnmd.css( { width: 'auto' }); setTimeout( function() { $gnmd.css( { width: $(document).width()-23 }); }, 0 ); }); } $(window).bind( 'load', function() { $( selector[ 'area_in' ] ).bind('mouseenter', function( _e ){ return onEnterArea( this, _e ); }); $( selector[ 'area_out' ] ).bind('mouseleave', function( _e ){ return onLeaveArea( this, _e ); }); $( selector[ 'area_out2' ] ).bind('mouseenter', function( _e ){ return onLeaveArea( this, _e ); }); }); } function onEnterArea( _target, _e ) { clearTimeout( inTimer ); clearTimeout( outTimer ); var wait = ( openFlag ) ? slideWait : inWait; if ( _target != $gnmd.get(0) ) { inTimer = setTimeout( function() { open( _target ); }, wait ); } return false; } function onLeaveArea( _target, _e ) { clearTimeout( inTimer ); clearTimeout( outTimer ); outTimer = setTimeout( function() { hideWrap(); }, outWait ); return false; } function open( _target ) { var selected = '.gnmd-' + $(_target).attr( 'class' ); if ( ! openFlag ) { $gnmdw. children( ':not(' + selected + ')' ).css( hiddenStyle ).end(). children( selected ).css( visibleStyle ); showWrap(); } else if ( current != _target ) { slide( current, _target ); } current = _target; } function slide( _before, _after ) { var $before = $(_before); var $after = $(_after); var $beforeContents = $gnmdw.children( '.gnmd-' + $before.attr( 'class' ) ); var $afterContents = $gnmdw.children( '.gnmd-' + $after.attr( 'class' ) ); var left = $beforeContents.offset().left; if ( $before.offset().left > $after.offset().left ) { $beforeContents.stop(). css({ position:'absolute', left: left }). animate( { left: (left + slideSpan) + 'px', opacity: 0 }, slideTime, "easeOutExpo", function(){ $(this).css( hiddenStyle ); } ); $afterContents.stop(). css( readyLeftStyle ). animate( visibleAniStyle, slideTime, "easeOutExpo" ); } else { $beforeContents.stop(). css({ position:'absolute', left: left }). animate( { left: (left - slideSpan) + 'px', opacity: 0 }, slideTime, "easeOutExpo", function(){ $(this).css( hiddenStyle ); } ); $afterContents.stop(). css( readyRightStyle ). animate( visibleAniStyle, slideTime, "easeOutExpo" ); } } function showWrap() { openFlag = true; gnHeight = 0; $gnmdw.each(function(){ var h = $(this).innerHeight(); gnHeight = ( gnHeight > h ) ? gnHeight : h; }); if ( $gnmdx && $gnmdx.length > 0 ) { gnHeight += $gnmdx.height(); } $gnmd.stop() .css({visibility:'visible',top:getTopNumber,borderBottomWidth:'1px'}) .animate( {height:gnHeight}, 450, "easeOutQuart", function(){}); } function hideWrap() { openFlag = false; $gnmd.stop(). animate( {height:0}, 450, "easeOutQuart",function(){ $(this).css({visibility:'hidden'} ); }); } // ie6 check function ie6() { if(this.ie6 !== undefined) return this.ie6; if(!jQuery.support.opacity){ if(!jQuery.support.style){ if (typeof document.documentElement.style.maxHeight == "undefined") { this.ie6 = true; return true; } } } this.ie6 = false; return false; } function getTopNumber(){ if( ie6() || ie7() ) return $("#header").outerHeight(); return $("#header").outerHeight() - $("#header").css("borderTopWidth").replace(/px/,''); } // ie7 check function ie7() { if(this.ie7 !== undefined) return this.ie7; if(!jQuery.support.opacity){ if(!jQuery.support.style){ this.ie7 = true; return true; } } this.ie7 = false; return false; } //----------------------------------------------------- // functions(smartphone) //----------------------------------------------------- // smartphone check function smartphone() { var ua = navigator.userAgent; if ( ua.match(/iphone/i) || ua.match(/ipod/i) || ua.match(/ipad/i) || ua.match(/android/i) ) { return true; } return false; } // initialize smartphone function sp_init() { $gnmd.append( html[ 'close' ] ); $gnmdx = $( selector[ 'gnmdx' ] ); $( selector[ 'area_sp_click' ] ).bind('click', function( _e ){ return onClickSpArea( this, _e ); }); $( selector[ 'area_sp_close' ] ).bind('click', function( _e ){ return onClickSpClose( this, _e ); }); } function onClickSpArea( _target, _e ) { if ( _target != $gnmd.get(0) ) { open( _target ); } return false; } function onClickSpClose( _target, _e ) { hideWrap(); return false; } })(jQuery);