//page init
$(function(){
	initHoverBox();
});

// init hover box
function initHoverBox(){
	var duration = 600;
	$('.homebox').each(function(){
		var holder = $(this);
		var boxes = holder.find('.block');
		boxes.each(function(){
			var cur = $(this);
			var defState = cur.find('.def-state');
			var hoverState = cur.find('.hover').css({opacity:0});
			cur.hover(function(){
				defState.stop().animate({opacity:0},{duration:duration});
				hoverState.css({zIndex:10}).stop().animate({opacity:1},{duration:duration});
			},function(){
				defState.stop().animate({opacity:1},{duration:duration});
				hoverState.css({zIndex:0}).stop().animate({opacity:0},{duration:duration});
			});
		});
	});
}