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

	//add item
	$("#additem").click(function(e){
		var _item = $('<div>\
				<h3>New Item</h3>\
				<p>Foo</p>\
				<p><a href="#">DELETE</a></p>\
			</div>')
			.hide()
			.addClass(Math.random() > 0.3 ? 'wn' : 'wl')
			.addClass(Math.random() > 0.3 ? 'hn' : 'hl');
		vg.prepend(_item);
		vg.vgrefresh(null, null, null, function(){
			_item.fadeIn(300);
		});
	});

	//delete
	vg.find("close").live('click', function(e){
		$(this).parent().parent().fadeOut(200, function(){
			$(this).remove();
			vg.vgrefresh();
		});
		return false;
	});
});