ratyrate 1.2.0.alpha → 1.2.2.alpha

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: afb9049229e09fc34ff2b76ce661361b05914316
-  data.tar.gz: 97b29e7fd7793f1355e76ebdb8480dc7b2b804c7
+  metadata.gz: b53d45f2998157baf412e9ac7da13833e6a2c7d0
+  data.tar.gz: 4170bf59fdc9ade44406793d3fb20468858717ab
 SHA512:
-  metadata.gz: 137685240d3d6f07ec47aed48a9790ee7e8cbcd48133d6194fc1e416c0ebc8a717451ab8ecac41510c19b870db8c88d010533746e927d601ab3203b226d017e0
-  data.tar.gz: 5cd42119f1040208e7fb3c5b59ac926fc5712d03935d8fd8e794f808e09803778f0010c5480155af15de93984fe8e8dc1245e6f362daf9fd099ff8f2a2c7167a
+  metadata.gz: af7091138333e866d7cbf9e8a2fd2fc54033205e9a0a46fb53d95893563860b70f5c2b532884e924891a0281c221a6efe1a2e93d5c512083d503a30fb7e01a6b
+  data.tar.gz: 02bfd2f72a059d73fbe1482841ae05f2fc8bd65b189c2072f2eb93051f2c3f49b9d7bd8ffe48dfaecbfdc6179b90bb6504f72b0fbdfded5f1cdfd8f934044453

data/Gemfile

@@ -4,5 +4,7 @@ gem 'jquery-rails', '>= 3.1.1'
 
 ruby '2.1.0'
 
-# Specify your gem's dependencies in ratyrate.gemspec
+# gem 'rspec'
+
+# Specify your gem's dependencies in letsrate.gemspec
 gemspec

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ratyrate (1.0.9)
+    ratyrate (1.2.0.alpha)
 
 GEM
   remote: http://rubygems.org/

data/README.md

