From 228e505029c4e85298a0b17c5ab5f08dc502b64a Mon Sep 17 00:00:00 2001
From: Kartik Visweswaran <kartikv2@gmail.com>
Date: Sat, 5 Apr 2014 16:20:03 +0530
Subject: [PATCH] Reformatted as per coding standards

---
 bower.json          |  60 ++---
 composer.json       |  34 +--
 css/star-rating.css | 120 ++++-----
 examples/index.html |  28 +--
 js/star-rating.js   | 586 ++++++++++++++++++++++----------------------
 5 files changed, 414 insertions(+), 414 deletions(-)

diff --git a/bower.json b/bower.json
index 7d00ab3..109945b 100644
--- a/bower.json
+++ b/bower.json
@@ -1,32 +1,32 @@
 {
-	"name": "bootstrap-star-rating",
-	"version": "1.0.0",
-	"homepage": "https://github.com/kartik-v/bootstrap-star-rating",
-	"authors": [
-		"Kartik Visweswaran <kartikv2@gmail.com>"
-	],
-	"description": "A simple yet powerful JQuery star rating plugin for Bootstrap.",
-	"main": [
-		"./css/star-rating.min.css",
-		"./js/star-rating.min.js"
-	],
-	"keywords": [
-		"bootstrap",
-		"star",
-		"rating"
-	],
-	"dependencies": {
-		"jquery": ">= 1.9.0",
-		"bootstrap": ">= 3.0.0"
-	},
-	"license": "BSD-3",
-	"ignore": [
-		"**/.*",
-		"node_modules",
-		"composer.json",
-		"examples",
-		"bower_components",
-		"test",
-		"tests"
-	]
+    "name": "bootstrap-star-rating",
+    "version": "1.0.0",
+    "homepage": "https://github.com/kartik-v/bootstrap-star-rating",
+    "authors": [
+        "Kartik Visweswaran <kartikv2@gmail.com>"
+    ],
+    "description": "A simple yet powerful JQuery star rating plugin for Bootstrap.",
+    "main": [
+        "./css/star-rating.min.css",
+        "./js/star-rating.min.js"
+    ],
+    "keywords": [
+        "bootstrap",
+        "star",
+        "rating"
+    ],
+    "dependencies": {
+        "jquery": ">= 1.9.0",
+        "bootstrap": ">= 3.0.0"
+    },
+    "license": "BSD-3",
+    "ignore": [
+        "**/.*",
+        "node_modules",
+        "composer.json",
+        "examples",
+        "bower_components",
+        "test",
+        "tests"
+    ]
 }
diff --git a/composer.json b/composer.json
index b8dc64f..045d449 100644
--- a/composer.json
+++ b/composer.json
@@ -1,19 +1,19 @@
 {
-	"name": "kartik-v/bootstrap-star-rating",
-	"description": "A simple yet powerful JQuery star rating plugin for Bootstrap.",
-	"keywords": ["bootstrap", "jquery", "star", "rating"],
-	"homepage": "https://github.com/kartik-v/bootstrap-star-rating",
-	"license": "BSD 3-Clause",
-	"authors": [
-		{
-			"name": "Kartik Visweswaran",
-			"email": "kartikv2@gmail.com",
-			"homepage": "http://www.krajee.com/"
-		}
-	],
-	"autoload": {
-		"psr-4": {
-			"kartik\\": ""
-		}
-	}
+    "name": "kartik-v/bootstrap-star-rating",
+    "description": "A simple yet powerful JQuery star rating plugin for Bootstrap.",
+    "keywords": ["bootstrap", "jquery", "star", "rating"],
+    "homepage": "https://github.com/kartik-v/bootstrap-star-rating",
+    "license": "BSD 3-Clause",
+    "authors": [
+        {
+            "name": "Kartik Visweswaran",
+            "email": "kartikv2@gmail.com",
+            "homepage": "http://www.krajee.com/"
+        }
+    ],
+    "autoload": {
+        "psr-4": {
+            "kartik\\": ""
+        }
+    }
 }
