$(function(){
	var imgNo = 3;				//画像枚数
	var currentNo = 0;
	var targetNo = 0;
	var timerId;
	var fspeeds=550;			//切り替え時間

	//画像にリンクを指定（不用な場合は、spaceでOK）
	var links = ["","","","",""];
	//画像の説明文（不用な場合は、spaceでOK）
	var alts = ["","","","",""];

	//initialize
	(function(){
		for(var i=1; i<=imgNo; i++){
			//create element
			$('<div id="rImg'+i+'">').appendTo($('#mainImg'));

			//load image
			var img = $('<img>').attr('src','img/main_img_0'+i+'.jpg');
			img.attr('alt',alts[i-1]);
			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) $('#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, 7000)
	}
});