/*
  top_contents.js
  for Bridgestone GlobalWebSite
*/

(function(){

	/**
	 * 定数定義
	 */

	/* JSが有効な場合に、追加展開するメインビジュアル */
	var HTML_ADD_MAINVISUALS =
		'<div><img src="images/tpc02_main.jpg" width="900" height="309" alt=""></div>' +
		'<div><img src="images/tpc03_main.jpg" width="900" height="309" alt=""></div>' +
		'<div><img src="images/tpc04_main.jpg" width="900" height="309" alt=""></div>';

	/* 新規ウィンドウ展開時のオプション */
	var STR_OPENWINDOW_OPTION = "menubar=yes,toolbar=yes,location=yes,status=yes,resizable=yes,scrollbars=yes";


	/**
	 * 初期表示処理
	 */

	var onLoadFunc = function(){
		/* 汎用：fadeIn のレガシーUA対応 */
		if( !$("#mainVisual div").fadeIn ){
			$.fn.fadeIn = function(speed,callback){
				return this.css("display","block");
			}
		}


		// PR画像のJS展開分を追加
		$( "#mainVisual" ).append( HTML_ADD_MAINVISUALS );

		// PR画像のJS展開UIを初期化
		$( "#topPR ul.selectionTopics" ).attr("currentNumber","0");
		$( "#topPR ul.selectionTopics li" )
			.each( function( myPosition ){
				$(this).attr( "mvNumber", myPosition );
			} )
			.bind( "mouseenter", function(myEv){
				//$( "#mainVisual div" ).hide();
				//$($( "#mainVisual div" ).get( $(this).attr("mvNumber")-0 )).show();
				//return;

				var lastNumber = $(this.parentNode).attr("currentNumber")-0;
				var targetNumber = $(this).attr("mvNumber")-0;

				if( lastNumber === targetNumber ){ return false; }

				$( "#mainVisual div" ).css("zIndex","1");
				$($( "#mainVisual div" ).get( lastNumber )).css("zIndex","2");
				$($( "#mainVisual div" ).get( targetNumber ))
					.css("display","none")
					.css("zIndex","3")
					.fadeIn("fast")

				$(this.parentNode).attr("currentNumber",$(this).attr("mvNumber"));
			} )
			.click( function(){
				window.open(
					$(this).find("a").get(0).href,
					( $(this).find("a").get(0).target || "_self" ),
					STR_OPENWINDOW_OPTION
				);
			} )
			.find("a").click( function( myEv ){
				myEv.preventDefault();
			} );
	}

	if( $.browser.safari ){
		window.addEventListener( "load", onLoadFunc, false );
	}
	else {
		$(document).ready(onLoadFunc);
	}



	/**
	 * JS読み込み時処理
	 */

	/* JSが有効なUA向けのCSS調整 (DOMReadyが怪しいUAがあるので、$(document).ready外に記述) */
	var myStyleSheets = document.styleSheets[0];

})();