// require jQuery

var speed = 800;
var masonryParams = {
	animate: true,
	itemSelector: 'li:not(.hidden)',
	animationOptions: {
		duration: speed,
		easing: 'easeOutQuad',
		queue: false
	},
	columnWidth: 10
};
/*var lazyloadParams = {
	placeholder: "common/images/grey.gif",
	threshold : 100,
	effect: "fadeIn",
	fadeIn: {
		time: 300,
		delay: 30
	}
};*/

/* ------------------------------------------ */

jQuery(document).ready(function() {
	var wall = jQuery("#idx_contents");
	jQuery("#searchyear").submit(function(e) {
		var year = jQuery("#searchyear select").val();
		var searchYearClass = ".searchyear" + year;

		if (year == 'all') {
			wall.children('.hidden')
				.toggleClass('hidden').fadeIn(speed);
		} else {
			wall.children().not(searchYearClass).not('.hidden')
				.toggleClass('hidden').fadeOut(speed);
			wall.children(searchYearClass + '.hidden')
				.toggleClass('hidden').fadeIn(speed);
		}
		wall.masonry({ animate: true });
		window.location.hash = "!searchyear=" + year;
		//e.preventDefault();
		//e.returnValue = false;
		return false;
	});

	jQuery("#right_contents").css("width", "auto");
	wall.masonry(masonryParams);
	if ( window.location.hash ) {
		var hashLabel = window.location.hash.replace('#', '');
		if(hashLabel.match(/^!searchyear=([0-9]{4})$/i)) {
			masonryParams.animate = false;
			var searchYear = "searchyear" + RegExp.$1;
			wall.children().not('.'+searchYear).toggleClass('hidden').hide();
			wall.masonry(masonryParams);
		}
	}
	// jQuery("#idx_contents li img").lazyload(lazyloadParams);

	// grid rayout mouseover
	/*jQuery("#idx_contents > li > a").each(function() {
		jQuery(this).hover(function() {
			var target = jQuery(this);
			jQuery(this).css({
				"display": "block",
				"background-color": "#cccccc"
			}).find("img").css("opacity", "0.4").animate({
				"opacity": "0.8"
			}, {
				"duration": 800,
				"easing": "easeOutQuad"
			});
		}, function() {
			jQuery(this).css({
				"display": "inline",
				"background-color": "transparent"
			}).find("img").stop().css("opacity", "1.0");
		});
	});*/
});