$(document).ready(function(){
    
    var i;
    var rate;
    
    
    // highlighting stars
    $('#rate .img').hover(function(){
        
        for (i=1;i<=$(this).index();i++){
            $('#rate .img').eq(i-1).addClass('imgact');
        }
        $('#rate .imgact').removeClass('img');
    },function(){
        $('#rate .imgact').addClass('img');
        $('#rate .imgact').removeClass('imgact');
        
    });
    
    // send rating
    $('#rate .img').click(function(){
        
        rate = $(this).attr('id').substr(3);
        id = $('#artId').val();
        var baseurl = $('#baseurl').val();
        
        $.ajax({
            url: baseurl+'/rate',
            type: 'POST',
            data: 'rate='+rate+'&id='+id,
            
            success: function (result){
                $('#rate .img').remove();
                $('#rate .imgact').remove();
                $('#rate .strong').empty().append('<span class="smaller">'+result+'</span>');
            } 
        });
    });
    
});