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

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

$jQ(document).ready( function() {
	// ------------------
	// 【『アルバム＆DVD 商品紹介ブロック』　画像の切替え】
	// ------------------
	// 初期化
	$jQ('#ContentMainArea .albItemUnit .albItemPicThumb li').each( function() {
		var picUrl = "";  // 画像URL
		
		$jQ(this).css('opacity', 0.4);
		if( $jQ(this).attr('class').split(' ').indexOf('current') != -1 ) {  // current
			$jQ(this).css('opacity', 1.0);
		}

		picUrl = $jQ('img', this).attr('src').replace(/_s\.(jpg|gif|png)$/, '_l.$1');
		//alert(picUrl);  // DBUG
		new Image().src = picUrl;
	} );  // each()

	$jQ('#ContentMainArea .albItemUnit .albItemPicThumb a').mouseover( function() {
		var blockRoot_jq = null;  // ブロックのルート
		var curLi_jq = null;  // カレント<li>
		var mainALink_jq = null;  // メイン画像の<a>
		var mainPic_jq = null;  // メイン画像
		var picNameTailStr = "";  // 画像名の最後に付く文字列
		var linkUrl = "";  // リンクURL
		var picUrl = "";  // 画像URL

		curLi_jq = $jQ(this).parent();
		blockRoot_jq = $jQ(this).parent().parent().parent();
		//alert( 'blockRoot_jq : ' + blockRoot_jq.attr('class') );  // DBUG

		mainALink_jq = $jQ('.albItemPicMain a', blockRoot_jq);
		mainPic_jq = $jQ('.albItemPicMain img', blockRoot_jq);
		mainTxt_jq = $jQ('.albItemTxt p', blockRoot_jq);
		//alert(mainTxt_jq.attr('class'));
		//alert(curLi_jq.attr('class'));

		// カレントの切替え
		$jQ('.albItemPicThumb li', blockRoot_jq).removeClass('current').css('opacity', 0.4);
		curLi_jq.addClass('current').css('opacity', 1.0);

		// カレントサムネイルのURL取得
		linkUrl = $jQ('a', curLi_jq).attr('href');

		// メイン画像の切替え
		picUrl = $jQ('img', curLi_jq).attr('src').replace(/_s\.(jpg|gif|png)$/, '_l.$1');
		//alert( 'picUrl : ' + picUrl );  // DBUG
		
		//テキストの切り替え
		strTxt = $jQ('p', curLi_jq).text();

		mainALink_jq.attr('href', linkUrl);
		mainPic_jq.attr('src', picUrl);
		mainTxt_jq.text(strTxt);
		
	} );  // mouseover()

	// ------------------
	// 【『プランのご紹介 プラン詳細ブロック』　画像の切替え】
	// ------------------
	// 初期化
	$jQ('#ContentMainArea .albPlanDetailUnit .albPlDtPicThumb li').each( function() {
		var picUrl = "";  // 画像URL
		
		$jQ(this).css('opacity', 0.4);
		if( $jQ(this).attr('class').split(' ').indexOf('current') != -1 ) {  // current
			$jQ(this).css('opacity', 1.0);
		}
		
		picUrl = $jQ('img', this).attr('src').replace(/_s\.(jpg|gif|png)$/, '_l.$1');
		//alert(picUrl);  // DBUG
		new Image().src = picUrl;
	} );  // each()

	$jQ('#ContentMainArea .albPlanDetailUnit .albPlDtPicThumb a').mouseover( function() {
		var blockRoot_jq = null;  // ブロックのルート
		var curLi_jq = null;  // カレント<li>
		var mainALink_jq = null;  // メイン画像の<a>
		var mainPic_jq = null;  // メイン画像
		var picNameTailStr = "";  // 画像名の最後に付く文字列
		var linkUrl = "";  // リンクURL
		var picUrl = "";  // 画像URL

		curLi_jq = $jQ(this).parent();
		blockRoot_jq = $jQ(this).parent().parent().parent();
		//alert( 'blockRoot_jq : ' + blockRoot_jq.attr('class') );  // DBUG

		mainALink_jq = $jQ('.albPlDtPicMain a', blockRoot_jq);
		mainPic_jq = $jQ('.albPlDtPicMain img', blockRoot_jq);

		// カレントの切替え
		$jQ('.albPlDtPicThumb li', blockRoot_jq).removeClass('current').css('opacity', 0.4);
		curLi_jq.addClass('current').css('opacity', 1.0);

		// カレントサムネイルのURL取得
		linkUrl = $jQ('a', curLi_jq).attr('href');

		// メイン画像の切替え
		picUrl = $jQ('img', curLi_jq).attr('src').replace(/_s\.(jpg|gif|png)$/, '_l.$1');
		//alert( 'picUrl : ' + picUrl );  // DBUG

		mainALink_jq.attr('href', linkUrl);
		mainPic_jq.attr('src', picUrl);
	} );  // mouseover()

	// ------------------
	// 【『イベント・ブライダルフェアブロック』　画像の切替え】
	// ------------------
	// 初期化
	$jQ('#PicThumb li').each( function() {
		var picUrl = "";  // 画像URL
		
		$jQ(this).css('opacity', 0.4);
		if( $jQ(this).attr('class').split(' ').indexOf('current') != -1 ) {  // current
			$jQ(this).css('opacity', 1.0);
		}
	} );  // each()

	$jQ('#PicThumb a').mouseover( function() {
    
		// オブジェクト取得
		var curLi_jq = $jQ(this).parent();    // カレント<li>
    var mainPic_jq = $jQ("#PicMain");     // メイン画像エリア
    var thumbPic_jq = $jQ("#PicThumb");   // サムネイルエリア
    
		// カレントの切替え
		$jQ('li', thumbPic_jq).removeClass('current').css('opacity', 0.4);
		curLi_jq.addClass('current').css('opacity', 1.0);
    
    // メイン画像表示切替
    var myIndex = $jQ("#PicThumb li").index(curLi_jq);
		$jQ('a', mainPic_jq).addClass('hide');
    $jQ('a', mainPic_jq).eq(myIndex).removeClass('hide');
    
    //キャプション切り替え
    if($jQ("#PicCaption").length){
    var mainCap_jq = $jQ("#PicCaption");     // メイン画像エリア
    	$jQ('p', mainCap_jq).addClass('hide');
    	$jQ('p', mainCap_jq).eq(myIndex).removeClass('hide');
    }
    
    return false;
	} );  // mouseover()

	// ------------------
	// 【『オリジナル白無垢』　画像の切替え】
	// ------------------
	$jQ('#RweOrgMukuSub .subPic, #RweOrgMukuSub .subTxt').mouseover( function() {
    
		// オブジェクト取得
		var curLi_jq = null;                        // カレント<li>
    var mainPic_jq = $jQ("#RweOrgMukuMain");    // メイン画像エリア
    var subPic_jq = $jQ("#RweOrgMukuSub");      // サムネイルエリア
      
    //カレント<li>取得
    curLi_jq = $jQ(this).parent();
		while( (curLi_jq.get(0) != document.body) && (curLi_jq.get(0).tagName.toLowerCase() != 'li') ) {
			curLi_jq = curLi_jq.parent();
		}
		if(curLi_jq.get(0) == document.body) { return; }
    
		// カレントの切替え
    $jQ('span', subPic_jq).addClass('hide');
    $jQ('span', curLi_jq).removeClass('hide');
    $jQ('span', curLi_jq).css('cursor', 'pointer');
    
    // メイン画像表示切替
    var myIndex = $jQ("#RweOrgMukuSub li").index(curLi_jq);
		$jQ('div', mainPic_jq).addClass('hide');
    $jQ('div', mainPic_jq).eq(myIndex).removeClass('hide');
    
    return false;
	} );  // mouseover()
	$jQ('#RweOrgMukuSub span').click( function() {
    var curLi_jq = $jQ(this).parent();
    var curA_jq = $jQ("a",curLi_jq);
    var linkVal = curA_jq.attr('href');
    location.href = linkVal;
	} );  // click()

} );  // ready()