//メイン画像切り替え
document.write('<style>#content-area div#content div#main-content div.section#main-img p{display:none;}</style>');

$(function(){
	var mainImg = $('#main-img p');
	var maxLength = mainImg.length;	//pタグの個数取得
	var fadeinTime = 500;	//フェードインの時間
	var fadeoutTime = 500;	//フェードアウトの時間
	var displayTime = 4000;	//表示している時間
	var count = 0;
	var loopCount = 0;
	
	function fadeImg(){
		if(count < maxLength){//pタグの個数分実行
			if(loopCount ==0){//ループが0回の時（初期表示）はフェードインなし
				count++;
				setTimeout(function(){$(mainImg[count-1]).fadeOut(fadeoutTime,fadeImg)},displayTime);
			}
			else{//ループした後はフェードインあり
				$(mainImg[count]).fadeIn(fadeinTime,function(){
					count++;
					setTimeout(function(){$(mainImg[count-1]).fadeOut(fadeoutTime,fadeImg)},displayTime);
				});
			}
		}
		else{//pタグの個数分ループしたらはじめにもどる
			count = 0;
			return fadeImg();
		}
		//ループ回数のカウント
		loopCount++
	}
	
	//大外のエリアが存在している場合一つ目のエリアはデフォルトで表示
	if($('#main-img').length > 0){
		$(mainImg[0]).css('display','block');
	}
	
	//エリアが2つ以上の時にのみ実行
	if( mainImg.length >= 2){
		return fadeImg();
	}
});