@@ -2,7 +2,7 @@
 
 A Ruby Gem that wrap the functionality of [jQuery Raty](https://github.com/wbotelhos/raty) library, and provides optional IMDB style rating.
 
-[![Gem Version](https://badge.fury.io/rb/money-rails.png)](http://badge.fury.io/rb/money-rails)
+[![Gem Version](https://badge.fury.io/rb/ratyrate.svg)](http://badge.fury.io/rb/ratyrate)
 [![Build Status](https://travis-ci.org/wazery/ratyrate.svg)](http://travis-ci.org/wazery/ratyrate)
 [![Dependency Status](https://gemnasium.com/wazery/ratyrate.svg)](https://gemnasium.com/wazery/ratyrate)
 [![Code Climate](https://codeclimate.com/github/wazery/ratyrate.png)](https://codeclimate.com/github/wazery/ratyrate)
@@ -31,8 +31,10 @@ This is a fork against the repository [muratguzel/ratyrate](https://github.com/m
 
 1. Write RSpec tests for this Gem
 2. Create a Heroku app to illustrate this Gem's purpose and features (MovieStore)
-3. Add option to show the number of users who gave rates
-4. Add a share helper to Facebook, Twitter
+3. Write a complete tutorial on SitePoint that illustrates how to use this gem
+4. Add option to show the number of users who gave rates
+5. Add a share helper to Facebook, Twitter
+6. Force refresh after rating when ***disable_after_rate*** and ***imdb_avg*** options is set to true.
 
 ## Detailed view of the new features
 
@@ -51,7 +53,7 @@ gem 'ratyrate'
 ### Generate
 
 ```
-rails g ratyrate User
+rails g ratyrate user
 ```
 
 The generator takes one argument which is the name of your existing devise user model UserModelName. This is necessary to bind the user and rating datas.
@@ -68,7 +70,16 @@ rails g devise user
 rails g ratyrate user # => user is the model generated by devise
 ```
 
-This generator will create Rate and RatingCache models and link to your user model.
+This generator will create Rate and RatingCache models,
+db/migrations, 
+and link to your user model.
+
+### Database Migration
+
+Run the migrations:
+```
+rake db:migrate
+```
 
 ### Prepare
 
@@ -115,38 +126,44 @@ Speed : <%= rating_for @car, "speed", :star => 10 %>
 Speed : <%= rating_for @car, "engine", :star => 7 %>
 Speed : <%= rating_for @car, "price" %>
 ```
-2- To enable half stars use the option *enable_half*
+2- If you want to disable/enable the rating after user's first rate use the new option *disable_after_rate*
+```erb
+Speed : <%= rating_for @car, "speed", :disable_after_rate => true %>
+```
+To enable changes after first user rate set ```disable_after_rate``` to false
+
+3- To enable half stars use the option *enable_half*
 ```erb
 Speed : <%= rating_for @car, "speed", :enable_half => true %>
 ```
-3- To show or hide the half stars use *half_show*
+4- To show or hide the half stars use *half_show*
 ```erb
 Speed : <%= rating_for @car, "speed", :half_show => true %>
 ```
-4- To change the path in which the star images (star-on.png, star-off.png, star-half.png, ..etc) are located use
+5- To change the path in which the star images (star-on.png, star-off.png, star-half.png, ..etc) are located use
 ```erb
 Speed : <%= rating_for @car, "speed", :star_path => true %>
 ```
 
 To just change one of the star images choose from these options (star_on, star_off, star_half)
 
-5- To add the cancel button to the left, or right of the stars use **(default is false)**
+6- To add the cancel button to the left, or right of the stars use **(default is false)**
 ```erb
 Speed : <%= rating_for @car, "speed", :cancel => true %>
 ```
-6- To change the place of the cancel button (left, or right) use **(default is left)**
+7- To change the place of the cancel button (left, or right) use **(default is left)**
 ```erb
 Speed : <%= rating_for @car, "speed", :cancel_place => left %>
 ```
-7- To change the hint on the cancel button use **(default is "Cancel current rating!" )**
+8- To change the hint on the cancel button use **(default is "Cancel current rating!" )**
 ```erb
 Speed : <%= rating_for @car, "speed", :cancel_hint => "Cancel this rating!" %>
 ```
-8- To change the image of the cancel on button use
+9- To change the image of the cancel on button use
 ```erb
 Speed : <%= rating_for @car, "speed", :cancel_on => "cancel-on2.png" %>
 ```
-9- To change the image of the cancel off use
+10- To change the image of the cancel off use
 ```erb
   Speed : <%= rating_for @car, "speed", :cancel_off => "cancel-off2.png" %>
 ```

data/lib/generators/ratyrate/templates/jquery.raty.js

@@ -1,464 +1,760 @@
 /*!
- * jQuery Raty - A Star Rating Plugin - http://wbotelhos.com/raty
- * -------------------------------------------------------------------
+ * jQuery Raty - A Star Rating Plugin
  *
- * jQuery Raty is a plugin that generates a customizable star rating.
+ * The MIT License
  *
- * Licensed under The MIT License
- *
- * @version        2.4.5
- * @since          2010.06.11
- * @author         Washington Botelho
- * @documentation  wbotelhos.com/raty
- * @twitter        twitter.com/wbotelhos
- *
- * Usage:
- * -------------------------------------------------------------------
- * $('#star').raty();
- *
- * <div id="star"></div>
+ * @author  : Washington Botelho
+ * @doc     : http://wbotelhos.com/raty
+ * @version : 2.7.0
  *
  */
 
-;(function($) {
+;
+(function($) {
+  'use strict';
+
+  var methods = {
+    init: function(options) {
+      return this.each(function() {
+        this.self = $(this);
+
+        methods.destroy.call(this.self);
+
+        this.opt = $.extend(true, {}, $.fn.raty.defaults, options);
+
+        methods._adjustCallback.call(this);
+        methods._adjustNumber.call(this);
+        methods._adjustHints.call(this);
+
+        this.opt.score = methods._adjustedScore.call(this, this.opt.score);
+
+        if (this.opt.starType !== 'img') {
+          methods._adjustStarType.call(this);
+        }
+
+        methods._adjustPath.call(this);
+        methods._createStars.call(this);
+
+        if (this.opt.cancel) {
+          methods._createCancel.call(this);
+        }
+
+        if (this.opt.precision) {
+          methods._adjustPrecision.call(this);
+        }
+
+        methods._createScore.call(this);
+        methods._apply.call(this, this.opt.score);
+        methods._setTitle.call(this, this.opt.score);
+        methods._target.call(this, this.opt.score);
+
+        if (this.opt.readOnly) {
+          methods._lock.call(this);
+        } else {
+          this.style.cursor = 'pointer';
+
+          methods._binds.call(this);
+        }
+      });
+    },
+
+    _adjustCallback: function() {
+      var options = ['number', 'readOnly', 'score', 'scoreName', 'target'];
+
+      for (var i = 0; i < options.length; i++) {
+        if (typeof this.opt[options[i]] === 'function') {
+          this.opt[options[i]] = this.opt[options[i]].call(this);
+        }
+      }
+    },
+
+    _adjustedScore: function(score) {
+      if (!score) {
+        return score;
+      }
+
+      return methods._between(score, 0, this.opt.number);
+    },
+
+    _adjustHints: function() {
+      if (!this.opt.hints) {
+        this.opt.hints = [];
+      }
+
+      if (!this.opt.halfShow && !this.opt.half) {
+        return;
+      }
+
+      var steps = this.opt.precision ? 10 : 2;
+
+      for (var i = 0; i < this.opt.number; i++) {
+        var group = this.opt.hints[i];
+
+        if (Object.prototype.toString.call(group) !== '[object Array]') {
+          group = [group];
+        }
+
+        this.opt.hints[i] = [];
+
+        for (var j = 0; j < steps; j++) {
+          var
+            hint = group[j],
+            last = group[group.length - 1];
+
+          if (last === undefined) {
+            last = null;
+          }
+
+          this.opt.hints[i][j] = hint === undefined ? last : hint;
+        }
+      }
+    },
+
+    _adjustNumber: function() {
+      this.opt.number = methods._between(this.opt.number, 1, this.opt.numberMax);
+    },
+
+    _adjustPath: function() {
+      this.opt.path = this.opt.path || '';
+
+      if (this.opt.path && this.opt.path.charAt(this.opt.path.length - 1) !== '/') {
+        this.opt.path += '/';
+      }
+    },
+
+    _adjustPrecision: function() {
+      this.opt.half = true;
+    },
+
+    _adjustStarType: function() {
+      var replaces = ['cancelOff', 'cancelOn', 'starHalf', 'starOff', 'starOn'];
+
+      this.opt.path = '';
+
+      for (var i = 0; i < replaces.length; i++) {
+        this.opt[replaces[i]] = this.opt[replaces[i]].replace('.', '-');
+      }
+    },
+
+    _apply: function(score) {
+      methods._fill.call(this, score);
+
+      if (score) {
+        if (score > 0) {
+          this.score.val(score);
+        }
+
+        methods._roundStars.call(this, score);
+      }
+    },
+
+    _between: function(value, min, max) {
+      return Math.min(Math.max(parseFloat(value), min), max);
+    },
+
+    _binds: function() {
+      if (this.cancel) {
+        methods._bindOverCancel.call(this);
+        methods._bindClickCancel.call(this);
+        methods._bindOutCancel.call(this);
+      }
+
+      methods._bindOver.call(this);
+      methods._bindClick.call(this);
+      methods._bindOut.call(this);
+    },
+
+    _bindClick: function() {
+      var that = this;
+
+      that.stars.on('click.raty', function(evt) {
+        var
+          execute = true,
+          score   = (that.opt.half || that.opt.precision) ? that.self.data('score') : (this.alt || $(this).data('alt'));
+
+        if (that.opt.click) {
+          execute = that.opt.click.call(that, +score, evt);
+        }
+
+        if (execute || execute === undefined) {
+          if (that.opt.half && !that.opt.precision) {
+            score = methods._roundHalfScore.call(that, score);
+          }
+
+          methods._apply.call(that, score);
+        }
+      });
+    },
+
+    _bindClickCancel: function() {
+      var that = this;
+
+      that.cancel.on('click.raty', function(evt) {
+        that.score.removeAttr('value');
+
+        if (that.opt.click) {
+          that.opt.click.call(that, null, evt);
+        }
+      });
+    },
+
+    _bindOut: function() {
+      var that = this;
+
+      that.self.on('mouseleave.raty', function(evt) {
+        var score = +that.score.val() || undefined;
+
+        methods._apply.call(that, score);
+        methods._target.call(that, score, evt);
+        methods._resetTitle.call(that);
+
+        if (that.opt.mouseout) {
+          that.opt.mouseout.call(that, score, evt);
+        }
+      });
+    },
+
+    _bindOutCancel: function() {
+      var that = this;
+
+      that.cancel.on('mouseleave.raty', function(evt) {
+        var icon = that.opt.cancelOff;
+
+        if (that.opt.starType !== 'img') {
+          icon = that.opt.cancelClass + ' ' + icon;
+        }
+
+        methods._setIcon.call(that, this, icon);
+
+        if (that.opt.mouseout) {
+          var score = +that.score.val() || undefined;
+
+          that.opt.mouseout.call(that, score, evt);
+        }
+      });
+    },
+
+    _bindOver: function() {
+      var that   = this,
+          action = that.opt.half ? 'mousemove.raty' : 'mouseover.raty';
+
+      that.stars.on(action, function(evt) {
+        var score = methods._getScoreByPosition.call(that, evt, this);
+
+        methods._fill.call(that, score);
+
+        if (that.opt.half) {
+          methods._roundStars.call(that, score, evt);
+          methods._setTitle.call(that, score, evt);
+
+          that.self.data('score', score);
+        }
+
+        methods._target.call(that, score, evt);
+
+        if (that.opt.mouseover) {
+          that.opt.mouseover.call(that, score, evt);
+        }
+      });
+    },
+
+    _bindOverCancel: function() {
+      var that = this;
+
+      that.cancel.on('mouseover.raty', function(evt) {
+        var
+          starOff = that.opt.path + that.opt.starOff,
+          icon    = that.opt.cancelOn;
+
+        if (that.opt.starType === 'img') {
+          that.stars.attr('src', starOff);
+        } else {
+          icon = that.opt.cancelClass + ' ' + icon;
+
+          that.stars.attr('class', starOff);
+        }
+
+        methods._setIcon.call(that, this, icon);
+        methods._target.call(that, null, evt);
+
+        if (that.opt.mouseover) {
+          that.opt.mouseover.call(that, null);
+        }
+      });
+    },
+
+    _buildScoreField: function() {
+      return $('<input />', { name: this.opt.scoreName, type: 'hidden' }).appendTo(this);
+    },
+
+    _createCancel: function() {
+      var icon   = this.opt.path + this.opt.cancelOff,
+          cancel = $('<' + this.opt.starType + ' />', { title: this.opt.cancelHint, 'class': this.opt.cancelClass });
+
+      if (this.opt.starType === 'img') {
+        cancel.attr({ src: icon, alt: 'x' });
+      } else {
+        // TODO: use $.data
+        cancel.attr('data-alt', 'x').addClass(icon);
+      }
+
+      if (this.opt.cancelPlace === 'left') {
+        this.self.prepend('&#160;').prepend(cancel);
+      } else {
+        this.self.append('&#160;').append(cancel);
+      }
+
+      this.cancel = cancel;
+    },
+
+    _createScore: function() {
+      var score = $(this.opt.targetScore);
+
+      this.score = score.length ? score : methods._buildScoreField.call(this);
+    },
+
+    _createStars: function() {
+      for (var i = 1; i <= this.opt.number; i++) {
+        var
+          name  = methods._nameForIndex.call(this, i),
+          attrs = { alt: i, src: this.opt.path + this.opt[name] };
+
+        if (this.opt.starType !== 'img') {
+          attrs = { 'data-alt': i, 'class': attrs.src }; // TODO: use $.data.
+        }
+
+        attrs.title = methods._getHint.call(this, i);
+
+        $('<' + this.opt.starType + ' />', attrs).appendTo(this);
+
+        if (this.opt.space) {
+          this.self.append(i < this.opt.number ? '&#160;' : '');
+        }
+      }
+
+      this.stars = this.self.children(this.opt.starType);
+    },
+
+    _error: function(message) {
+      $(this).text(message);
+
+      $.error(message);
+    },
 
-	var methods = {
-		init: function(settings) {
-			return this.each(function() {
-				var self	= this,
-					$this	= $(self).empty();
+    _fill: function(score) {
+      var hash = 0;
 
-				self.opt = $.extend(true, {}, $.fn.raty.defaults, settings);
+      for (var i = 1; i <= this.stars.length; i++) {
+        var
+          icon,
+          star   = this.stars[i - 1],
+          turnOn = methods._turnOn.call(this, i, score);
 
-				$this.data('settings', self.opt);
+        if (this.opt.iconRange && this.opt.iconRange.length > hash) {
+          var irange = this.opt.iconRange[hash];
 
-				if (typeof self.opt.number == 'function') {
-					self.opt.number = self.opt.number.call(self);
-				} else {
-					self.opt.number = methods.between(self.opt.number, 0, 20)
-				}
+          icon = methods._getRangeIcon.call(this, irange, turnOn);
 
-				if (self.opt.path.substring(self.opt.path.length - 1, self.opt.path.length) != '/') {
-					self.opt.path += '/';
-				}
+          if (i <= irange.range) {
+            methods._setIcon.call(this, star, icon);
+          }
 
-				if (typeof self.opt.score == 'function') {
-					self.opt.score = self.opt.score.call(self);
-				}
+          if (i === irange.range) {
+            hash++;
+          }
+        } else {
+          icon = this.opt[turnOn ? 'starOn' : 'starOff'];
 
-				if (self.opt.score) {
-					self.opt.score = methods.between(self.opt.score, 0, self.opt.number);
-				}
+          methods._setIcon.call(this, star, icon);
+        }
+      }
+    },
 
-				for (var i = 1; i <= self.opt.number; i++) {
-					$('<img />', {
-						src		: self.opt.path + ((!self.opt.score || self.opt.score < i) ? self.opt.starOff : self.opt.starOn),
-						alt		: i,
-						title	: (i <= self.opt.hints.length && self.opt.hints[i - 1] !== null) ? self.opt.hints[i - 1] : i
-					}).appendTo(self);
+    _getFirstDecimal: function(number) {
+      var
+        decimal = number.toString().split('.')[1],
+        result  = 0;
 
-					if (self.opt.space) {
-						$this.append((i < self.opt.number) ? '&#160;' : '');
-					}
-				}
+      if (decimal) {
+        result = parseInt(decimal.charAt(0), 10);
 
-				self.stars = $this.children('img:not(".raty-cancel")');
-				self.score = $('<input />', { type: 'hidden', name: self.opt.scoreName }).appendTo(self);
+        if (decimal.slice(1, 5) === '9999') {
+          result++;
+        }
+      }
 
-				if (self.opt.score && self.opt.score > 0) {
-					self.score.val(self.opt.score);
-					methods.roundStar.call(self, self.opt.score);
-				}
+      return result;
+    },
 
-				if (self.opt.iconRange) {
-					methods.fill.call(self, self.opt.score);
-				}
+    _getRangeIcon: function(irange, turnOn) {
+      return turnOn ? irange.on || this.opt.starOn : irange.off || this.opt.starOff;
+    },
 
-				methods.setTarget.call(self, self.opt.score, self.opt.targetKeep);
+    _getScoreByPosition: function(evt, icon) {
+      var score = parseInt(icon.alt || icon.getAttribute('data-alt'), 10);
 
-				var space	= self.opt.space ? 4 : 0,
-					width	= self.opt.width || (self.opt.number * self.opt.size + self.opt.number * space);
+      if (this.opt.half) {
+        var
+          size    = methods._getWidth.call(this),
+          percent = parseFloat((evt.pageX - $(icon).offset().left) / size);
 
-				if (self.opt.cancel) {
-					self.cancel = $('<img />', { src: self.opt.path + self.opt.cancelOff, alt: 'x', title: self.opt.cancelHint, 'class': 'raty-cancel' });
+        score = score - 1 + percent;
+      }
 
-					if (self.opt.cancelPlace == 'left') {
-						$this.prepend('&#160;').prepend(self.cancel);
-					} else {
-						$this.append('&#160;').append(self.cancel);
-					}
+      return score;
+    },
 
-					width += (self.opt.size + space);
-				}
+    _getHint: function(score, evt) {
+      if (score !== 0 && !score) {
+        return this.opt.noRatedMsg;
+      }
 
-				if (self.opt.readOnly) {
-					methods.fixHint.call(self);
+      var
+        decimal = methods._getFirstDecimal.call(this, score),
+        integer = Math.ceil(score),
+        group   = this.opt.hints[(integer || 1) - 1],
+        hint    = group,
+        set     = !evt || this.move;
 
-					if (self.cancel) {
-						self.cancel.hide();
-					}
-				} else {
-					$this.css('cursor', 'pointer');
+      if (this.opt.precision) {
+        if (set) {
+          decimal = decimal === 0 ? 9 : decimal - 1;
+        }
 
-					methods.bindAction.call(self);
-				}
-
-				$this.css('width', width);
-			});
-		}, between: function(value, min, max) {
-			return Math.min(Math.max(parseFloat(value), min), max);
-		}, bindAction: function() {
-			var self	= this,
-				$this	= $(self);
-
-			$this.mouseleave(function() {
-				var score = self.score.val() || undefined;
-
-				methods.initialize.call(self, score);
-				methods.setTarget.call(self, score, self.opt.targetKeep);
-
-				if (self.opt.mouseover) {
-					self.opt.mouseover.call(self, score);
-				}
-			});
-
-			var action = self.opt.half ? 'mousemove' : 'mouseover';
-
-			if (self.opt.cancel) {
-				self.cancel.mouseenter(function() {
-					$(this).attr('src', self.opt.path + self.opt.cancelOn);
-
-					self.stars.attr('src', self.opt.path + self.opt.starOff);
-
-					methods.setTarget.call(self, null, true);
-
-					if (self.opt.mouseover) {
-						self.opt.mouseover.call(self, null);
-					}
-				}).mouseleave(function() {
-					$(this).attr('src', self.opt.path + self.opt.cancelOff);
-
-					if (self.opt.mouseover) {
-						self.opt.mouseover.call(self, self.score.val() || null);
-					}
-				}).click(function(evt) {
-					self.score.removeAttr('value');
-
-					if (self.opt.click) {
-			          self.opt.click.call(self, null, evt);
-			        }
-				});
-			}
-
-			self.stars.bind(action, function(evt) {
-				var value = parseInt(this.alt, 10);
-
-				if (self.opt.half) {
-					var position	= parseFloat((evt.pageX - $(this).offset().left) / self.opt.size),
-						diff		= (position > .5) ? 1 : .5;
-
-					value = parseFloat(this.alt) - 1 + diff;
-
-					methods.fill.call(self, value);
-
-					if (self.opt.precision) {
-						value = value - diff + position;
-					}
-
-					methods.showHalf.call(self, value);
-				} else {
-					methods.fill.call(self, value);
-				}
-
-				$this.data('score', value);
-
-				methods.setTarget.call(self, value, true);
-
-				if (self.opt.mouseover) {
-					self.opt.mouseover.call(self, value, evt);
-				}
-			}).click(function(evt) {
-				self.score.val((self.opt.half || self.opt.precision) ? $this.data('score') : this.alt);
-
-				if (self.opt.click) {
-					self.opt.click.call(self, self.score.val(), evt);
-				}
-			});
-		}, cancel: function(isClick) {
-			return $(this).each(function() {
-				var self	= this,
-					$this	= $(self);
-
-				if ($this.data('readonly') === true) {
-					return this;
-				}
-
-				if (isClick) {
-					methods.click.call(self, null);
-				} else {
-					methods.score.call(self, null);
-				}
-
-				self.score.removeAttr('value');
-			});
-		}, click: function(score) {
-			return $(this).each(function() {
-				if ($(this).data('readonly') === true) {
-					return this;
-				}
-
-				methods.initialize.call(this, score);
-
-				if (this.opt.click) {
-					this.opt.click.call(this, score);
-				} else {
-					methods.error.call(this, 'you must add the "click: function(score, evt) { }" callback.');
-				}
-
-				methods.setTarget.call(this, score, true);
-			});
-		}, error: function(message) {
-			$(this).html(message);
-
-			$.error(message);
-		}, fill: function(score) {
-			var self	= this,
-				number	= self.stars.length,
-				count	= 0,
-				$star	,
-				star	,
-				icon	;
-
-			for (var i = 1; i <= number; i++) {
-				$star = self.stars.eq(i - 1);
-
-				if (self.opt.iconRange && self.opt.iconRange.length > count) {
-					star = self.opt.iconRange[count];
-
-					if (self.opt.single) {
-						icon = (i == score) ? (star.on || self.opt.starOn) : (star.off || self.opt.starOff);
-					} else {
-						icon = (i <= score) ? (star.on || self.opt.starOn) : (star.off || self.opt.starOff);
-					}
-
-					if (i <= star.range) {
-						$star.attr('src', self.opt.path + icon);
-					}
-
-					if (i == star.range) {
-						count++;
-					}
-				} else {
-					if (self.opt.single) {
-						icon = (i == score) ? self.opt.starOn : self.opt.starOff;
-					} else {
-						icon = (i <= score) ? self.opt.starOn : self.opt.starOff;
-					}
-
-					$star.attr('src', self.opt.path + icon);
-				}
-			}
-		}, fixHint: function() {
-			var $this	= $(this),
-				score	= parseInt(this.score.val(), 10),
-				hint	= this.opt.noRatedMsg;
-
-			if (!isNaN(score) && score > 0) {
-				hint = (score <= this.opt.hints.length && this.opt.hints[score - 1] !== null) ? this.opt.hints[score - 1] : score;
-			}
-
-			$this.data('readonly', true).css('cursor', 'default').attr('title', hint);
-
-			this.score.attr('readonly', 'readonly');
-			this.stars.attr('title', hint);
-		}, getScore: function() {
-			var score	= [],
-				value	;
-
-			$(this).each(function() {
-				value = this.score.val();
-
-				score.push(value ? parseFloat(value) : undefined);
-			});
-
-			return (score.length > 1) ? score : score[0];
-		}, readOnly: function(isReadOnly) {
-			return this.each(function() {
-				var $this = $(this);
-
-				if ($this.data('readonly') === isReadOnly) {
-					return this;
-				}
-
-				if (this.cancel) {
-					if (isReadOnly) {
-						this.cancel.hide();
-					} else {
-						this.cancel.show();
-					}
-				}
-
-				if (isReadOnly) {
-					$this.unbind();
-
-					$this.children('img').unbind();
-
-					methods.fixHint.call(this);
-				} else {
-					methods.bindAction.call(this);
-					methods.unfixHint.call(this);
-				}
-
-				$this.data('readonly', isReadOnly);
-			});
-		}, reload: function() {
-			return methods.set.call(this, {});
-		}, roundStar: function(score) {
-			var diff = (score - Math.floor(score)).toFixed(2);
-
-			if (diff > this.opt.round.down) {
-				var icon = this.opt.starOn;								// Full up: [x.76 .. x.99]
-
-				if (diff < this.opt.round.up && this.opt.halfShow) {	// Half: [x.26 .. x.75]
-					icon = this.opt.starHalf;
-				} else if (diff < this.opt.round.full) {				// Full down: [x.00 .. x.5]
-					icon = this.opt.starOff;
-				}
-
-				this.stars.eq(Math.ceil(score) - 1).attr('src', this.opt.path + icon);
-			}															// Full down: [x.00 .. x.25]
-		}, score: function() {
-			return arguments.length ? methods.setScore.apply(this, arguments) : methods.getScore.call(this);
-		}, set: function(settings) {
-			this.each(function() {
-				var $this	= $(this),
-					actual	= $this.data('settings'),
-					clone	= $this.clone().removeAttr('style').insertBefore($this);
-
-				$this.remove();
-
-				clone.raty($.extend(actual, settings));
-			});
-
-			return $(this.selector);
-		}, setScore: function(score) {
-			return $(this).each(function() {
-				if ($(this).data('readonly') === true) {
-					return this;
-				}
-
-				methods.initialize.call(this, score);
-				methods.setTarget.call(this, score, true);
-			});
-		}, setTarget: function(value, isKeep) {
-			if (this.opt.target) {
-				var $target = $(this.opt.target);
-
-				if ($target.length == 0) {
-					methods.error.call(this, 'target selector invalid or missing!');
-				}
-
-				var score = value;
-
-				if (!isKeep || score === undefined) {
-					score = this.opt.targetText;
-				} else {
-					if (this.opt.targetType == 'hint') {
-						score = (score === null && this.opt.cancel)
-								? this.opt.cancelHint
-								: this.opt.hints[Math.ceil(score - 1)];
-					} else {
-						score = this.opt.precision
-								? parseFloat(score).toFixed(1)
-								: score;
-					}
-				}
-
-				if (this.opt.targetFormat.indexOf('{score}') < 0) {
-					methods.error.call(this, 'template "{score}" missing!');
-				}
-
-				if (value !== null) {
-					score = this.opt.targetFormat.toString().replace('{score}', score);
-				}
-
-				if ($target.is(':input')) {
-					$target.val(score);
-				} else {
-					$target.html(score);
-				}
-			}
-		}, showHalf: function(score) {
-			var diff = (score - Math.floor(score)).toFixed(1);
-
-			if (diff > 0 && diff < .6) {
-				this.stars.eq(Math.ceil(score) - 1).attr('src', this.opt.path + this.opt.starHalf);
-			}
-		}, initialize: function(score) {
-			score = !score ? 0 : methods.between(score, 0, this.opt.number);
-
-			methods.fill.call(this, score);
-
-			if (score > 0) {
-				if (this.opt.halfShow) {
-					methods.roundStar.call(this, score);
-				}
-
-				this.score.val(score);
-			}
-		}, unfixHint: function() {
-			for (var i = 0; i < this.opt.number; i++) {
-				this.stars.eq(i).attr('title', (i < this.opt.hints.length && this.opt.hints[i] !== null) ? this.opt.hints[i] : i);
-			}
-
-			$(this).data('readonly', false).css('cursor', 'pointer').removeAttr('title');
-
-			this.score.attr('readonly', 'readonly');
-		}
-	};
-
-	$.fn.raty = function(method) {
-		if (methods[method]) {
-			return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
-		} else if (typeof method === 'object' || !method) {
-			return methods.init.apply(this, arguments);
-		} else {
-			$.error('Method ' + method + ' does not exist!');
-		}
-	};
-
-	$.fn.raty.defaults = {
-		cancel			: false,
-		cancelHint		: 'cancel this rating!',
-		cancelOff		: 'cancel-off.png',
-		cancelOn		: 'cancel-on.png',
-		cancelPlace		: 'left',
-		click			: undefined,
-		half			: false,
-		halfShow		: true,
-		hints			: ['bad', 'poor', 'regular', 'good', 'gorgeous'],
-		iconRange		: undefined,
-		mouseover		: undefined,
-		noRatedMsg		: 'not rated yet',
-		number			: 5,
-		path			: 'img/',
-		precision		: false,
-		round			: { down: .25, full: .6, up: .76 },
-		readOnly		: false,
-		score			: undefined,
-		scoreName		: 'score',
-		single			: false,
-		size			: 16,
-		space			: true,
-		starHalf		: 'star-half.png',
-		starOff			: 'star-off.png',
-		starOn			: 'star-on.png',
-		target			: undefined,
-		targetFormat	: '{score}',
-		targetKeep		: false,
-		targetText		: '',
-		targetType		: 'hint',
-		width			: undefined
-	};
+        hint = group[decimal];
+      } else if (this.opt.halfShow || this.opt.half) {
+        decimal = set && decimal === 0 ? 1 : decimal > 5 ? 1 : 0;
+
+        hint = group[decimal];
+      }
+
+      return hint === '' ? '' : hint || score;
+    },
+
+    _getWidth: function() {
+      var width = this.stars[0].width || parseFloat(this.stars.eq(0).css('font-size'));
+
+      if (!width) {
+        methods._error.call(this, 'Could not get the icon width!');
+      }
+
+      return width;
+    },
+
+    _lock: function() {
+      var hint = methods._getHint.call(this, this.score.val());
+
+      this.style.cursor = '';
+      this.title        = hint;
+
+      this.score.prop('readonly', true);
+      this.stars.prop('title', hint);
+
+      if (this.cancel) {
+        this.cancel.hide();
+      }
+
+      this.self.data('readonly', true);
+    },
+
+    _nameForIndex: function(i) {
+      return this.opt.score && this.opt.score >= i ? 'starOn' : 'starOff';
+    },
+
+    _resetTitle: function(star) {
+      for (var i = 0; i < this.opt.number; i++) {
+        this.stars[i].title = methods._getHint.call(this, i + 1);
+      }
+    },
+
+     _roundHalfScore: function(score) {
+      var integer = parseInt(score, 10),
+          decimal = methods._getFirstDecimal.call(this, score);
+
+      if (decimal !== 0) {
+        decimal = decimal > 5 ? 1 : 0.5;
+      }
+
+      return integer + decimal;
+    },
+
+    _roundStars: function(score, evt) {
+      var
+        decimal = (score % 1).toFixed(2),
+        name    ;
+
+      if (evt || this.move) {
+        name = decimal > 0.5 ? 'starOn' : 'starHalf';
+      } else if (decimal > this.opt.round.down) {               // Up:   [x.76 .. x.99]
+        name = 'starOn';
+
+        if (this.opt.halfShow && decimal < this.opt.round.up) { // Half: [x.26 .. x.75]
+          name = 'starHalf';
+        } else if (decimal < this.opt.round.full) {             // Down: [x.00 .. x.5]
+          name = 'starOff';
+        }
+      }
+
+      if (name) {
+        var
+          icon = this.opt[name],
+          star = this.stars[Math.ceil(score) - 1];
+
+        methods._setIcon.call(this, star, icon);
+      }                                                         // Full down: [x.00 .. x.25]
+    },
+
+    _setIcon: function(star, icon) {
+      star[this.opt.starType === 'img' ? 'src' : 'className'] = this.opt.path + icon;
+    },
+
+    _setTarget: function(target, score) {
+      if (score) {
+        score = this.opt.targetFormat.toString().replace('{score}', score);
+      }
+
+      if (target.is(':input')) {
+        target.val(score);
+      } else {
+        target.html(score);
+      }
+    },
+
+    _setTitle: function(score, evt) {
+      if (score) {
+        var
+          integer = parseInt(Math.ceil(score), 10),
+          star    = this.stars[integer - 1];
+
+        star.title = methods._getHint.call(this, score, evt);
+      }
+    },
+
+    _target: function(score, evt) {
+      if (this.opt.target) {
+        var target = $(this.opt.target);
+
+        if (!target.length) {
+          methods._error.call(this, 'Target selector invalid or missing!');
+        }
+
+        var mouseover = evt && evt.type === 'mouseover';
+
+        if (score === undefined) {
+          score = this.opt.targetText;
+        } else if (score === null) {
+          score = mouseover ? this.opt.cancelHint : this.opt.targetText;
+        } else {
+          if (this.opt.targetType === 'hint') {
+            score = methods._getHint.call(this, score, evt);
+          } else if (this.opt.precision) {
+            score = parseFloat(score).toFixed(1);
+          }
+
+          var mousemove = evt && evt.type === 'mousemove';
+
+          if (!mouseover && !mousemove && !this.opt.targetKeep) {
+            score = this.opt.targetText;
+          }
+        }
+
+        methods._setTarget.call(this, target, score);
+      }
+    },
+
+    _turnOn: function(i, score) {
+      return this.opt.single ? (i === score) : (i <= score);
+    },
+
+    _unlock: function() {
+      this.style.cursor = 'pointer';
+      this.removeAttribute('title');
+
+      this.score.removeAttr('readonly');
+
+      this.self.data('readonly', false);
+
+      for (var i = 0; i < this.opt.number; i++) {
+        this.stars[i].title = methods._getHint.call(this, i + 1);
+      }
+
+      if (this.cancel) {
+        this.cancel.css('display', '');
+      }
+    },
+
+    cancel: function(click) {
+      return this.each(function() {
+        var self = $(this);
+
+        if (self.data('readonly') !== true) {
+          methods[click ? 'click' : 'score'].call(self, null);
+
+          this.score.removeAttr('value');
+        }
+      });
+    },
+
+    click: function(score) {
+      return this.each(function() {
+        if ($(this).data('readonly') !== true) {
+          score = methods._adjustedScore.call(this, score);
+
+          methods._apply.call(this, score);
+
+          if (this.opt.click) {
+            this.opt.click.call(this, score, $.Event('click'));
+          }
+
+          methods._target.call(this, score);
+        }
+      });
+    },
+
+    destroy: function() {
+      return this.each(function() {
+        var self = $(this),
+            raw  = self.data('raw');
+
+        if (raw) {
+          self.off('.raty').empty().css({ cursor: raw.style.cursor }).removeData('readonly');
+        } else {
+          self.data('raw', self.clone()[0]);
+        }
+      });
+    },
+
+    getScore: function() {
+      var score = [],
+          value ;
+
+      this.each(function() {
+        value = this.score.val();
+
+        score.push(value ? +value : undefined);
+      });
+
+      return (score.length > 1) ? score : score[0];
+    },
+
+    move: function(score) {
+      return this.each(function() {
+        var
+          integer  = parseInt(score, 10),
+          decimal  = methods._getFirstDecimal.call(this, score);
+
+        if (integer >= this.opt.number) {
+          integer = this.opt.number - 1;
+          decimal = 10;
+        }
+
+        var
+          width   = methods._getWidth.call(this),
+          steps   = width / 10,
+          star    = $(this.stars[integer]),
+          percent = star.offset().left + steps * decimal,
+          evt     = $.Event('mousemove', { pageX: percent });
+
+        this.move = true;
+
+        star.trigger(evt);
+
+        this.move = false;
+      });
+    },
+
+    readOnly: function(readonly) {
+      return this.each(function() {
+        var self = $(this);
+
+        if (self.data('readonly') !== readonly) {
+          if (readonly) {
+            self.off('.raty').children('img').off('.raty');
+
+            methods._lock.call(this);
+          } else {
+            methods._binds.call(this);
+            methods._unlock.call(this);
+          }
+
+          self.data('readonly', readonly);
+        }
+      });
+    },
+
+    reload: function() {
+      return methods.set.call(this, {});
+    },
+
+    score: function() {
+      var self = $(this);
+
+      return arguments.length ? methods.setScore.apply(self, arguments) : methods.getScore.call(self);
+    },
+
+    set: function(options) {
+      return this.each(function() {
+        $(this).raty($.extend({}, this.opt, options));
+      });
+    },
+
+    setScore: function(score) {
+      return this.each(function() {
+        if ($(this).data('readonly') !== true) {
+          score = methods._adjustedScore.call(this, score);
+
+          methods._apply.call(this, score);
+          methods._target.call(this, score);
+        }
+      });
+    }
+  };
+
+  $.fn.raty = function(method) {
+    if (methods[method]) {
+      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+    } else if (typeof method === 'object' || !method) {
+      return methods.init.apply(this, arguments);
+    } else {
+      $.error('Method ' + method + ' does not exist!');
+    }
+  };
+
+  $.fn.raty.defaults = {
+    cancel       : false,
+    cancelClass  : 'raty-cancel',
+    cancelHint   : 'Cancel this rating!',
+    cancelOff    : 'cancel-off.png',
+    cancelOn     : 'cancel-on.png',
+    cancelPlace  : 'left',
+    click        : undefined,
+    half         : false,
+    halfShow     : true,
+    hints        : ['bad', 'poor', 'regular', 'good', 'gorgeous'],
+    iconRange    : undefined,
+    mouseout     : undefined,
+    mouseover    : undefined,
+    noRatedMsg   : 'Not rated yet!',
+    number       : 5,
+    numberMax    : 20,
+    path         : undefined,
+    precision    : false,
+    readOnly     : false,
+    round        : { down: 0.25, full: 0.6, up: 0.76 },
+    score        : undefined,
+    scoreName    : 'score',
+    single       : false,
+    space        : true,
+    starHalf     : 'star-half.png',
+    starOff      : 'star-off.png',
+    starOn       : 'star-on.png',
+    starType     : 'img',
+    target       : undefined,
+    targetFormat : '{score}',
+    targetKeep   : false,
+    targetScore  : undefined,
+    targetText   : '',
+    targetType   : 'hint'
+  };
 
 })(jQuery);