$(document).ready(function()
{
    var _boxTimer;
    
    $("#info .box > .hidden-text").hide();
    $("#info > .box").each(function(index, item)
    {
        var _box = $(item);
        var _hiddenText = _box.children(".hidden-text");
        _hiddenText.css("top", (_box.height()) + "px");
        _hiddenText.css("margin-top", "0px");
        _hiddenText.css("padding-top", "0px");
        _hiddenText.css("left","0px");
        _hiddenText.css("opacity", 1);
        _hiddenText.css("z-index", 1000);
        _hiddenText.css("overflow", "hidden");
        _hiddenText.css("zoom", 1);
        _box.hover(function(event)
        {
            clearTimeout(_boxTimer);
            _boxTimer = setTimeout(function() {
                if (_hiddenText.is(':visible')) 
                {
                    _hiddenText.slideUp("slow");
                }
                else
                {
                    _hiddenText.slideDown("slow");
                }
            }, 600);
        },function(event)
        {
            clearTimeout(_boxTimer);
            _hiddenText.slideUp("slow");
        });        
    });
});

$(window).resize(function()
{
    $("#info > .box").each(function(index, item)
    {
        var _box = $(item);
        var _hiddenText = _box.children(".hidden-text");
        _hiddenText.css("top", _box.height() + "px");
        _hiddenText.css("left", "0px");
    });
});