//メニュー部分アニメーション　テスト
$(function(){
	$("img.imgMenu").mouseover(function(){
		$(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"))
	}).mouseout(function(){
		$(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
	}).each(function(){
		$("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"))
	});
});

/*
$(document).ready(function(){
	$("#menuBox li").hover(function(){
		$(this).animate({marginTop: "-=30px"}, 300);
		},
	function(){
		$(this).animate({marginTop: "+=30px"}, 500, "easeOutBounce");
	});
})
*/

//トップ写真入れ替え
$(document).ready(function(){

	
	setInterval(function(){
		$("#topPhotoBox ul li:fast").css("display", "block");
		$("#topPhotoBox ul li:last").fadeOut(500);			
		
	}, 20000);
	
	setInterval(function(){
		$("#topPhotoBox ul li:last").prependTo("#topPhotoBox ul");
	}, 21000);
});

//イベント部分、マウスオーバー 

 $(document).ready(function(){
    $("#list1").hover(function () {
    	$("div.photoAll").hide();
    	$("#photo01").fadeIn();
		$("#selected").animate({"left": "0px"}, 500);
    },
    function(){
    	$("#photo01").show();
    });
  })

/* 
  $(document).ready(function(){
    $("#list1").hover(function () {
		setTimeout(function(){
    	$("div.photoAll").hide();
    	$("#photo01").fadeIn();
		$("#selected").animate({"left": "0px"}, 500);
    }, 200);
	});
  })
*/
$(document).ready(function(){
    $("#list2").hover(function () {
		$("div.photoAll").hide();
		$("#photo01").hide();
		$("#photo02").fadeIn();
		$("#selected").animate({"left": "100px"}, 500);
    },
    function(){
    	$("#photo02").css("display","block");
    });
  })

$(document).ready(function(){
    $("#list3").hover(function () {
		$("div.photoAll").hide();
		$("#photo01").hide();
		$("#photo03").fadeIn();
		$("#selected").animate({"left": "200px"}, 500);
    },
    function(){
    	$("#photo03").css("display","block");
    });
  })

$(document).ready(function(){
    $("#list4").hover(function () {
		$("div.photoAll").hide();
		$("#photo01").hide();
		$("#photo04").fadeIn();
		$("#selected").animate({"left": "300px"}, 500);
    });
  })



$(document).ready(function(){
	$("div.buttonBox").hover(function(){
		$("div.zoomButton").show()
		},
	function(){
		$("div.zoomButton").fadeOut(500);
		});
	})

$(function(){
	$("#copyright").text((new Date().getFullYear()));
});