jQuery.noConflict();
jQuery(document).ready(function() { 
   jQuery("#rating_form").ajaxForm({
    success: showRatings,
    dataType: 'json'
   }); 
   
   jQuery("#rating_form input[value='1']").hover(
      function(){
        jQuery("#total_count_rating").toggle();
        jQuery("#label_rating1").css({'visibility' : 'visible'});
        RollOverStars(jQuery(this).attr("value"));
      },function(){
        jQuery("#label_rating1").css({'visibility' : 'hidden'});
        jQuery("#total_count_rating").toggle();
        RollOverStars(jQuery("#rating_form input[type='hidden']").attr("value"));
    });
    
   jQuery("#rating_form input[value='2']").hover(
    function(){
        jQuery("#total_count_rating").toggle();
        jQuery("#label_rating2").css({'visibility' : 'visible'});
        RollOverStars(jQuery(this).attr("value"));
    }, function(){
        jQuery("#label_rating2").css({'visibility' : 'hidden'});
        jQuery("#total_count_rating").toggle();
        RollOverStars(jQuery("#rating_form input[type='hidden']").attr("value"));
    });
    
    jQuery("#rating_form input[value='3']").hover(
    function(){
        jQuery("#total_count_rating").toggle();
        jQuery("#label_rating3").css({'visibility' : 'visible'});
        RollOverStars(jQuery(this).attr("value"));
    }, function(){
        jQuery("#label_rating3").css({'visibility' : 'hidden'});
        jQuery("#total_count_rating").toggle();
        RollOverStars(jQuery("#rating_form input[type='hidden']").attr("value"));
    });
    
    jQuery("#rating_form input[value='4']").hover(
      function(){
        jQuery("#total_count_rating").toggle();
        jQuery("#label_rating4").css({'visibility' : 'visible'});
        RollOverStars(jQuery(this).attr("value"));
      }, function(){
        jQuery("#label_rating4").css({'visibility' : 'hidden'});
        jQuery("#total_count_rating").toggle();
        RollOverStars(jQuery("#rating_form input[type='hidden']").attr("value"));
    });
    
    jQuery("#rating_form input[value='5']").hover(
      function(){
        jQuery("#total_count_rating").toggle();
        jQuery("#label_rating5").css({'visibility' : 'visible'});
        RollOverStars(jQuery(this).attr("value"));
      }, function(){
        jQuery("#label_rating5").css({'visibility' : 'hidden'});
        jQuery("#total_count_rating").toggle();
        RollOverStars(jQuery("#rating_form input[type='hidden']").attr("value"));
    });
    
});


var star_icon = "/star_icon.gif";
var blank_icon = "/blank_star_icon.gif";

function showRatings(data) {
  var star_url = data.absolute_url + star_icon;
  var blank_url = data.absolute_url + blank_icon;
  // recorro los inputs y cambio el icono
  jQuery("#rating_form input[type='image']").each(function(i,v) {
    if (jQuery(v).attr("value") <= data.rating) {
      jQuery(v).attr("src", star_url);
    }
    else {
      jQuery(v).attr("src", blank_url);
    }
  });
 
  jQuery("#label_rating").text("Gracias por votar!!");
} 

function RollOverStars(value){
  //debugger;
  var star_url =  window.location.href.replace('/view', star_icon); 
  var blank_url = window.location.href.replace('/view', blank_icon);
  
  if (star_url == window.location.href) {
     star_url =  window.location.href+star_icon;
  }
  if (blank_url == window.location.href) {
     blank_url =  window.location.href+blank_icon; 
  }
  
  jQuery("#rating_form input[type='image']").each(function(i,v) {
    if (jQuery(v).attr("value") <= value) {
      jQuery(v).attr("src", star_url);
    }
    else {
      jQuery(v).attr("src", blank_url);
    }
  });
}