$(document).ready(function(){
	setOver();
	anchorScroll();
});

function setOver(){
	$("#nav li a img").css({opacity:"0"});
	$("#nav li a img").mouseover(function(){
		$(this).stop();
		$(this).animate({opacity:"1"},200);
	});
	$("#nav li a img").mouseout(function(){
		$(this).stop();
		$(this).animate({opacity:"0"},1000);
	});
}

function anchorScroll(){
	var id;
	$("a").click(function(e){
		id = $(this).attr("href");
		if(id.indexOf("#")==0){
			var y = $(id).offset().top;
			$('html,body').animate({scrollTop: y}, 700);
			return false;
		}
	});
}


///クリックしたのは何番目の要素か調べる
$("div#test0 ul li").click(function () {
	var index = $("div#test0 ul li").index(this);
	$("div#test0 p span").text(index + 1);
})