$(function(){

	var imgnum = 3;		//�摜����
	var count = 1;
	var slideimg = 0;
	
	imgID = new Array();
	for(i=0; i<imgnum; i++) {
		var m = i+1;
		imgID[m] = "#img0" + m;
	}

	$(imgID[1]).css({"left":"0px", "z-index":3});
	$(imgID[2]).css({"left":"39px", "z-index":2});
	$(imgID[3]).css({"left":"78px", "z-index":1});
	
	function changeZindex() {
		$(imgID[slideimg]).css("z-index", 0);
	}
	
	function slideFirst() {
		slideimg = count;
		var imgFirst = count++;			if( count > imgnum) { count = 1; }
		var imgSecond = count++;	if( count > imgnum) { count = 1; }
		var imgThird = count++;		if( count > imgnum) { count = 1; }
		
		$(imgID[imgFirst]).css("z-index", 3);
		$(imgID[imgSecond]).css("z-index", 2);
		$(imgID[imgThird]).css("z-index", 1);

		$(imgID[imgFirst]).animate({left:"-848px"}, 1000, changeZindex);
		$(imgID[imgSecond]).animate({left:"0px"}, 1000);
		$(imgID[imgThird]).animate({left:"39px"}, 1000);
		$(imgID[imgFirst]).animate({left:"78px"}, 1000);
		count++;
		if( count > imgnum) { count = 1; }
	}

	$("#m-miyoshi").click(function(){
		if(count != 1) {
			clearInterval(IntervarID);
			count = 3;
			IntervarID = setInterval(slideFirst, 30000);
			slideFirst();
		}
	});

	$("#m-food").click(function(){
		if(count != 2) {
			clearInterval(IntervarID);
			count = 1;
			IntervarID = setInterval(slideFirst, 30000);
			slideFirst();
		}
	});
	$("#m-area").click(function(){
		if(count != 3) {
			clearInterval(IntervarID);
			count = 2;
			IntervarID = setInterval(slideFirst, 30000);
			slideFirst();
		}
	});
	
	IntervarID = setInterval(slideFirst, 30000);
});