$(function(){
	var hsort_flg = false;

	//setup
	var vg = $("#grid-content").vgrid({
		easeing: "easeOutQuint",
		useLoadImageEvent: true,
		useFontSizeListener: true,
		time: 400,
		delay: 20,
		fadeIn: {
			time: 500,
			delay: 50
		}
	});
});

$(function(){   
	$(".box a img").hover(function(){$(this).fadeTo("fast", 0.1).fadeTo("fast", 0.8);},function(){$(this).fadeTo("fast", 1);});
});

function initRollOverImages() {
  var image_cache = new Object();
  $("img.swap").each(function(i) {
    var imgsrc = this.src;
    var dot = this.src.lastIndexOf('.');
    var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
    image_cache[this.src] = new Image();
    image_cache[this.src].src = imgsrc_on;
    $(this).hover(
      function() { this.src = imgsrc_on; },
      function() { this.src = imgsrc; });
  });
}

$(document).ready(initRollOverImages);


//ロールオーバーをクラスで制御してます。

//「ポイント」
//1.jquery.jsを先に読み込ませること。
//（head部分で先に記述すること。）
//2.ロールオーバーしたいimgタグに「class="swap"」を追加すること。
//3.マウスオン画像はマウスオフ画像に "_on" をつけたものにすること。