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

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

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

// --- 

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

var _index;
var areaAlt;

$(document).ready(function(){
	
	_index = 0;
	slideImg = "none";
	
	$(".mainPhoto img").attr("id", "mainImg");
	areaAlt = $("#mainImg").attr("alt");
	
	if( areaLeaveEvent ) {
		
		$("div #photo").bind("mouseleave",function(){
			
			if(_index != 0) {
				photoFade("", areaAlt);
				$("#mainImg").prependTo(".mainPhoto");
				$("#mainLink").remove();
			}
			
			_index = 0;
		});
	}
	
	
	$("#header2 li").bind("mouseenter", function(eventObject){
		
		var index = $("#header2 li").index(this) + 1;
		
		if( index != _index ) {
			
			var photoNum = ( index < 10 ) ? "0" + index : "" + index;
			
			var li = "#header2 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;
		}
	});
});

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", "./images/index/phf/mainPhoto" + photoNum + ".jpg" );
		if(alt) $(this).attr("alt", alt);
		$(this).dequeue();
	});
	$("#mainImg").fadeIn(fadeInSpeed);
}