// ============================================================
// 画像の切替え
// 
// %update / 09.11.11
// 
// %use / jquery1.2.6
// ============================================================

// ------------------------------------------------------------
// ▼変数定義
// ------------------------------------------------------------
var lotateTime = 3;
var lotatePicVars = {
  "top"  : {"id" : null, "index" : 0, "length":5, "areaid":"H1Title"}
}

// ------------------------------------------------------------
// ▼イベント設定
// ------------------------------------------------------------
// prototype.js と jquery の共存
if(! $jQ) { var $jQ = jQuery.noConflict(); }

$jQ(document).ready( function() {
	// ------------------
	// 【ローテーション画像切替　初期化】
	// ------------------
  // トップ
  lotatePicVars['top'].id = setTimeout("lotatePic('top')", lotateTime * 1000);
	$jQ('#' + lotatePicVars['top'].areaid + ' .swUnit a').mouseover( function() {
    lotatePicVars['top'].index = $jQ("li", $jQ(this).parent().parent()).index($jQ(this).parent()) - 1;
    lotatePic('top');
	} );  // mouseover()


} );  // ready()

// ------------------------------------------------------------
// ▼画像切替関数
// ------------------------------------------------------------
function lotatePic(vstrType){
  
  //タイムアウトID初期化
  clearTimeout(lotatePicVars[vstrType].id);
  
  //インデックスカウントアップ
  lotatePicVars[vstrType].index++;
  if (lotatePicVars[vstrType].index > lotatePicVars[vstrType].length - 1){
    lotatePicVars[vstrType].index = 0;
  }

	// オブジェクト取得
  var myParam = lotatePicVars[vstrType]
  var lindex_jq = myParam.index;                              // タブインデックス
  var mainPic_jq = $jQ("#" + myParam.areaid + " .picUnit");   // メイン画像エリア
  var linkPic_jq = $jQ("#" + myParam.areaid + " .swUnit");    // アンカーエリア
  var titlePic_jq = $jQ("#" + myParam.areaid + " .h1Unit");   // タイトルエリア
  var this_jq = $jQ("a", linkPic_jq).eq(lindex_jq);           // 自オブジェクト
	var curLi_jq = this_jq.parent();                            // カレント<li>

	// カレントの切替え
	$jQ('a', linkPic_jq).removeClass('current');
  $jQ('a', linkPic_jq).eq(lindex_jq).addClass('current');

  // メイン画像表示切替
	$jQ('div', mainPic_jq).addClass('hide');
  $jQ('div', mainPic_jq).eq(lindex_jq).removeClass('hide');

  // タイトル表示切替
	$jQ('span', titlePic_jq).addClass('hide');
  $jQ('span', titlePic_jq).eq(lindex_jq).removeClass('hide');

  //再起処理
  lotatePicVars[vstrType].id = setTimeout("lotatePic('" + vstrType + "')", lotateTime * 1000);
}