// --- 設定項目 ---

var fadeOutSpeed = 750;
var fadeInSpeed = 750;
var areaLeaveEvent = false;	// メイン画像に元画像（area.jpg）がある場合は true。それ以外は false。

// 切り替え画像をマークするPタグにつけるクラス名orID名
var mainImgCls = ".mainPhoto";
// 切り替えスイッチとなるリストをマークするulタグにつけるクラス名orID名
var btId = "#pickupArea";
// 切り替え画像ファイルパス＆ファイル名(連番より前部分)
var mainImgPath = "/kensetsu/images/photo/mainpht_";
// 切り替え画像ファイル拡張子
var mainImgExt = "jpg";
// --- 設定項目 ---

// --- 

// --- 以下メインスクリプト ---

var _index;
var areaAlt;

var img_dx;
var img_dy;

$(document).ready(function(){
	
	_index = 0;
	slideImg = "none";
	
$(mainImgCls+" img").attr("id", "mainImg");
	areaAlt = $("#mainImg").attr("alt");
	if( areaLeaveEvent ) {
		$("div #area").bind("mouseleave",function(){
			
			if(_index != 0) {
				photoFade("", areaAlt);
				$("#mainImg").prependTo(mainImgCls);
				$("#mainLink").remove();
			}
			
			_index = 0;
		});
	}
	
	
	$(btId+" li").bind("mouseenter", function(eventObject){
		
		var index = $(btId+" li").index(this) + 1;
		
		if( index != _index ) {
			
			var photoNum = ( index < 10 ) ? "0" + index : "" + index;
			
			var li = btId + " li:eq(" + ( index - 1 ) + ")";
			
//			if(_index == 0) $("#mainImg").wrapAll('<a id="mainLink" href=""></a>');
//			var href = $(li + " a").attr("href");
//			$("#mainLink").attr("href", href);
			
			var alt = $(li + " a img").attr("alt");
			
			photoFade( photoNum, alt );
			
			_index = index;
		}
	});

	// 切り替え画像領域確保
	img_dx = $("#mainImg").width();
	img_dy = $("#mainImg").height();
	$(mainImgCls).css("display","block");
	$(mainImgCls).css("width",img_dx);
	$(mainImgCls).css("height",img_dy);

});

function photoFade( photoNum, alt ){
	if( $("#mainImg").queue().length > 3 ) {
		$("#mainImg").queue().pop();
		$("#mainImg").queue().pop();
		$("#mainImg").queue().pop();
	}
	$("#mainImg").fadeOut(fadeOutSpeed);

	// 画像切り替え
	$("#mainImg").queue(function(){
		$(this).attr("src", mainImgPath + photoNum + "." + mainImgExt );
		if(alt) $(this).attr("alt", alt);
		$(this).dequeue();
	});

	// 画像ロード後にフェードイン開始
	$("#mainImg").load(function(){
		$("#mainImg").fadeIn(fadeInSpeed);
	});

}