var RESOURCE_TOOLTIP_CREATE = 'jsfunc:GetResourceTooltip({id_resource})';
var RESOURCE_TOOLTIP_TEMPLATE = '' +
    '<table cellpadding="0" cellspacing="0" style="margin-left: 10px; margin-right: 10px; margin-top: 6px; margin-bottom: 10px;">' +
        '<tr>' +
            '<td colspan="2" width="284" valign="top" class="resource_title">' +
                '<strong><a href="{view_url}">{tooltip_title}</a></strong>' +
            '</td>' +
        '</tr>' +
        '<tr>' +
            '<td class="resource_info" width="124" valign="top">' +
                '<img src="{THUMBNAIL_SMALL_SCRIPT}" class="thumbnail" />' +
            '</td>' +
            '<td class="resource_info" align="left" width="160" valign="top" style="padding-left: 14px;">' +
                '<p>' +
                    '<span class="gray">By</span> <a href="{user_url}">{user_login}</a>' +
                    '{if {is_pro_account}} <a href="{user_slidelog_url}"><img src="/images/pro.png" class="pro_icon"></a>[if]' +
                    '<table class="resource_rating" cellpadding="0" cellspacing="0">' +
                        '<tr>' +
                            '<td valign="middle"><img src="{rate_icon}"> </td>' +
                            '<td valign="middle">' +
                                '&nbsp;{lbl_rate} | {count_views} Views' +
                            '</td>' +
                        '</tr>' +
                    '</table>' +
                    'In <a href="{category_url}">{category_name}</a><br>' +
                    '{time_ago} {time_units} ago<br>' +
                    '{if "{language_name}" != ""}Language: {language_name}[if]' +
                '</p>' +
            '</td>' +
        '</tr>' +
        '<tr>' +
            '<td colspan="2" width="298" style="padding-top: 5px;">' +
                '<p>{description}</p>' +
            '</td>' +
        '</tr>' +
    '</table>';

var g_resourceTooltipVars = new Array();

function AddResourceTooltip(idResource, vars)
{
    var thumbnail = GetElement("resourceThumbnail" + idResource);
    AddTooltip(thumbnail, ParseTemplate(RESOURCE_TOOLTIP_CREATE, {id_resource:idResource}));

    g_resourceTooltipVars[String(idResource)] = vars;
}

function GetResourceTooltip(idResource)
{
    var vars = g_resourceTooltipVars[String(idResource)];

    var rate = vars["rate"];
    if (rate < 0)
        vars["rate_icon"] = "/images/small_rate_minus.gif";
    else
        vars["rate_icon"] = "/images/small_rate_plus.gif";

    if (rate > 0)
        vars["lbl_rate"] = "+" + rate;
    else
        vars["lbl_rate"] = rate;

    return ParseTemplate(RESOURCE_TOOLTIP_TEMPLATE, vars);
}