currentShowing = null;
currentShowingTimeout = null;

$(function(){
	$('.box').each(function(index){
		$(this).attr('id','box'+index);
	});
	
	$('.box').mouseenter(function(){
		currentShowing = this;
		currentShowingTimeout = setTimeout(function(){
			showBox(currentShowing);
		},200);
	});
	
	$('.box').mouseleave(function(){
		clearTimeout(currentShowingTimeout);
		if($(this).hasClass('active')) {
			hideBox(this);
		}
	});
});

function showBox(box) {
//	$('.box').addClass('inactive');
//	$(box).removeClass('inactive').addClass('active box_hover');
/*
    $(box).animate({
        	height: 248
    	},300,'linear');
    */		


}

function hideBox(box) {

        
/*    $(box).animate({
      	height: 183
    	},100,'linear');
  */
    	
}