$(function(){
	var imgNo = 1;				//画像枚数
	var currentNo = 0;
	var targetNo = 0;
	var timerId;
	var fspeeds=1000;			//切り替え時間
	var interval=2000;			//切り替え時間
	
	var links = [				
		"http://es.isis.ne.jp/web_monzen.html",
		"http://es.isis.ne.jp/course_jo.html",
		"http://es.isis.ne.jp/monzen.html",
		"http://es.isis.ne.jp/sanza.html",
		"http://es.isis.ne.jp/course_jo.html"
		];
	var alts = [				
		"",
		"",
		"",
		"",
		""
	];
	
	//initialize
	(function(){


		for(var i=1; i<=imgNo; i++){
			//create element
//			$('<div id="rImg'+i+'">').appendTo($('#mainImg'));
			$('<div id="rImg'+i+'">').appendTo($('#mainImg'));
//			$('span').appendTo($('#mainImg'));
				
			//load image
//			var img = $('<img>').attr('src','top_ani_'+i+'.png');
			var img = $('<img>').attr('src','top_ani_'+i+'.jpg');
			img.attr('alt',alts[i-1]);

			img.attr('style','border-style:none;');

////		if(i==5) img.attr('usemap','#top_ani_map');
		if(i==1) img.attr('usemap','#top_ani_map');

			img.load(imgLoaded.call(img, i));

		}

	})();
	

	function imgLoaded(no){
		//add image
		var obj = $('#rImg'+no);
		obj.children('img').remove();
		obj.append($(this));

		$('<a href="'+links[no-1]+'" />').append(this).appendTo(obj);

		//start animation
		if(no==1) loop();
	}
	
	//rotation image
	function loop(){		
		//fadeout current image
		if((currentNo!=0) && (currentNo!=imgNo)) $('#rImg'+currentNo).fadeOut(fspeeds);
		
		if(targetNo==0) currentNo = ++currentNo>imgNo?1:currentNo;
		else currentNo = targetNo;
		targetNo = 0;
		
		//fadein next image
		$('#rImg'+currentNo).fadeIn(fspeeds);
		timerId = setTimeout(loop, interval)
	}
});