$(document).ready(function(){
			$(".boxcaption").animate({top:'220px'},{queue:false,duration:600});
			$(".boxcaption_v2").animate({top:'220px'},{queue:false,duration:600});
			
			//Vertical Sliding
			$('.boxgrid.slidedown').hover(function(){
				$(".cover", this).stop().animate({top:'-290px'},{queue:false,duration:300});
			}, function() {
				$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:600});
			});
			//Caption Sliding (Partially Hidden to Visible)
			$('.boxgrid.caption').hover(function(){
				$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:100});
			}, function() {
				$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:600});
			});
			//Caption Sliding (Partially Hidden to Visible)
			$('.boxgrid.caption2').hover(function(){
				$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:100});
			}, function() {
				$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:600});
			});
			//Caption Sliding (Partially Hidden to Visible)
			$('.boxgrid.caption3').hover(function(){
				$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:100});
			}, function() {
				$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:600});
			});
});

$(function(){
	$("li#all").addClass("crt");
	
	// すべて表示
    $("li#all").click(function () { 
	$("li#cat01").removeClass("crt");
	$("li#cat02").removeClass("crt");
	$("li#all").addClass("crt"); 
	$("div.caption").css("display", "none");
	$("div.slidedown").css("display", "none");
	$("div.caption").fadeIn("slow");
	$("div.caption2").fadeIn("slow");
	$("div.caption3").fadeIn("slow");
	$("div.slidedown").fadeIn("slow");
	});
	// カテゴリ1
    $("li#cat01").click(function () { 
	$("li#all").removeClass("crt");
	$("li#cat02").removeClass("crt");
	$("li#cat01").addClass("crt"); 
	$("div.caption").css("display", "none");
	$("div.caption2").css("display", "none");
	$("div.caption3").css("display", "none");
	$("div.slidedown").css("display", "none");
	$("div.caption").fadeIn("slow");
	});
	// カテゴリ2
    $("li#cat02").click(function () { 
	$("li#all").removeClass("crt");
	$("li#cat01").removeClass("crt");
	$("li#cat02").addClass("crt"); 
	$("div.caption").css("display", "none");
	$("div.caption2").css("display", "none");
	$("div.caption3").css("display", "none");
	$("div.slidedown").css("display", "none");
	$("div.caption2").fadeIn("slow");
	});
});

// Rollover用

function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");

		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_def."))
			{
				images[i].onmouseover = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_def.", "_over."));
				}
				images[i].onmouseout = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_over.", "_def."));
				}
			}
		}
	}
}

if(window.addEventListener) {
	window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", smartRollover);
}