// ==UserScript==
// @name            Display Title Attributes
// @namespace       jarrin.net
// @description     Display image title tags below images (no more annoying roll overs).
// @include         http://*
// @require         http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js
// ==/UserScript==

(function() {
    $(document).ready(function() {
        // extract the image's title attribute and display it below the image
        $("img[title != '']").each(function() {
            if ($(this).width() > 200)
                $(this).after("<span class='displayedTitleTag' style='font-size: 7pt; font-face: arial; color: #666666; cursor: pointer;'><br>" + $(this).attr("title") + "</span>");
        });

        // hide the displayed title text if it is clicked on
        $("span.displayedTitleTag").click(function() {
            $(this).hide();
        });
    });
})();