$(function()
{
    $('.thumbnailLink').hover(function()
    {
        var thisImageTitleParts = $(this).attr("alt").split(" ~ ");
        var thisImageTitle = thisImageTitleParts[0];
        var thisImageLength;
        if (thisImageTitleParts.length > 1)
            thisImageLength = thisImageTitleParts[1];
        else
            thisImageLength = "";
        
        var position = $(this).offset();
        var hoverImage = "<div id=\"thumbnailLinkHover\"><div class=\"thumbnailLinkHoverTitle\">" +
            thisImageTitle.substring(0, ((thisImageTitle.length < 17) ? thisImageTitle.length : 17)) + 
            "</div><div class=\"thumbnailLinkHoverLength\">" + thisImageLength + "</div></div>";
        $(".videos:first").append(hoverImage);
        $("#thumbnailLinkHover").css("top", (position.top - 43) + "px");
        $("#thumbnailLinkHover").css("left", (position.left - 10) + "px");
    },
    function()
    {
        $("#thumbnailLinkHover").remove();
    });
});