// JavaScript Document

$(function(){
//----------------------------------------------------------------------------------------------------
//    home - ヘッダ部 - イメージ切替 (接頭辞:IC) */	
//----------------------------------------------------------------------------------------------------
	
	// 変数設定
	var IC_imgWrapper = "#visualScreen";
	var IC_img = IC_imgWrapper + " > a";
	var IC_li = "#planMenu li";
	var IC_navi = "#planMenu li img";
		
	// 環境初期化（１枚目の画像を表示）
	$( IC_img + ":first-child" ).fadeIn("fast");
		
	// サムネイルクリック時の画像切り替え処理
	$( IC_navi ).click(function(){
			var IC_class = "." + $(this).attr("class");
			
				// クリックされた要素から取得したclassと同値のclassを持つ要素をラッパの最前方に移動させ、フェードイン→コールバック
				$( IC_img + "." + IC_class ).prependTo(IC_imgWrapper).fadeIn("fast",function(){
				
					// クリックされた要素から取得したclassと同値のclassを持つ要素'以外'をフェードアウト
					$( IC_img ).not( IC_class ).fadeOut("slow");
					delete( IC_serch );
				});
	});
	
	// インターバルセット処理
	var IC_timerID = setInterval(function(){		
		// 
		$( IC_img + ":last" ).prependTo( IC_imgWrapper ).fadeIn("fast",function(){
																			$( IC_img + ":not(:first)" ).fadeOut("slow");
																				});
		},4000);
	
	// インターバル解除処理
	$( IC_navi ).click(function(){
		clearInterval(IC_timerID);
	});

});