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="{resource_thumbnail}" 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}">{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}</a><br>' +
                    '{time_ago} {time_units} ago<br>' +
                    '{if "{language}" != ""}Language: {language}[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);
}