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

var fadeOutSpeed = 500;
var fadeInSpeed = 500;
var imgWidth = 619;
var imgHeight = 170;

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

// --- 

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

var _index;
var areaAlt;

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