var basicRating = raterJs( {
    starSize:22, 
    rating: 3, 
    element:document.querySelector("#basic-rater"), 
    rateCallback:function rateCallback(rating, done) {
        this.setRating(rating); 
        done(); 
    }
}); 

var starRatingStep = raterJs( {
    starSize:22, 
    rating:1.5, 
    element:document.querySelector("#rater-step"), 
    rateCallback:function rateCallback(rating, done) {
        this.setRating(rating); 
        done(); 
    }
});

var messageDataService =  {
    rate:function(rating) {
            return {then:function (callback) {
                setTimeout(function () {
                    callback((Math.random() * 5)); 
                }, 1000); 
            }
        }
    }
}

var starRatingmessage = raterJs( {isBusyText:"Rating in progress. Please wait...", 
    starSize:22, 
    element:document.querySelector("#rater-message"), 
    rateCallback:function rateCallback(rating, done) {
        starRatingmessage.setRating(rating); 
        messageDataService.rate().then(function (avgRating) {
            starRatingmessage.setRating(avgRating); 
            done(); 
    }); 
}}); 

var starRatingunlimited = raterJs( {
    max:16, 
    readOnly:true, 
    rating:4.4, 
    element:document.querySelector("#rater-unlimitedstar")
}); 

var starRatinghover = raterJs( {
    starSize:22,
    rating: 1, 
    element:document.querySelector("#rater-onhover"), 
    rateCallback:function rateCallback(rating, done) {
        this.setRating(rating); 
        done(); 
    }, 
    onHover:function(currentIndex, currentRating) {
        document.querySelector('.ratingnum').textContent = currentIndex; 
    }, 
    onLeave:function(currentIndex, currentRating) {
        document.querySelector('.ratingnum').textContent = currentRating; 
    }
}); 

var starRatingreset = raterJs( {
    starSize:22,
    rating: 2, 
    element:document.querySelector("#raterreset"), 
    rateCallback:function rateCallback(rating, done) {
        this.setRating(rating); 
        done(); 
    }
}); 
document.querySelector('#raterreset-button').addEventListener("click", function() {
    starRatingreset.clear();
    console.log(starRatingreset.getRating());
}, false);