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

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

$jQ(document).ready( function() {
	// ------------------
	// 【カテゴリトップ　『DrPicAndLinkCtgTopArea カテゴリトップ 画像切り替えのあるブロック』　画像の切替え】
	// ------------------
	// 初期化
	/*$jQ('#PicThumbCtgTop li').each( function() {
		var picUrl = "";  // 画像URL

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

	$jQ('#PicThumbCtgTop 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('id') );  // DBUG

		mainALink_jq = $jQ('#PicMainCtgTop a', blockRoot_jq);
		mainPic_jq = $jQ('#PicMainCtgTop img', blockRoot_jq);

		// カレントの切替え
		$jQ('#PicThumbCtgTop li', blockRoot_jq).removeClass('current');
		curLi_jq.addClass('current');

		// カレントサムネイルの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()*/

	// ------------------
	// 【カテゴリトップ　『▼DrPicAndLinkCtgTopHasBnrArea カテゴリトップ 画像切り替えのあるブロック　バナーあり』　画像の切替え】
	// ------------------
	// 初期化
	/*$jQ('#PicThumbCtgTopHB li').each( function() {
		var picUrl = "";  // 画像URL

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

	$jQ('#PicThumbCtgTopHB 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('id') );  // DBUG

		mainALink_jq = $jQ('#PicMainCtgTopHB a', blockRoot_jq);
		mainPic_jq = $jQ('#PicMainCtgTopHB img', blockRoot_jq);

		// カレントの切替え
		$jQ('#PicThumbCtgTopHB li', blockRoot_jq).removeClass('current');
		curLi_jq.addClass('current');

		// カレントサムネイルの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('#PicThumbCtgTop 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('#PicThumbCtgTop a').mouseover( function() {

		// オブジェクト取得
		var curLi_jq = $jQ(this).parent();    // カレント<li>
		var mainPic_jq = $jQ("#PicMainCtgTop");     // メイン画像エリア
		var thumbPic_jq = $jQ("#PicThumbCtgTop");   // サムネイルエリア

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

		// メイン画像表示切替
		var myIndex = $jQ("#PicThumbCtgTop li").index(curLi_jq);
		$jQ('a', mainPic_jq).addClass('hide');
		$jQ('a', mainPic_jq).eq(myIndex).removeClass('hide');

		return false;
	} );  // mouseover()



	// ------------------
	// 【『ドレス＆タキシード・和装＞列席者衣裳』　画像の切替え】
	// ------------------
	// 初期化
	$jQ('#PicThumbCtgTopHB 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('#PicThumbCtgTopHB a').mouseover( function() {

		// オブジェクト取得
		var curLi_jq = $jQ(this).parent();    // カレント<li>
		var mainPic_jq = $jQ("#PicMainCtgTopHB");     // メイン画像エリア
		var thumbPic_jq = $jQ("#PicThumbCtgTopHB");   // サムネイルエリア

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

		// メイン画像表示切替
		var myIndex = $jQ("#PicThumbCtgTopHB li").index(curLi_jq);
		$jQ('a', mainPic_jq).addClass('hide');
		$jQ('a', mainPic_jq).eq(myIndex).removeClass('hide');

		return false;
	} );  // mouseover()

	// ------------------
	// 【『和装入門 ｜ 着物の色と柄』　説明画像ブロックの切替え】
	// ------------------
	$jQ('#DrsGdColorTipWrap li a').mouseover( function() {
		// オブジェクト取得
		var i = 0;
		var curLi_jq = $jQ(this).parent();    // カレント<li>
		var clrtipWrap_jq = $jQ('#DrsGdColorTipWrap');   // カラーチップラッパー
		var clrtExpl_jq = $jQ('#DrsGdColorExpl');     // 説明画像ブロック

		// カレントの切替え
		$jQ('li', clrtipWrap_jq).removeClass('current');
		curLi_jq.addClass('current');

		// 説明画像ブロック表示切替
		i = -1;
		i = $jQ('li', clrtipWrap_jq).index(curLi_jq);
		$jQ('.colorExplUnit', clrtExpl_jq).addClass('hide');
    $jQ('.colorExplUnit', clrtExpl_jq).eq(i).removeClass('hide');

	} );  // mouseover();

} );  // ready()