$(document).ready(function() {

	////////////////////////////////////////////////////////////
	// 背景画像切り替え
	////////////////////////////////////////////////////////////
	//切り替え時間 6秒
	var interval = 6000;
	//フェードアウト時間 1秒
	var fade_time = 1000;

	//画像枚数
	var photocount = $("#slidePhotoList").find("li").length;
	//画像の幅 800 or 900判定
	var photowidth = 900;
	var photoheight = 300;
	$("#slidePhotoList li", this).each(function(){
		var index = $("#slidePhotoList li").index(this);
		photowidth = $(this).find("img").attr("width");
		photoheight = $(this).find("img").attr("height");
	 });

	if( photoheight > 200){
		photoheight=300;
	}else{
		photoheight=190;
	}
	if( photowidth > 850){
		photowidth=900;
	}else{
		photowidth=800;
	}
	var mainheight = (photoheight + $("#mainImageNavi").height());


	$("#slidePhoto").css("height",photoheight);
	$("#mainImage").css("height", mainheight );
	$("#mainImageNavi").css("top",photoheight);



	//ul 幅指定
	$("#slidePhotoList").css("width",photocount*photowidth);

	////////////////////////////////////////////////////////////
	//画像が1枚以上でスクロール
	if( photocount > 1 ){
		setInterval(function(){
			$("#slidePhotoList").animate(
				{ left: "-="+photowidth+"px" },
				fade_time,
				function(){
					var src = $("#slidePhotoList li:first img").attr("src");
					$("#slidePhotoList li:last").after("<li><img src=\""+src+"\" /></li>");
					$("#slidePhotoList li:first").remove();
					$("#slidePhotoList").css("left","0");
				}
			);
		},interval);
	}

});