$(document).ready(function() {
    $('.caption').each(function(index) {
        $(this).wrap('<div class="img_caption_wrapper" style="width:'+$(this).width()+'px; height:'+$(this).height()+'px;">');
        $(this).wrap('<div class="img_caption_content">');
            
        var title = $(this).attr("title");
        $('<div class="img_caption_text">'+title+'</div>').insertAfter(this);
            
    });
        
    $('.img_caption_wrapper').mouseover(function(){
        var content = $(this).children('.img_caption_content');
        var translation = -content.children('.img_caption_text').outerHeight(true);
        content.stop();
        content.animate({
            top:translation+'px'
        }, 'fast');
    }).mouseout(function(){
        var content = $(this).children('.img_caption_content');
        content.stop();
        content.animate({
            top:'0px'
        }, 'fast');
    });
});