$(document).ready(function(){
	
	// 画像を切替える間隔(秒)
	var interval = 5;
	
	// フェード開始から終了までの時間(秒)
	var fadeTime = 1.5;
	
	// 切り替える画像
	var images = [
					"./common/images/top/bg.jpg",
					"./common/images/top/bg2.jpg",
					"./common/images/top/bg3.jpg",
					"./common/images/top/bg4.jpg"
				 ];
	
	// サイトトップのテキストカラー
	var font_colors = [
						'#FFFFFF',
						'#333333',
						'#333333',
						'#333333'
					  ];			 
	
	// 切り替えボックス
	var b1 = $('#back1');
	var b2 = $('#back2');
	
	var current = 0;
	var intervalID;
	var isEven = true;
	
	fadeTime = fadeTime * 1000;
	
	b1.css({background:'url(' + images[0] + ')'});
	b2.css({background:'url(' + images[current + 1] + ')'});
	
	intervalID = setInterval(fade, interval * 1000);
	
	function fade(){
		current = current + 1 < images.length ? current + 1 : 0;
		//$('h1').css({color:font_colors[current]});
		//console.log(current);
		
		if(isEven){
			b1.fadeTo(fadeTime, 0, function(){
				b1.css({background:'url(' + images[current] + ')'});
			});
		}else {
			b1.fadeTo(fadeTime, 1, function(){
				b2.css({background:'url(' + images[current] + ')'});
			});
		}
		
		isEven = !isEven;
	}
	
});