$(function(){
	var imgNo = 12;				//画像枚数
	var currentNo = 0;
	var targetNo = 0;
	var timerId;
	var fspeeds=1000;			//切り替え時間
	
	var links = [				//画像にリンクを指定（不用な場合は、spaceでOK）
		"/",
		"hotyoga/",
		"yoga/",
		"yoga/",
		"yoga/#ballet",
		"yoga/#chibi",
		"nail/",
		"nail/school.html",
		"esthetics/eyelash.html",			
		"esthetics/",
		"concept/",
		"studio/"
		];
	var alts = [				//画像の説明文（不用な場合は、spaceでOK）	
		"Love Yourself",
		"Hot Yoga",
		"Hula Dance",
		"Keiki Hula Dance",
		"Yukiko Ballet school",
		"Yukiko Ballet school",
		"Nail Salon",
		"Nail School",
		"Eye Lash",
		"Esthetics",
		"Concept",
		"Studio"
	];
	
	//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)
	}
});
// http://weboook.blog22.fc2.com/blog-entry-6.html