// トップページ タブ切り替え ----------------------------------------------------
function show_tab ( str ) {
 if ( str == 'left' ) {
  document.getElementById('product_right').style.display = 'none';
  document.getElementById('product_left').style.display  = 'block';
 } else {
  document.getElementById('product_right').style.display = 'block';
  document.getElementById('product_left').style.display  = 'none';
 }
}

// トップページ イメージ差し替え on ---------------------------------------------
function top_swap_image_on ( e ) {
 if ( e.target ) {
  target_node = e.target.id;
 } else {
  target_node = e.srcElement.id;
 }

 document.getElementById('ptn_' + target_node).src = './common/images/ptn_product_on.gif';
}

// トップページ イメージ差し替え top off ----------------------------------------
function top_swap_image_off ( e ) {
 if ( e.target ) {
  target_node = e.target.id;
 } else {
  target_node = e.srcElement.id;
 }

 document.getElementById('ptn_' + target_node).src = './common/images/ptn_product.gif';
}

// イベントリスナー初期化 -------------------------------------------------------
function setListeners_topindex ( e ) {

 /* トップページ　製品情報メニュー */
 var top_pm_01 = document.getElementById( 'top_pm_01' );
 addListener ( top_pm_01, 'mouseover', top_swap_image_on,  false );
 addListener ( top_pm_01, 'mouseout',  top_swap_image_off, false );

 var top_pm_03 = document.getElementById( 'top_pm_03' );
 addListener ( top_pm_03, 'mouseover', top_swap_image_on,  false );
 addListener ( top_pm_03, 'mouseout',  top_swap_image_off, false );

 var top_pm_05 = document.getElementById( 'top_pm_05' );
 addListener ( top_pm_05, 'mouseover', top_swap_image_on,  false );
 addListener ( top_pm_05, 'mouseout',  top_swap_image_off, false );

 var top_pm_06 = document.getElementById( 'top_pm_06' );
 addListener ( top_pm_06, 'mouseover', top_swap_image_on,  false );
 addListener ( top_pm_06, 'mouseout',  top_swap_image_off, false );

 var top_pm_07 = document.getElementById( 'top_pm_07' );
 addListener ( top_pm_07, 'mouseover', top_swap_image_on,  false );
 addListener ( top_pm_07, 'mouseout',  top_swap_image_off, false );

 var top_pm_08 = document.getElementById( 'top_pm_08' );
 addListener ( top_pm_08, 'mouseover', top_swap_image_on,  false );
 addListener ( top_pm_08, 'mouseout',  top_swap_image_off, false );


 var top_pm_09 = document.getElementById( 'top_pm_09' );
 addListener ( top_pm_09, 'mouseover', top_swap_image_on,  false );
 addListener ( top_pm_09, 'mouseout',  top_swap_image_off, false );

}

// onLoad イベント定義 ----------------------------------------------------------
addListener ( window, 'load', setListeners_topindex, false );