var tip_rating_labels = $H({ '1': "Not Helpful",
                         '2': "Somewhat Helpful",
                         '3': "Helpful",
                         '4': "Very Helpful",
                         '5': "Extremely Helpful" });
var tip_rating_label;

function showTipRatingLabel(event) {
    var label = event.element().previous('.helpful-label')
    tip_rating_label = label.innerHTML;
    //alert(event.element().src);
    label.innerHTML = tip_rating_labels.get(event.element().src.match(/(\d).gif$/)[1]) + "<img src=\"/images/clear.gif\" width=\"0\" height=\"20\" alt=\"\" />";
}

function restoreTipRatingLabel(event) {
    event.element().previous('.helpful-label').innerHTML = tip_rating_label;
    // $('member-rating-label').innerHTML = rating_label;
}

function rateTip(event) {
    event.element().stopObserving('click');
    var rating = event.element().src.match(/(\d).gif$/)[1];
    var tip_id = event.element().id.match(/^.*-(\d.*)$/)[1];
    
    var params = { id: tip_id,
                   rating: rating };

    new Ajax.Request('/tip/rate', { parameters: params }); 
}

document.observe('dom:loaded', function() {
  $$('img.tip-rating-img').each(function(element) {
    element.observe('mouseover', showTipRatingLabel);
    element.observe('mouseout', restoreTipRatingLabel);
    element.observe('click', rateTip);
  });
});