diff --git a/css/star-rating.css b/css/star-rating.css
index fefc06f..f49fbc0 100644
--- a/css/star-rating.css
+++ b/css/star-rating.css
@@ -13,161 +13,161 @@
  * Stars
  */
 .star-rating s, .star-rating-rtl s {
-	padding: 2px;
+    padding: 2px;
 }
 
 .star-rating s,
 .star-rating-rtl s {
-	color: #ccc;
-	text-decoration: none;
-	cursor: not-allowed;
-	font-family: 'Glyphicons Halflings';
-	font-style: normal;
-	font-weight: normal;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+    color: #ccc;
+    text-decoration: none;
+    cursor: not-allowed;
+    font-family: 'Glyphicons Halflings';
+    font-style: normal;
+    font-weight: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 .star-rating-disabled {
-	opacity: 0.65;
+    opacity: 0.65;
 }
 
 .star-rating-active s, .star-rating-rtl-active s {
-	cursor: default;
+    cursor: default;
 }
 
 .star-rating-active s:hover:before, .star-rating s.rated:before {
-	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
-	content: "\e006";
-	color: #fde16d;
+    text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
+    content: "\e006";
+    color: #fde16d;
 }
 
 .star-rating s:before {
-	text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
-	content: "\e007";
+    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
+    content: "\e007";
 }
 
 .star-rating-rtl-active s:hover:after, .star-rating-rtl s.rated:after {
-	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
-	content: "\e006";
-	color: #fde16d;
+    text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
+    content: "\e006";
+    color: #fde16d;
 }
 
 .star-rating-rtl s:after {
-	text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
-	content: "\e007";
+    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
+    content: "\e007";
 }
 
 .star-rating-active s:hover:before, .star-rating-rtl-active s:hover:after {
-	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
-	color: #8a6d3b;
+    text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
+    color: #8a6d3b;
 }
 
 /**
  * Rating sizes
  */
 .rating-xl {
-	font-size: 50px;
-	line-height: 32px;
+    font-size: 50px;
+    line-height: 32px;
 }
 
 .rating-lg {
-	font-size: 40px;
-	line-height: 26px;
+    font-size: 40px;
+    line-height: 26px;
 }
 
 .rating-md {
-	font-size: 32px;
-	line-height: 21px;
+    font-size: 32px;
+    line-height: 21px;
 }
 
 .rating-sm {
-	font-size: 26px;
-	line-height: 17px;
+    font-size: 26px;
+    line-height: 17px;
 }
 
 .rating-xs {
-	font-size: 21px;
-	line-height: 14px;
+    font-size: 21px;
+    line-height: 14px;
 }
 
 /**
  * Clear rating button
  */
 .star-rating .clear-rating, .star-rating-rtl .clear-rating {
-	color: #aaa;
-	cursor: not-allowed;
-	display: inline-block;
-	vertical-align: middle;
-	font-size: 70%;
+    color: #aaa;
+    cursor: not-allowed;
+    display: inline-block;
+    vertical-align: middle;
+    font-size: 70%;
 }
 
 .clear-rating-active {
-	cursor: pointer !important;
+    cursor: pointer !important;
 }
 
 .clear-rating-active:hover {
-	color: #843534;
+    color: #843534;
 }
 
 .star-rating .clear-rating {
-	padding-right: 5px;
+    padding-right: 5px;
 }
 
 .star-rating-rtl .clear-rating {
-	padding-left: 5px;
+    padding-left: 5px;
 }
 
 .rating-xl .clear-rating {
-	padding-bottom: 20px;
+    padding-bottom: 20px;
 }
 
 .rating-lg .clear-rating {
-	padding-bottom: 17px;
+    padding-bottom: 17px;
 }
 
 .rating-md .clear-rating {
-	padding-bottom: 15px;
+    padding-bottom: 15px;
 }
 
 .rating-sm .clear-rating {
-	padding-bottom: 12px;
+    padding-bottom: 12px;
 }
 
 .rating-xs .clear-rating {
-	padding-bottom: 10px;
+    padding-bottom: 10px;
 }
 
 /**
  * Caption
  */
 .star-rating .caption, .star-rating-rtl .caption {
-	color: #999;
-	display: inline-block;
-	vertical-align: middle;
+    color: #999;
+    display: inline-block;
+    vertical-align: middle;
 }
 
 .rating-xl .caption {
-	font-size: 24px;
-	padding-bottom: 25px;
+    font-size: 24px;
+    padding-bottom: 25px;
 }
 
 .rating-lg .caption {
-	font-size: 20px;
-	padding-bottom: 22px;
+    font-size: 20px;
+    padding-bottom: 22px;
 }
 
 .rating-md .caption {
-	font-size: 18px;
-	padding-bottom: 20px;
+    font-size: 18px;
+    padding-bottom: 20px;
 }
 
 .rating-sm .caption {
-	font-size: 16px;
-	padding-bottom: 17px;
+    font-size: 16px;
+    padding-bottom: 17px;
 }
 
 .rating-xs .caption {
-	font-size: 14px;
-	padding-bottom: 12px;
+    font-size: 14px;
+    padding-bottom: 12px;
 }
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index b8e0333..17e3ebc 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<meta charset="UTF-8"/>
-	<title>Krajee JQuery Plugins - &copy; Kartik</title>
-	<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
-	<link href="../css/star-rating.css" media="all" rel="stylesheet" type="text/css"/>
-	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-	<script src="../js/star-rating.js" type="text/javascript"></script>
+    <meta charset="UTF-8"/>
+    <title>Krajee JQuery Plugins - &copy; Kartik</title>
+    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../css/star-rating.css" media="all" rel="stylesheet" type="text/css"/>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <script src="../js/star-rating.js" type="text/javascript"></script>
     <style>
         .star-rating .my-clear, .star-rating-rtl .my-clear {
             color: #aaa;
@@ -52,21 +52,21 @@
             padding-bottom: 10px;
         }
 
-    
+
     </style>
 </head>
 <body>
 <h1>Bootstrap Star Rating Example</h1>
 
 <form>
-	<input id="input-21" type="number" class="rating" min="10" max="29" step="2">
-	<input id="input-22" type="number" class="rating" min="10" max="29" step="2">
-	<input id="input-23" type="number" class="rating" min="10" max="29" step="2">
-	<button class="btn btn-primary">Submit</button>
-	<button class="btn btn-default" type="reset">Reset</button>
+    <input id="input-21" type="number" class="rating" min="10" max="29" step="2">
+    <input id="input-22" type="number" class="rating" min="10" max="29" step="2">
+    <input id="input-23" type="number" class="rating" min="10" max="29" step="2">
+    <button class="btn btn-primary">Submit</button>
+    <button class="btn btn-default" type="reset">Reset</button>
     <script>
-        $("#input-22").on('rating.change', function(event, value, caption) {
-            $('#input-22').attr('disabled', true); 
+        $("#input-22").on('rating.change', function (event, value, caption) {
+            $('#input-22').attr('disabled', true);
             $('#input-22').rating('refresh')
         });
         $("#input-23").rating({
diff --git a/js/star-rating.js b/js/star-rating.js
index 43cfd1b..d5d3c2d 100644
--- a/js/star-rating.js
+++ b/js/star-rating.js
@@ -9,306 +9,306 @@
  * For more Yii related demos visit http://demos.krajee.com
  */
 (function ($) {
-	var DEFAULT_MIN = 1;
-	var DEFAULT_MAX = 5;
-	var DEFAULT_STEP = 1;
+    var DEFAULT_MIN = 1;
+    var DEFAULT_MAX = 5;
+    var DEFAULT_STEP = 1;
 
 
-	var isEmpty = function (value, trim) {
-		return typeof value === 'undefined' || value === null || value === undefined || value == []
-			|| value === '' || trim && $.trim(value) === '';
-	};
+    var isEmpty = function (value, trim) {
+        return typeof value === 'undefined' || value === null || value === undefined || value == []
+            || value === '' || trim && $.trim(value) === '';
+    };
 
-	var validateAttr = function ($input, vattr, options) {
-		var chk = isEmpty($input.data(vattr)) ? $input.attr(vattr) : $input.data(vattr);
-		if (chk) {
-			return chk;
-		}
-		return options[vattr];
-	};
+    var validateAttr = function ($input, vattr, options) {
+        var chk = isEmpty($input.data(vattr)) ? $input.attr(vattr) : $input.data(vattr);
+        if (chk) {
+            return chk;
+        }
+        return options[vattr];
+    };
 
-	// Rating public class definition
-	var Rating = function (element, options) {
-		this.$element = $(element);
-		this.init(options);
-	};
-	Rating.prototype = {
-		constructor: Rating,
-		_parseAttr: function (vattr, options) {
-			var self = this, $input = self.$element;
-			if ($input.attr('type') === 'number') {
-				var val = validateAttr($input, vattr, options);
-				var chk = DEFAULT_STEP;
-				if (vattr === 'min') {
-					chk = DEFAULT_MIN;
-				}
-				else if (vattr === 'max') {
-					chk = DEFAULT_MAX;
-				}
-				else if (vattr === 'step') {
-					chk = DEFAULT_STEP;
-				}
-				var final = isEmpty(val) ? chk : val;
-				return parseFloat(final);
-			}
-			return parseFloat(options[vattr]);
-		},
-		listen: function () {
-			var self = this;
-			self.$star.on("click", function (e) {
-				if (!self.inactive) {
-					self.change(e);
-				}
-			});
-			self.$clear.on("click", function (e) {
-				if (!self.inactive) {
-					self.clear();
-				}
-			});
-		},
-		init: function (options) {
-			this.options = options;
-			this.initialValue = parseFloat(this.$element.val());
-			this.min = (typeof options.min !== 'undefined') ? options.min : this._parseAttr('min', options);
-			this.max = (typeof options.max !== 'undefined') ? options.max : this._parseAttr('max', options);
-			this.step = (typeof options.step !== 'undefined') ? options.step : this._parseAttr('step', options);
-			if (isNaN(this.min) || isEmpty(this.min)) {
-				this.min = DEFAULT_MIN;
-			}
-			if (isNaN(this.max) || isEmpty(this.max)) {
-				this.max = DEFAULT_MAX;
-			}
-			if (isNaN(this.step) || isEmpty(this.step) || this.step == 0) {
-				this.step = DEFAULT_STEP;
-			}
-			this.checkDisabled();
-			this.rtl = options.rtl;
-			this.showClear = options.showClear;
-			this.showCaption = options.showCaption;
-			this.size = options.size;
-			this.defaultCaption = options.defaultCaption;
-			this.starCaptions = options.starCaptions;
-			this.starCaptionClasses = options.starCaptionClasses;
-			this.clearButton = options.clearButton;
-			this.clearButtonTitle = options.clearButtonTitle;
-			this.clearButtonBaseClass = !isEmpty(options.clearButtonBaseClass) ? options.clearButtonBaseClass : 'clear-rating';
-			this.clearButtonActiveClass = !isEmpty(options.clearButtonActiveClass) ? options.clearButtonActiveClass : 'clear-rating-active';
-			this.clearCaption = options.clearCaption;
-			this.clearCaptionClass = options.clearCaptionClass;
-			this.clearValue = options.clearValue;
-			this.$clearElement = options.clearElement;
-			this.$captionElement = options.captionElement;
-			if (typeof this.$container === 'undefined') {
-				this.$container = this.createContainer();
-				this.$element.before(this.$container);
-				this.$element.hide();
-			}
-			this.$star = this.$container.children("s");
-			this.$stars = this.$container.find("s");
-			this.$clear = !isEmpty(this.$clearElement) ? this.$clearElement : this.$container.find('.' + this.clearButtonBaseClass);
-			this.$caption = !isEmpty(this.$captionElement) ? this.$captionElement : this.$container.find(".caption");
-			this.listen();
-			$(this.$element[0].form).on("reset", $.proxy(this.reset, this));
-			this.$container.attr({"class": this.getContainerClass()});
-			if (this.showClear) {
-				this.$clear.attr({"class": this.getClearClass()});
-			}
-		},
-		checkDisabled: function () {
-			this.disabled = validateAttr(this.$element, 'disabled', this.options);
-			this.readonly = validateAttr(this.$element, 'readonly', this.options);
-			this.inactive = (this.disabled || this.readonly);
-		},
-		getContainerClass: function () {
-			var self = this, css = (self.rtl) ? 'star-rating-rtl' : 'star-rating';
-			css += self.inactive ? ((self.disabled) ? ' ' + css + '-disabled ' : ' ') : ' ' + css + '-active ';
-			css += 'rating-' + self.size;
-			return css;
-		},
-		getClearClass: function () {
-			return this.clearButtonBaseClass + ' ' + ((this.inactive) ? '' : this.clearButtonActiveClass);
-		},
-		createContainer: function () {
-			var self = this, content = self.renderRating();
-			return $(document.createElement("div")).html(content);
-		},
-		renderRating: function () {
-			var self = this, stars = self.renderStars(), clear = self.renderClear(), caption = self.renderCaption();
-			return (self.rtl) ? caption + stars + clear : clear + stars + caption;
-		},
-		renderStars: function () {
-			var self = this, begin = '', end = '', step = ((self.step > 0) ? self.step : DEFAULT_STEP);
-			var threshold = parseInt(self.max / step);
-			for (var i = self.min; i <= self.max; i += step) {
-				begin += (!isEmpty(self.$element.val()) && i <= self.$element.val()) ? '<s class="rated">' : '<s>';
-				end += '</s>';
-			}
-			return begin + end;
-		},
-		renderClear: function () {
-			var self = this;
-			if (!self.showClear) {
-				return '';
-			}
-			var css = self.getClearClass();
-			if (!isEmpty(self.$clearElement)) {
-				self.$clearElement.removeClass(css).addClass(css).attr({"title": self.clearButtonTitle});
-				self.$clearElement.html(self.clearButton);
-				return '';
-			}
-			return '<div class="' + css + '" title="' + self.clearButtonTitle + '">' + self.clearButton + '</div>';
-		},
-		renderCaption: function () {
-			var self = this, val = self.$element.val();
-			if (!self.showCaption) {
-				return '';
-			}
-			var html = self.fetchCaption(val);
-			if (!isEmpty(self.$captionElement)) {
-				self.$captionElement.removeClass('caption').addClass('caption').attr({"title": self.clearCaption});
-				self.$captionElement.html(html);
-				return '';
-			}
-			return '<div class="caption">' + html + '</div>';
-		},
-		fetchCaption: function (rating) {
-			var self = this;
-			var val = parseFloat(rating);
-			var css = isEmpty(self.starCaptionClasses[val]) ? self.clearCaptionClass : self.starCaptionClasses[val];
-			var caption = isEmpty(self.starCaptions[val]) ? self.clearCaption : self.starCaptions[val];
-			return '<span class="' + css + '">' + caption + '</span>';
-		},
-		change: function (e) {
-			var self = this;
-			var numStars = $(e.target).parentsUntil("div").length + 1;
-			numStars = (numStars - 1) * self.step + self.min;
-			var hasStars = !isEmpty(self.starCaptions[numStars]);
-			var titleClass = (hasStars) ? self.starCaptionClasses[numStars] : self.clearCaptionClass;
-			var cap = (hasStars) ? self.starCaptions[numStars] : self.defaultCaption.replace(/\{rating\}/g, numStars);
-			var caption = '<span class="' + titleClass + '">' + cap + '</span>';
-			self.$element.val(numStars);
-			self.$caption.html(caption);
-			self.$stars.removeClass('rated');
-			$(e.target).removeClass('rated').addClass('rated');
-			$(e.target).parentsUntil("div", "s").removeClass('rated').addClass('rated');
-			self.$element.trigger('rating.change', [numStars, caption]);
-		},
-		clear: function () {
-			var self = this;
-			var title = '<span class="' + self.clearCaptionClass + '">' + self.clearCaption + '</span>';
-			self.$stars.removeClass('rated');
-			if (!self.inactive) {
-				self.$caption.html(title);
-			}
-			self.$element.val(self.clearValue);
-			self.$element.trigger('rating.clear');
-		},
-		refresh: function (options) {
-			var self = this;
-			if (arguments.length) {
-				var cap = '';
-				self.init($.extend(self.options, options));
-				if (self.showClear) {
-					self.$clear.show();
-				}
-				else {
-					self.$clear.hide();
-				}
-				if (self.showCaption) {
-					self.$caption.show();
-				}
-				else {
-					self.$caption.hide();
-				}
-			}
-		},
-		update: function (val) {
-			if (arguments.length) {
-				var v = parseFloat(val);
-				this.$element.val(v);
-				this.initialValue = v;
-				this.reset();
-			}
-		},
-		reset: function () {
-			var self = this, $container = self.$container, val = self.initialValue, $el = self.$caption;
-			var stars = '';
-			self.clear();
-			if (val) {
-				var last = parseInt(val / self.step);
-				$container.find('s').addClass('rated');
-				for (var i = self.min; i <= last * self.step; i += self.step) {
-					stars += (i === self.min) ? 's' : ' > s';
-				}
-				$container.find(stars + ' > s').removeClass('rated');
-				if ($el) {
-					$el.html(self.fetchCaption(val));
-				}
-			}
-			self.$element.trigger('rating.reset');
-		}
-	};
+    // Rating public class definition
+    var Rating = function (element, options) {
+        this.$element = $(element);
+        this.init(options);
+    };
+    Rating.prototype = {
+        constructor: Rating,
+        _parseAttr: function (vattr, options) {
+            var self = this, $input = self.$element;
+            if ($input.attr('type') === 'number') {
+                var val = validateAttr($input, vattr, options);
+                var chk = DEFAULT_STEP;
+                if (vattr === 'min') {
+                    chk = DEFAULT_MIN;
+                }
+                else if (vattr === 'max') {
+                    chk = DEFAULT_MAX;
+                }
+                else if (vattr === 'step') {
+                    chk = DEFAULT_STEP;
+                }
+                var final = isEmpty(val) ? chk : val;
+                return parseFloat(final);
+            }
+            return parseFloat(options[vattr]);
+        },
+        listen: function () {
+            var self = this;
+            self.$star.on("click", function (e) {
+                if (!self.inactive) {
+                    self.change(e);
+                }
+            });
+            self.$clear.on("click", function (e) {
+                if (!self.inactive) {
+                    self.clear();
+                }
+            });
+        },
+        init: function (options) {
+            this.options = options;
+            this.initialValue = parseFloat(this.$element.val());
+            this.min = (typeof options.min !== 'undefined') ? options.min : this._parseAttr('min', options);
+            this.max = (typeof options.max !== 'undefined') ? options.max : this._parseAttr('max', options);
+            this.step = (typeof options.step !== 'undefined') ? options.step : this._parseAttr('step', options);
+            if (isNaN(this.min) || isEmpty(this.min)) {
+                this.min = DEFAULT_MIN;
+            }
+            if (isNaN(this.max) || isEmpty(this.max)) {
+                this.max = DEFAULT_MAX;
+            }
+            if (isNaN(this.step) || isEmpty(this.step) || this.step == 0) {
+                this.step = DEFAULT_STEP;
+            }
+            this.checkDisabled();
+            this.rtl = options.rtl;
+            this.showClear = options.showClear;
+            this.showCaption = options.showCaption;
+            this.size = options.size;
+            this.defaultCaption = options.defaultCaption;
+            this.starCaptions = options.starCaptions;
+            this.starCaptionClasses = options.starCaptionClasses;
+            this.clearButton = options.clearButton;
+            this.clearButtonTitle = options.clearButtonTitle;
+            this.clearButtonBaseClass = !isEmpty(options.clearButtonBaseClass) ? options.clearButtonBaseClass : 'clear-rating';
+            this.clearButtonActiveClass = !isEmpty(options.clearButtonActiveClass) ? options.clearButtonActiveClass : 'clear-rating-active';
+            this.clearCaption = options.clearCaption;
+            this.clearCaptionClass = options.clearCaptionClass;
+            this.clearValue = options.clearValue;
+            this.$clearElement = options.clearElement;
+            this.$captionElement = options.captionElement;
+            if (typeof this.$container === 'undefined') {
+                this.$container = this.createContainer();
+                this.$element.before(this.$container);
+                this.$element.hide();
+            }
+            this.$star = this.$container.children("s");
+            this.$stars = this.$container.find("s");
+            this.$clear = !isEmpty(this.$clearElement) ? this.$clearElement : this.$container.find('.' + this.clearButtonBaseClass);
+            this.$caption = !isEmpty(this.$captionElement) ? this.$captionElement : this.$container.find(".caption");
+            this.listen();
+            $(this.$element[0].form).on("reset", $.proxy(this.reset, this));
+            this.$container.attr({"class": this.getContainerClass()});
+            if (this.showClear) {
+                this.$clear.attr({"class": this.getClearClass()});
+            }
+        },
+        checkDisabled: function () {
+            this.disabled = validateAttr(this.$element, 'disabled', this.options);
+            this.readonly = validateAttr(this.$element, 'readonly', this.options);
+            this.inactive = (this.disabled || this.readonly);
+        },
+        getContainerClass: function () {
+            var self = this, css = (self.rtl) ? 'star-rating-rtl' : 'star-rating';
+            css += self.inactive ? ((self.disabled) ? ' ' + css + '-disabled ' : ' ') : ' ' + css + '-active ';
+            css += 'rating-' + self.size;
+            return css;
+        },
+        getClearClass: function () {
+            return this.clearButtonBaseClass + ' ' + ((this.inactive) ? '' : this.clearButtonActiveClass);
+        },
+        createContainer: function () {
+            var self = this, content = self.renderRating();
+            return $(document.createElement("div")).html(content);
+        },
+        renderRating: function () {
+            var self = this, stars = self.renderStars(), clear = self.renderClear(), caption = self.renderCaption();
+            return (self.rtl) ? caption + stars + clear : clear + stars + caption;
+        },
+        renderStars: function () {
+            var self = this, begin = '', end = '', step = ((self.step > 0) ? self.step : DEFAULT_STEP);
+            var threshold = parseInt(self.max / step);
+            for (var i = self.min; i <= self.max; i += step) {
+                begin += (!isEmpty(self.$element.val()) && i <= self.$element.val()) ? '<s class="rated">' : '<s>';
+                end += '</s>';
+            }
+            return begin + end;
+        },
+        renderClear: function () {
+            var self = this;
+            if (!self.showClear) {
+                return '';
+            }
+            var css = self.getClearClass();
+            if (!isEmpty(self.$clearElement)) {
+                self.$clearElement.removeClass(css).addClass(css).attr({"title": self.clearButtonTitle});
+                self.$clearElement.html(self.clearButton);
+                return '';
+            }
+            return '<div class="' + css + '" title="' + self.clearButtonTitle + '">' + self.clearButton + '</div>';
+        },
+        renderCaption: function () {
+            var self = this, val = self.$element.val();
+            if (!self.showCaption) {
+                return '';
+            }
+            var html = self.fetchCaption(val);
+            if (!isEmpty(self.$captionElement)) {
+                self.$captionElement.removeClass('caption').addClass('caption').attr({"title": self.clearCaption});
+                self.$captionElement.html(html);
+                return '';
+            }
+            return '<div class="caption">' + html + '</div>';
+        },
+        fetchCaption: function (rating) {
+            var self = this;
+            var val = parseFloat(rating);
+            var css = isEmpty(self.starCaptionClasses[val]) ? self.clearCaptionClass : self.starCaptionClasses[val];
+            var caption = isEmpty(self.starCaptions[val]) ? self.clearCaption : self.starCaptions[val];
+            return '<span class="' + css + '">' + caption + '</span>';
+        },
+        change: function (e) {
+            var self = this;
+            var numStars = $(e.target).parentsUntil("div").length + 1;
+            numStars = (numStars - 1) * self.step + self.min;
+            var hasStars = !isEmpty(self.starCaptions[numStars]);
+            var titleClass = (hasStars) ? self.starCaptionClasses[numStars] : self.clearCaptionClass;
+            var cap = (hasStars) ? self.starCaptions[numStars] : self.defaultCaption.replace(/\{rating\}/g, numStars);
+            var caption = '<span class="' + titleClass + '">' + cap + '</span>';
+            self.$element.val(numStars);
+            self.$caption.html(caption);
+            self.$stars.removeClass('rated');
+            $(e.target).removeClass('rated').addClass('rated');
+            $(e.target).parentsUntil("div", "s").removeClass('rated').addClass('rated');
+            self.$element.trigger('rating.change', [numStars, caption]);
+        },
+        clear: function () {
+            var self = this;
+            var title = '<span class="' + self.clearCaptionClass + '">' + self.clearCaption + '</span>';
+            self.$stars.removeClass('rated');
+            if (!self.inactive) {
+                self.$caption.html(title);
+            }
+            self.$element.val(self.clearValue);
+            self.$element.trigger('rating.clear');
+        },
+        refresh: function (options) {
+            var self = this;
+            if (arguments.length) {
+                var cap = '';
+                self.init($.extend(self.options, options));
+                if (self.showClear) {
+                    self.$clear.show();
+                }
+                else {
+                    self.$clear.hide();
+                }
+                if (self.showCaption) {
+                    self.$caption.show();
+                }
+                else {
+                    self.$caption.hide();
+                }
+            }
+        },
+        update: function (val) {
+            if (arguments.length) {
+                var v = parseFloat(val);
+                this.$element.val(v);
+                this.initialValue = v;
+                this.reset();
+            }
+        },
+        reset: function () {
+            var self = this, $container = self.$container, val = self.initialValue, $el = self.$caption;
+            var stars = '';
+            self.clear();
+            if (val) {
+                var last = parseInt(val / self.step);
+                $container.find('s').addClass('rated');
+                for (var i = self.min; i <= last * self.step; i += self.step) {
+                    stars += (i === self.min) ? 's' : ' > s';
+                }
+                $container.find(stars + ' > s').removeClass('rated');
+                if ($el) {
+                    $el.html(self.fetchCaption(val));
+                }
+            }
+            self.$element.trigger('rating.reset');
+        }
+    };
 
-	//Star rating plugin definition
-	$.fn.rating = function (option) {
-		var args = Array.apply(null, arguments);
-		args.shift();
-		return this.each(function () {
-			var $this = $(this),
-				data = $this.data('rating'),
-				options = typeof option === 'object' && option;
+    //Star rating plugin definition
+    $.fn.rating = function (option) {
+        var args = Array.apply(null, arguments);
+        args.shift();
+        return this.each(function () {
+            var $this = $(this),
+                data = $this.data('rating'),
+                options = typeof option === 'object' && option;
 
-			if (!data) {
-				$this.data('rating', (data = new Rating(this, $.extend({}, $.fn.rating.defaults, options, $(this).data()))));
-			}
+            if (!data) {
+                $this.data('rating', (data = new Rating(this, $.extend({}, $.fn.rating.defaults, options, $(this).data()))));
+            }
 
-			if (typeof option === 'string') {
-				data[option].apply(data, args);
-			}
-		});
-	};
+            if (typeof option === 'string') {
+                data[option].apply(data, args);
+            }
+        });
+    };
 
-	$.fn.rating.defaults = {
-		disabled: false,
-		readonly: false,
-		rtl: false,
-		size: 'md',
-		showClear: true,
-		showCaption: true,
-		defaultCaption: '{rating} Stars',
-		starCaptions: {
-			1: 'One Star',
-			2: 'Two Stars',
-			3: 'Three Stars',
-			4: 'Four Stars',
-			5: 'Five Stars'
-		},
-		starCaptionClasses: {
-			1: 'label label-danger',
-			2: 'label label-warning',
-			3: 'label label-info',
-			4: 'label label-primary',
-			5: 'label label-success'
-		},
-		clearButton: '<i class="glyphicon glyphicon-minus-sign"></i>',
-		clearButtonTitle: 'Clear',
-		clearButtonBaseClass: 'clear-rating',
-		clearButtonActiveClass: 'clear-rating-active',
-		clearCaption: 'Not Rated',
-		clearCaptionClass: 'label label-default',
-		clearValue: 0,
-		captionElement: null,
-		clearElement: null
-	};
+    $.fn.rating.defaults = {
+        disabled: false,
+        readonly: false,
+        rtl: false,
+        size: 'md',
+        showClear: true,
+        showCaption: true,
+        defaultCaption: '{rating} Stars',
+        starCaptions: {
+            1: 'One Star',
+            2: 'Two Stars',
+            3: 'Three Stars',
+            4: 'Four Stars',
+            5: 'Five Stars'
+        },
+        starCaptionClasses: {
+            1: 'label label-danger',
+            2: 'label label-warning',
+            3: 'label label-info',
+            4: 'label label-primary',
+            5: 'label label-success'
+        },
+        clearButton: '<i class="glyphicon glyphicon-minus-sign"></i>',
+        clearButtonTitle: 'Clear',
+        clearButtonBaseClass: 'clear-rating',
+        clearButtonActiveClass: 'clear-rating-active',
+        clearCaption: 'Not Rated',
+        clearCaptionClass: 'label label-default',
+        clearValue: 0,
+        captionElement: null,
+        clearElement: null
+    };
 
-	/**
-	 * Convert automatically number inputs with class 'rating'
-	 * into the star rating control.
-	 */
-	$(function () {
-		var $input = $('input.rating[type=number]');
-		if ($input.length > 0) {
-			$input.rating();
-		}
-	});
+    /**
+     * Convert automatically number inputs with class 'rating'
+     * into the star rating control.
+     */
+    $(function () {
+        var $input = $('input.rating[type=number]');
+        if ($input.length > 0) {
+            $input.rating();
+        }
+    });
 }(jQuery));
\ No newline at end of file