$(document).ready(function(){
    $('#5starsInput').val('0');
    
    $('#star1').click(function() {
        $('#5starsInput').val('1');
        $(document).regStars();
    });
    
    $('#star2').click(function() {
        $('#5starsInput').val('2');
        $(document).regStars();
    });
    
    $('#star3').click(function() {
        $('#5starsInput').val('3');
        $(document).regStars();
    });
    
    $('#star4').click(function() {
        $('#5starsInput').val('4');
        $(document).regStars();
    });
    
    $('#star5').click(function() {
        $('#5starsInput').val('5');
        $(document).regStars();
    });
    
    $.fn.regStars = function() {
        var i = 5;
        while(i > $('#5starsInput').val()) {
            $('#star'+i).css('background-image', 'url(../img/star3.png)');
            i--;
        }
    };
    
    $('#star1').mouseover(function() {
        $('#star1').css('background-image', 'url(../img/star1.png)');   
    });
    
    $('#star1').mouseout(function() {
        $(document).regStars();
    });
    
    $('#star2').mouseover(function() {
        $('#star1').css('background-image', 'url(../img/star1.png)');
        $('#star2').css('background-image', 'url(../img/star1.png)');
    });
    
    $('#star2').mouseout(function() {
        $(document).regStars();
    });
    
    $('#star3').mouseover(function() {
        $('#star1').css('background-image', 'url(../img/star1.png)');
        $('#star2').css('background-image', 'url(../img/star1.png)');
        $('#star3').css('background-image', 'url(../img/star1.png)');
    });
    
    $('#star3').mouseout(function() {
        $(document).regStars();
    });
    
    $('#star4').mouseover(function() {
        $('#star1').css('background-image', 'url(../img/star1.png)');
        $('#star2').css('background-image', 'url(../img/star1.png)');
        $('#star3').css('background-image', 'url(../img/star1.png)');
        $('#star4').css('background-image', 'url(../img/star1.png)');
    });
    
    $('#star4').mouseout(function() {
        $(document).regStars();
    });
    
    $('#star5').mouseover(function() {
        $('#star1').css('background-image', 'url(../img/star1.png)');
        $('#star2').css('background-image', 'url(../img/star1.png)');
        $('#star3').css('background-image', 'url(../img/star1.png)');
        $('#star4').css('background-image', 'url(../img/star1.png)');
        $('#star5').css('background-image', 'url(../img/star1.png)');
    });
    
    $('#star5').mouseout(function() {
        $(document).regStars();
    });
});