$(function(){
	var wsort_flg = false;
	var rsort_flg = false;

	var vg = $("#grid-content").vgrid({
		easeing: "easeInOutQuint",
		useLoadImageEvent: true,
		useFontSizeListener: true,
		time: 400,
		delay: 10,
		fadeIn: {
			time: 400,
			delay: 15
		},
	});

//add
	vg.find("#w01 a").live('click', function(e){
		var _item = $('<div id="t01">\
<div class="body"><img src="img/001.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s01").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t01 .body").live('click', function(e){
		$("#t01").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t01").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s01").css("visibility", "visible");
		return false;
	});



//add
	vg.find("#w02 a").live('click', function(e){
		var _item = $('<div id="t02">\
<div class="body"><img src="img/002.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s02").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t02 .body").live('click', function(e){
		$("#t02").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t02").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s02").css("visibility", "visible");
		return false;
	});

//add
	vg.find("#w03 a").live('click', function(e){
		var _item = $('<div id="t03">\
<div class="body"><img src="img/003.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s03").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t03 .body").live('click', function(e){
		$("#t03").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t03").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s03").css("visibility", "visible");
		return false;
	});

//add
	vg.find("#w04 a").live('click', function(e){
		var _item = $('<div id="t04">\
<div class="body"><img src="img/004.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s04").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t04 .body").live('click', function(e){
		$("#t04").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t04").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s04").css("visibility", "visible");
		return false;
	});
	
//add
	vg.find("#w05 a").live('click', function(e){
		var _item = $('<div id="t05">\
<div class="body"><img src="img/005.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s05").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t05 .body").live('click', function(e){
		$("#t05").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t05").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s05").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w06 a").live('click', function(e){
		var _item = $('<div id="t06">\
<div class="body"><img src="img/006.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s06").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t06 .body").live('click', function(e){
		$("#t06").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t06").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s06").css("visibility", "visible");
		return false;
	});
	
	
//add
	vg.find("#w07 a").live('click', function(e){
		var _item = $('<div id="t07">\
<div class="body"><img src="img/007.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s07").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t07 .body").live('click', function(e){
		$("#t07").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t07").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s07").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w08 a").live('click', function(e){
		var _item = $('<div id="t08">\
<div class="body"><img src="img/008.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s08").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t08 .body").live('click', function(e){
		$("#t08").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t08").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s08").css("visibility", "visible");
		return false;
	});
	

//add
	vg.find("#w09 a").live('click', function(e){
		var _item = $('<div id="t09"><a href="http://scarf.jp/" target="_blank" class="view" ><img src="img/view.png" width="210" height="98" /></a>\
<div class="body"><img src="img/009.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s09").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t09 .body").live('click', function(e){
		$("#t09").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t09").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s09").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w10 a").live('click', function(e){
		var _item = $('<div id="t10">\
<div class="body"><img src="img/010.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s10").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t10 .body").live('click', function(e){
		$("#t10").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t10").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s10").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w11 a").live('click', function(e){
		var _item = $('<div id="t11">\
<div class="body"><img src="img/011.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s11").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t11 .body").live('click', function(e){
		$("#t11").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t11").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s11").css("visibility", "visible");
		return false;
	});
	
	
//add
	vg.find("#w12 a").live('click', function(e){
		var _item = $('<div id="t12">\
<div class="body"><img src="img/012.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s12").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t12 .body").live('click', function(e){
		$("#t12").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t12").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s12").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w13 a").live('click', function(e){
		var _item = $('<div id="t13">\
<div class="body"><img src="img/013.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s13").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t13 .body").live('click', function(e){
		$("#t13").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t13").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s13").css("visibility", "visible");
		return false;
	});
	
	
//add
	vg.find("#w14 a").live('click', function(e){
		var _item = $('<div id="t14">\
<div class="body"><img src="img/014.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s14").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t14 .body").live('click', function(e){
		$("#t14").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t14").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s14").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w15 a").live('click', function(e){
		var _item = $('<div id="t15">\
<div class="body"><img src="img/015.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s15").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t15 .body").live('click', function(e){
		$("#t15").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t15").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s15").css("visibility", "visible");
		return false;
	});



	
//add
	vg.find("#w16 a").live('click', function(e){
		var _item = $('<div id="t16">\
<div class="body"><img src="img/016.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s16").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t16 .body").live('click', function(e){
		$("#t16").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t16").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s16").css("visibility", "visible");
		return false;
	});
	
	
//add
	vg.find("#w17 a").live('click', function(e){
		var _item = $('<div id="t17">\
<div class="body"><img src="img/017.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s17").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t17 .body").live('click', function(e){
		$("#t17").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t17").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s17").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w18 a").live('click', function(e){
		var _item = $('<div id="t18">\
<div class="body"><img src="img/018.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s18").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t18 .body").live('click', function(e){
		$("#t18").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t18").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s18").css("visibility", "visible");
		return false;
	});
	

//add
	vg.find("#w19 a").live('click', function(e){
		var _item = $('<div id="t19">\
<div class="body"><img src="img/019.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s19").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t19 .body").live('click', function(e){
		$("#t19").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t19").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s19").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w20 a").live('click', function(e){
		var _item = $('<div id="t20">\
<div class="body"><img src="img/020.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s20").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t20 .body").live('click', function(e){
		$("#t20").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t20").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s20").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w21 a").live('click', function(e){
		var _item = $('<div id="t21">\
<div class="body"><img src="img/021.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s21").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t21 .body").live('click', function(e){
		$("#t21").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t21").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s21").css("visibility", "visible");
		return false;
	});
	
	
//add
	vg.find("#w22 a").live('click', function(e){
		var _item = $('<div id="t22">\
<div class="body"><img src="img/022.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s22").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t22 .body").live('click', function(e){
		$("#t22").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t22").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s22").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w23 a").live('click', function(e){
		var _item = $('<div id="t23">\
<div class="body"><img src="img/023.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s23").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t23 .body").live('click', function(e){
		$("#t23").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t23").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s23").css("visibility", "visible");
		return false;
	});
	
//add
	vg.find("#w24 a").live('click', function(e){
		var _item = $('<div id="t24">\
<div class="body"><img src="img/024.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s24").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t24 .body").live('click', function(e){
		$("#t24").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t24").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s24").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w25 a").live('click', function(e){
		var _item = $('<div id="t25">\
<div class="body"><img src="img/025.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s25").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t25 .body").live('click', function(e){
		$("#t25").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t25").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s25").css("visibility", "visible");
		return false;
	});
	
	
//add
	vg.find("#w26 a").live('click', function(e){
		var _item = $('<div id="t26">\
<div class="body"><img src="img/026.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s26").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t26 .body").live('click', function(e){
		$("#t26").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t26").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s26").css("visibility", "visible");
		return false;
	});
	
	
//add
	vg.find("#w27 a").live('click', function(e){
		var _item = $('<div id="t27">\
<div class="body"><img src="img/027.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s27").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t27 .body").live('click', function(e){
		$("#t27").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t27").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s27").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w28 a").live('click', function(e){
		var _item = $('<div id="t28">\
<div class="body"><img src="img/028.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s28").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t28 .body").live('click', function(e){
		$("#t28").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t28").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s28").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w29 a").live('click', function(e){
		var _item = $('<div id="t29">\
<div class="body"><img src="img/029.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s29").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t29 .body").live('click', function(e){
		$("#t29").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t29").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s29").css("visibility", "visible");
		return false;
	});
	
//add
	vg.find("#w30 a").live('click', function(e){
		var _item = $('<div id="t30"><a href="http://yasuno-no5.com/" target="_blank" class="view" ><img src="img/view.png" width="210" height="98" /></a>\
<div class="body"><img src="img/030.gif" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s30").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t30 .body").live('click', function(e){
		$("#t30").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t30").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s30").css("visibility", "visible");
		return false;
	});
	
	
//add
	vg.find("#w31 a").live('click', function(e){
		var _item = $('<div id="t31"><a href="http://loid.asia/loid-02/" target="_blank" class="view" ><img src="img/view.png" width="210" height="98" /></a>\
<div class="body"><img src="img/031.jpg" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s31").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t31 .body").live('click', function(e){
		$("#t31").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t31").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s31").css("visibility", "visible");
		return false;
	});

//add
	vg.find("#w32 a").live('click', function(e){
		var _item = $('<div id="t32">\
<div class="body"><img src="img/032.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s32").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t32 .body").live('click', function(e){
		$("#t32").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t32").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s32").css("visibility", "visible");
		return false;
	});

//add
	vg.find("#w33 a").live('click', function(e){
		var _item = $('<div id="t33">\
<div class="body"><img src="img/033.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s33").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t33 .body").live('click', function(e){
		$("#t33").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t33").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s33").css("visibility", "visible");
		return false;
	});

//add
	vg.find("#w34 a").live('click', function(e){
		var _item = $('<div id="t34">\
<div class="body"><img src="img/034.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s34").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t34 .body").live('click', function(e){
		$("#t34").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t34").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s34").css("visibility", "visible");
		return false;
	});
	
//add
	vg.find("#w35 a").live('click', function(e){
		var _item = $('<div id="t35">\
<div class="body"><img src="img/035.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s35").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t35 .body").live('click', function(e){
		$("#t35").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t35").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s35").css("visibility", "visible");
		return false;
	});


//add
	vg.find("#w36 a").live('click', function(e){
		var _item = $('<div id="t36">\
<div class="body"><img src="img/036.png" width="685" height="685" /></div>\
</div>')
			.hide();
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(400);
		});
		$('html,body').animate({ scrollTop: 0 },{ duration:1000 , easing:"easeInOutCubic" });
		$("#s36").css("visibility", "hidden");
		return false;
	});
	//delete
	vg.find("#t36 .body").live('click', function(e){
		$("#t36").fadeOut(200, function(){
			vg.vgrefresh("easeInOutCubic",300,16,null);
			$("#t36").remove();
			vg.vgrefresh("easeInOutCubic",300,12,null);
		});
		$("#s36").css("visibility", "visible");
		return false;
	});
	
		
$(function () {
    $('#link_to_top').click(function () {
        $('html,body').animate({ scrollTop: 0 },{ duration:500 , easing:"easeInOutCubic" });
		return false;
    });
});

});