$(function(){
	var imgNo = 6;				//画像枚数
	var currentNo = 0;
	var targetNo = 0;
	var timerId;
	var fspeeds=1500;			//切り替え時間
	
	var links = [				//画像にリンクを指定（不用な場合は、spaceでOK）
		" ",
		" ",
		" ",
		" ",
		" ",
		" ",
		];
	var alts = [				//画像の説明文（不用な場合は、spaceでOK）	
		" ",
		" ",
		" ",
		" "
	];
	
	//initialize
	(function(){
		for(var i=1; i<=imgNo; i++){
			//create element
			$('<div id="rImg'+i+'">').appendTo($('#mainImg'));
				
			//load image
			var img = $('<img>').attr('src','images/main_'+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)
	}
});