$(document).ready(function() {

	////////////////////////////////////////////////////////////
	// 背景画像切り替え
	////////////////////////////////////////////////////////////
	//切り替え時間 6秒
	var interval = 6000;
	//フェードアウト時間 1秒
	var fade_time = 1000;
	//画像パス
	/*
	var img_arr = [
		"main_image/top/img1.jpg",
		"main_image/top/img2.jpg",
		"main_image/top/img3.jpg",
		"main_image/top/img4.jpg",
		"main_image/top/img5.jpg",
		"main_image/top/img6.jpg",
		"main_image/top/img7.jpg"
		];
		*/

	var mainheight = (300 + $("#mainImageNavi").height());

	$("#mainImage").css("height", mainheight );

	////////////////////////////////////////////////////////////
	//TOP
	var i=0;
	setInterval(function(){
		if( i == img_arr.length-1){
			$("#mainImage").css("background-image","url("+img_arr[0]+")");
			$("#mainImage").css("background-repeat","no-repeat");
		}else{
			$("#mainImage").css("background-image","url("+img_arr[i+1]+")");
			$("#mainImage").css("background-repeat","no-repeat");
		}
		$('#img').fadeOut(fade_time, function() {

			$("#img").attr("src",img_arr[i]);
			$('#img').fadeIn(fade_time/2);

		});
		i++;
		if( i == img_arr.length){
			i=0;
		}
	},interval);

});