// Create a Youtube style text indicator underneath the stars,
// using starbox custom events
function starboxChangedText(event) {
  var indicator = this.down('.indicator'),
  pick = (event.memo.rating || 0).round() - 1,
  indicator = this.down('.indicator');
  
  // for restoring, store the indicator text on the star if it was not set before.
  this.starboxResetText = this.starboxResetText || indicator.innerHTML;
  
  this.down('.indicator').update([
    'Scarsa',
	'Niente di speciale',
	'Vale la pena provarla...',
	'Stuzzicante',
	'Deliziosa!'
  ][pick]);  
}

// when the link is clicked update the restore value
function starboxRatedText() {
  var indicator = this.down('.indicator');
  this.starboxResetText = indicator.innerHTML;
}

// here we restore the indicator on mouseout, if needed
function starboxLeftText() {
  this.down('.indicator').update(this.starboxResetText || '');
}

document.observe('dom:loaded', function() {
  $('vote').observe('starbox:rated', saveStar);
  $('vote').observe('starbox:changed', starboxChangedText) // observe the mouseover
  $('vote').observe('starbox:left', starboxLeftText); // observe the mouseout
});