$(document).ready(function() {

    //vars
    var videoId;
    //div vars
    var loading;
    var ratingplace


    if ($('.VideoGal').is(':visible')) {
        ratingplace = $(".RatingControlVid");
        if (ratingplace.is(':visible')) {
            loadRatingControl(5);
        }
        videoId = $('#VideoIdDiv > *').text();
    }
    function loadRatingControl(count) {
        ratingplace.empty();
        for (var i = 1; i < count + 1; i++) {
            addStar(i);
        }
    }
    function RateVidOk(data) {
        ratingplace.text(data);
    }
    function RateFailed(ret) {
        alert('error');
    }
    function addStar(i) {
        var star = document.createElement("div");
        star.id = i;
        star.setAttribute('class', 'emptyRatingStar');
        star.onclick = function() {
            var rate = this.id;
            var guid = $('.UserGuid').text();
            if (guid.length > 0) {
                ratingplace.empty();
                ratingplace.text("Trwa ocenianie...");
                VideoService.RateVideo(rate, videoId, guid, RateVidOk, RateFailed);
            }
        }
        ratingplace.append(star);
    }
    $('.RatingControlVid > *').live('mouseover', function() {
        var id = $(this).attr('id');
        id++;
        for (var i = 1; i < id; i++) {
            $('.RatingControlVid > #' + i).attr('class', 'filledRatingStar');
        }
    });
    $('.RatingControlVid > *').live('mouseout', function() {
        var id = $(this).attr('id');
        id++;
        for (var i = 1; i < id; i++) {
            $('.RatingControlVid > #' + i).attr('class', 'emptyRatingStar');
        }
    });
});

if (typeof (Sys) !== "undefined") Sys.Application.notifyScriptLoaded();