(function ($) {
    $.fn.visible = function (partial) {
        var $t = $(this),
            $w = $(window),
            viewTop = $w.scrollTop(),
            viewBottom = viewTop + $w.height(),
            _top = $t.offset().top,
            _bottom = _top + $t.height(),
            compareTop = partial === true ? _bottom : _top,
            compareBottom = partial === true ? _top : _bottom;
        return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
    };
})(jQuery);
function isMobile() {
    var check = false;
    (function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true })(navigator.userAgent || navigator.vendor || window.opera);
    return check;
}
$(document).ready(function () {
    //common
    $('.btnSearch').click(function () {
        var keyword = $('#txt-keyword').val();
        if ($.trim(keyword) != '') {
            window.location = '/search?q=' + keyword.replace(/\s/gi, "+");
        }
        return true;
    });

    $('#txt-keyword').keyup(function (evt) {
        if (evt.keyCode == 13 || evt.which == 13) {
            $('.btnSearch').trigger('click');
            return false;
        }
        return true;
    });

    $('.fb').click(function (e) {
        share_click($(this).attr('href'));
        return false;
    });

    var tagg = [];
    if ($(".descriptionx").length > 0) {
        var contentxx = $(".descriptionx").html();
        $(".c-tags a").each(function () {
            var tag = $(this).text().trim();
            tagg.push(tag);
        });
        if (tagg.length > 0) {
            var noidung = $(".descriptionx").html();
            try {
                for (i = 0; i < tagg.length; i++) {
                    //console.log(replaceTitle(tagg[i].trim()));
                    var regexExpression = "(?!(?:[^<]+>|[^>]+<\\/a>))\\b(" + replaceTitle(tagg[i].trim()) + ")(?:\s)?\\b";
                    var regex = new RegExp(regexExpression, "imu");
                    noidung = noidung.replace(regex, "<a href='/" + friendlyTitle(unescape(tagg[i])) + "-ptag.html" + "' title = '" + tagg[i] + "'>$1" + "</a>");
                }
                $(".descriptionx").html(noidung);
            }
            catch (e) {
                $(".descriptionx").html(contentxx);
                console.log(e.message);
            }
        }
    };
    $('.commentScroll').click(function () {
        var $target_message = $('.formComment');
        $target_message.removeClass('hidden');
        $('html, body').stop().animate({
            'scrollTop': $target_message.offset().top - 50
        }, 700, 'swing', function () { });
        $('.txt-content').focus();
        $("textarea").css("border", "1px solid #11e666");
    });
    $("a.comment").click(function () {
        $('html,body').animate({
            scrollTop: $('.c-tags').offset().top - 20
        }, 700);
        $('.txt-content').focus();
    });
})
var share_click = function (url) {
    var width = 575, height = 400,
        left = (document.documentElement.clientWidth / 2 - width / 2),
        top = (document.documentElement.clientHeight - height) / 2,
        opts = 'status=1,resizable=yes' +
            ',width=' + width + ',height=' + height +
            ',top=' + top + ',left=' + left;
    win = window.open(url, '', opts);
    win.focus();
    return win;
}
function getDates() {
    var d = new Date();
    var strDate = d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear();
    return strDate;
}
var print_click = function (url) {
    var width = 575, height = 400,
        left = (document.documentElement.clientWidth / 2 - width / 2),
        top = (document.documentElement.clientHeight - height) / 2,
        opts = 'status=1,resizable=yes' +
            ',width=' + width + ',height=' + height +
            ',top=' + top + ',left=' + left;
    win = window.open(url, '', opts);
    win.focus();
    return win;
}
$(".print").click(function () {
    var axx = $(this).attr("href");
    print_click(axx);
    return false;
})

var numberWithCommas = function (convertx) {
    return convertx.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
};
//web control
var WebControl = WebControl || {};

WebControl.loadmore_params = function () {
    return {
        type: '24h',
        keyword: '',
        publisherId: 0,
        channelId: 0,
        eventId: 0
    };
}
WebControl.loadmore2_params = function () {
    return {
        type: '24h',
        keyword: '',
        publisherId: 0,
        channelId: 0,
        eventId: 0
    };
}
WebControl.isLoading = false;
WebControl.initChannelPage = function () {
    if (WebControl.isLoading)
        return false;
    var $load_more_count = 0;
    var loadMore = function () {
        var _data = WebControl.loadmore_params();
        $('.loading_img').show();
        $('#load_more').hide();
        let url = `/api/getMoreArticle/${_data.type}_${_data.keyword === '' ? 'empty' : decodeHtmlEntity(_data.keyword)}_${_data.publisherId}_${_data.channelId}_${_data.eventId}`;
        $.ajax({
            url: url,
            type: "get",
            success: function (data) {
                $.each(data, function (idx, art) {
                    $('.loadAjax:first').append('<li class="loadArticle" pid="'+art.PublisherId+'">\
                        <div class="b-grid">\
                                    <div class="b-grid__row h-hide-tablet">\
                                        <h3 class="b-grid__title"><a href="'+art.LinktoMe2+'">'+ art.Title + '</a></h3>\
                                    </div>\
                                    <div class="b-grid__img"><a href="'+ art.LinktoMe2 + '"><img src="' + (art.Thumbnail == "" ?"/Assets/images/placeholder-image10.jpg":art.Thumbnail_540x360)+'" alt="'+art.Title+'" title="'+art.Title+'" /></a></div>\
                                    <div class="b-grid__content">\
                                        <div class="b-grid__row h-show-tablet">\
                                            <h3 class="b-grid__title"><a href="'+art.LinktoMe2+'">'+art.Title+'</a></h3>\
                                        </div>\
                                        <div class="b-grid__row"><a class="b-grid__cat" href="'+art.LinkToChannel+'">'+art.NameChannel+'</a><span class="b-grid__time">'+art.TimeX+'</span></div>\
                                        <div class="b-grid__row b-grid__desc">\
                                            '+art.Headlines+'\
                                        </div>\
                                    </div>\
                                </div>\
                        </li>');
                });
                $('.loading_img').hide();
                if (data.length > 0) {
                    $('#load_more').show();
                }
                WebControl.isLoading = false;
            }
        })

    }

    $('#load_more').click(function () {
        loadMore();
        return false;
    });

    // scroll for loadmore
    $(window).scroll(function () {
        if ($(window).scrollTop() === $(document).height() - $(window).height()) {
            if ($load_more_count < 3) {
                loadMore();
                $load_more_count++;
            }
        }
    });
}
WebControl.CommentDetailPage = function () {
    let $publisherId = WebControl.publisherId;
    let $parentId = 0;
    let $sort_by = 'like';
    let $row_num = 0;
    let $cmt_name = '';
    let $cmt_email = '';
    let $cmt_content = '';
    let $cmt_parentId = '';
    let $f_share = WebControl.f_share;
    // load comments
    let loadComments = function () {
        let url = `/api/getcomment/${$publisherId}_${$parentId}_${$sort_by}_${$row_num}`;
        $.ajax({
            url: url,
            type: "get",
            success: function (data) {

                if (data.length === 0) {
                    $(".onecms__loadmore__comment").hide();
                    return false;
                }
                $.each(data, function (idx, cmt) {
                    if ($sort_by == 'like') {
                        $sort_like = cmt.Liked;
                    }
                    else {
                        $sort_date = cmt.CreatedAt;
                    }
                    $('.onecms__comment__list:last').append('<div class="b-grid" row_num="' + cmt.RowNum + '"><div class="b-grid__content" parentid="' + cmt.CommentId + '">'
                        + '<div class="b-grid__row"><span class="b-grid__title">' + cmt.Name + '</span> - <span class="b-grid__time">' + convertJsonDate(cmt.CreatedAt) + '</span></div>'
                        + '<div class="b-grid__row b-grid__desc" id="cmt' + cmt.CommentId + '">'
                        + cmt.Content
                        + '</div>'
                        + '<div class="b-grid__row">'
                        + '<span class="b-grid__anwser tl-reply">Trả lời</span>'
                        + '<span class="b-grid__like like" id="' + cmt.CommentId + '"><i class="icon16-heart"></i>Thích <span class="likeCount">' + cmt.Liked + '</span>'
                        + '<a class="b-grid__share" href="' + $f_share + '#cmt-' + cmt.CommentId + '"><i class="icon24-facebook"></i>Chia sẻ</a>'
                        + '</div>'
                        + '<div class="c-comment-input comment-reply hidden">'
                        + '<div class="form-group">'
                        + '<textarea class="form-control txt-content" name="" placeholder="Vui lòng nhập tiếng việt có dấu"></textarea>'
                        + '<label class="control-label help-block"><em></em></label> <br />'
                        + '<a href="javascript:void(0)" class="btnSend btn-send-comment" parentid="' + cmt.CommentId + '">Gửi bình luận</a>'
                        + '<span> </span>'
                        + '<a class="btn-close-comment" href="javascript:void(0)" parentid="0">Đóng</a>'
                        + '</div>'
                        + '</div>'
                        + '<div class="b-grid__sub subcomment' + cmt.CommentId + '">'
                        + '</div>'
                        + '</div>'
                        + '</div>'
                        + '</div><!-- b-grid -->');
                    //sub comments
                    let subcomment = `.subcomment${cmt.CommentId}`;
                    $.each(cmt.ChildComment, function (idx2, cmt2) {
                        $(subcomment).append('<div class="b-grid" row_num="' + (idx2 + 1) + '"><div class="b-grid__content" parentid="' + cmt.CommentId + '">'
                            + '<div class="b-grid__row"><span class="b-grid__title">' + cmt2.Name + '</span> - <span class="b-grid__time">' + convertJsonDate(cmt2.CreatedAt) + '</span></div>'
                            + '<div class="b-grid__row b-grid__desc" id="cmt' + cmt2.CommentId + '">'
                            + cmt2.Content
                            + '</div>'
                            + '<div class="b-grid__row">'
                            + '<span class="b-grid__anwser tl-reply">Trả lời</span>'
                            + '<span class="b-grid__like like" id="' + cmt2.CommentId + '"><i class="icon16-heart"></i>Thích <span class="likeCount">' + cmt2.Liked + '</span></span>'
                            + '<a class="b-grid__share" href="' + $f_share + '#cmt-' + cmt2.CommentId + '"><i class="icon24-facebook"></i>Chia sẻ</a>'
                            + '</div>'
                            + '<div class="c-comment-input comment-reply hidden">'
                            + '<div class="form-group">'
                            + '<textarea class="form-control txt-content" name="" placeholder="Vui lòng nhập tiếng việt có dấu"></textarea>'
                            + '<label class="control-label help-block"><em></em></label> <br />'
                            + '<a href="javascript:void(0)" class="btnSend btn-send-comment" parentid="' + cmt.CommentId + '">Gửi bình luận</a>'
                            + '<span> </span>'
                            + '<a class="btn-close-comment" href="javascript:void(0)" parentid="0">Đóng</a>'
                            + '</div>'
                            + '</div>'
                            + '</div>'
                            + '</div>'
                            + '</div><!-- b-grid -->');
                    })
                    if (cmt.ChildComment.length == 3) {
                        $(subcomment).append('<div class="c-comment-more comment-load-more-child"><a href="javascript:;">Xem thêm bình luận</a></div>')
                    }
                });
            },
        });


    }
    // add comment
    let sendComment = function () {
        let name = $.trim($cmt_name);
        let email = $.trim($cmt_email);
        let content = $.trim($cmt_content).replace(/\r\n|\r|\n/g, "<br/>");
        $.ajax({
            url: url,
            type: "get",
            data: { p: $cmt_parentId, a: $publisherId, n: name, e: email, c: content },
            success: function (data) {
                //console.log(data);
                data = JSON.parse(data);
                if (data.errorCode == 2) {
                    alert('Bạn phải chờ sau 1 phút sau mới được tiếp tục gửi ý kiến !');
                } else {
                    $('.txt-content').val('');
                    $('#txtName').val('');
                    $('#txtEmail').val('');
                    $('.form').removeClass('has-error');
                    $('.comment-item').find('.bc-input').addClass('hidden');
                    $('.popUp.binhLuan').removeClass('active');
                    $('.comment-reply').addClass('hidden');
                    let $target_message = $('.onecms__comments');
                    $('.message').removeClass('hidden');
                    $('html, body').stop().animate({
                        'scrollTop': $target_message.offset().top - 10
                    }, 300, 'swing', function () { });
                }

            },
        });

    }

    // load first top comment
    loadComments();
    $(".comment").click(function () {
        let target_message = $('.onecms__comments');
        if (target_message.length === 0) return false;
        $('html, body').stop().animate({
            'scrollTop': target_message.offset().top - 30
        }, 700, 'swing', function () { });
        $('.txt-content').focus();
        $("textarea").css("border", "1px solid #11e666");
    })
    $('li.comment-sort-by-like').click(function () {
        if ($(this).hasClass('active'))
            return false;
        $('li.comment-sort-by-newest').removeClass('active');
        $(this).addClass('active');

        $sort_by = 'like';
        $row_num = 0;

        //waitingDialog.show();
        $('.onecms__comment__list').html('');
        loadComments();

        return false;
    });
    $('li.comment-sort-by-newest').click(function () {
        if ($(this).hasClass('active'))
            return false;
        $('li.comment-sort-by-like').removeClass('active')
        $(this).addClass('active');

        $sort_by = 'date';
        $row_num = 0;

        $('.onecms__comment__list').html('');
        loadComments();

        return false;
    });
    // like
    $('.c-comments').on('click', '.like', function () {
        let _commentId = $(this).attr('id');
        let aaa = $(this);
        let like_val = aaa.find('.likeCount').text();
        let url = `/api/addlikecomment/${_commentId}`;
        $.ajax({
            url: url,
            type: "get",
            success: function (data) {
                data = JSON.parse(data);
                if (data.errorCode == 0) {
                    $(this).addClass('active');

                    aaa.find('.likeCount').html((parseInt(like_val) + 1).toString());
                    alert('Like thành công, sau vài phút ý kiến sẽ được cập nhật số lượng like !');
                    aaa.removeClass('like');
                    return false;
                }
                else if (data.errorCode == 2) {
                    alert('Bạn phải chờ sau 1 phút sau mới được tiếp tục like ý kiến !');
                    return false;
                }
            },
        })
    });
    $('.c-comments').on('click', '.tl-reply', function () {
        let _commentId = $(this).closest('.b-grid__content').attr('parentid');
        $parentId = _commentId;
        //show commentbox
        $(this).closest('.b-grid__content').find('.comment-reply:first').removeClass('hidden');
        return false;
    });
    $('.c-comments').on('click', '.btn-close-comment', function () {
        $(this).closest('.comment-reply').addClass('hidden');
        return false;
    });
    // send click
    $('.c-comments').on('click', '.btnSend', function () {
        let $txtContent = $(this).closest('.c-comment-input').find('.txt-content:first');
        $cmt_content = $txtContent.val();
        $cmt_parentId = $(this).attr('parentid');
        $txtContent.closest('.c-comment-input').removeClass('has-error');
        $txtContent.closest('.c-comment-input').find('em').html('');
        if ($cmt_content.length == 0) {
            $txtContent.closest('.c-comment-input').addClass('has-error').find('em').html('Bạn chưa nhập nội dung ý kiến !');
            $('.txt-content').focus();
            return false;
        } else if ($cmt_content.length < 10) {
            $txtContent.closest('.c-comment-input').addClass('has-error').find('em').html('Nội dung ý kiến quá ngắn !');
            return false;
        } else if ($cmt_content.length > 1000) {
            $txtContent.closest('.c-comment-input ').addClass('has-error').find('em').html('Nội dung ý kiến quá dài !');
            return false;
        }
        //show input author
        $('.popUp.binhluancomment').addClass('active');
        return false;
    });
    $('.btnSendComment').on('click', (function () {
        let $txtName = $('#txtName');
        let $txtEmail = $('#txtEmail');

        $cmt_name = $.trim($txtName.val());
        $cmt_email = $.trim($txtEmail.val());
        $('#binhluanmodal').find('.form').removeClass('has-error');
        $('#binhluanmodal').find('em').html('');
        if ($cmt_name.length == 0) {
            $txtName.closest('.box').addClass('has-error').find('em').html('Bạn chưa nhập họ và tên !');
            return false;
        } else if ($cmt_email.length == 0) {
            $txtEmail.closest('.box').addClass('has-error').find('em').html('Bạn chưa nhập địa chỉ email !');
            return false;
        }
        //send comment
        sendComment();
        return false;
    }));
    // load more comment
    $('.c-comments').on('click', '.onecms__loadmore__comment', function () {
        $parentId = 0;
        $row_num = $('.onecms__comment__list .b-grid:last').attr('row_num');
        loadComments();
        return false;
    });
    // ++++++ load subcomment //
    $('.c-comments').on('click', '.comment-load-more-child', function () {
        let that = this;
        $parentId = $(this).closest(".b-grid__content").attr("parentid");
        $row_num = $(this).parent().find('.b-grid:last').attr('row_num');
        if ($parentId === undefined || $row_num === undefined) return false;
        let url = `/api/getcomment/${$publisherId}_${$parentId}_${$sort_by}_${$row_num}`;
        $.ajax({
            url: url,
            type: "get",
            success: function (data) {
                if (data.length === 0) $(".comment-load-more-child").hide();
                $.each(data, function (idx2, cmt2) {
                    $(that).before('<div class="b-grid" row_num="' + ($row_num + idx2 + 1) + '"><div class="b-grid__content" parentid="' + $parentId + '">'
                        + '<div class="b-grid__row"><span class="b-grid__title">' + cmt2.Name + '</span> - <span class="b-grid__time">' + convertJsonDate(cmt2.CreatedAt) + '</span></div>'
                        + '<div class="b-grid__row b-grid__desc" id="cmt' + cmt2.CommentId + '">'
                        + cmt2.Content
                        + '</div>'
                        + '<div class="b-grid__row">'
                        + '<span class="b-grid__anwser tl-reply">Trả lời</span>'
                        + '<span class="b-grid__like like" id="' + cmt2.CommentId + '"><i class="icon16-heart"></i>Thích <span class="likeCount">' + cmt2.Liked + '</span></span>'
                        + '<a class="b-grid__share" href="' + $f_share + '#cmt-' + cmt2.CommentId + '"><i class="icon24-facebook"></i>Chia sẻ</a>'
                        + '</div>'
                        + '<div class="c-comment-input comment-reply hidden">'
                        + '<div class="form-group">'
                        + '<textarea class="form-control txt-content" name="" placeholder="Vui lòng nhập tiếng việt có dấu"></textarea>'
                        + '<label class="control-label help-block"><em></em></label> <br />'
                        + '<a href="javascript:void(0)" class="btnSend btn-send-comment" parentid="' + $parentId + '">Gửi bình luận</a>'
                        + '<span> </span>'
                        + '<a class="btn-close-comment" href="javascript:void(0)" parentid="0">Đóng</a>'
                        + '</div>'
                        + '</div>'
                        + '</div>'
                        + '</div>'
                        + '</div><!-- b-grid -->');
                })
            }
        })
        return false;
    });
}
WebControl.Answer = function () {
    var $publisherId = WebControl.PublisherId;
    var LABEL_CORRECT = ["Bạn là thần đồng", "Bạn rất xuất sắc", "Kiến thức của bạn không tồi", "Bạn có thể làm tốt hơn thế"];
    var t = $("<p>", { id: "quiz_result" }).html("<span class='message'>Hãy trả lời các câu hỏi để biết kết quả của bạn</span>");
    if ($('.quiz-caption').length > 0) {
        $(".leftDetail .description").append(t);
    }

    var a = $(".quiz ul").length;
    $("#quiz_total").html(a);
    var s = 0,
        e = 0;
    var sendTraloicauhoi = function () {
        var name = $.trim($cmt_name);
        var email = $.trim($cmt_email);
        var Traloi = $('.correct.selected').length + "/" + $('.description .quiz').length;
        $.ajax({
            url: "/api/sendAnswer",
            type: "post",
            data: { p: $publisherId, n: name, e: email, t: Traloi },
            success: function (data) {
                //console.log(data);
                data = JSON.parse(data);
                if (data.errorCode == 2) {
                    alert('Bạn phải chờ sau 1 phút sau mới được tiếp tục gửi ý kiến !');
                } else {
                    var $target_message = $('.messagetl');
                    $target_message.removeClass('hidden');
                    $('html, body').stop().animate({
                        'scrollTop': $('.formComment').offset().top
                    }, 300, 'swing', function () { });

                }
                $('.ketquatraloi #txtName').val('');
                $('.ketquatraloi #txtEmail').val('');
                $('.ketquatraloi .form').removeClass('has-error');
                $('.popUp.ketquatraloi').removeClass('active');
                $('#traloiketqua').css({ "display": "none" });
            }
        });

    };
    $(".quiz li strong").each(function (t, a) {
        $(a).parents("  li").addClass("correct");
    })
    $(".quiz li").on("click", function (n) {
        n.preventDefault();

        var i = $(this).parents(".quiz");
        if (!i.hasClass("answered")) {
            if (e++, $(this).hasClass("correct") && s++, e == a) {
                t.append('<span id="correct">' + s + '</span><span id="total">' + a + "</span>");
                var c = 100 * s / a;
                100 == c ? t.find(".message").html(LABEL_CORRECT[0]) : c >= 80 ? t.find(".message").html(LABEL_CORRECT[1]) : c >= 50 ? t.find(".message").html(LABEL_CORRECT[2]) : t.find(".message").html(LABEL_CORRECT[3])
                $('#quiz_result').append('<span id="traloiketqua">Gửi kết quả trả lời</span>');
            }
            i.addClass("answered"), $(this).addClass("selected");
            $("#traloiketqua").on("click", function (n) {
                n.preventDefault();
                $('.popUp.ketquatraloi').addClass('active');
                $(".ketquatraloi").find('.kqtl').html('<span id="correct">' + $('.correct.selected').length + '</span><span id="total">' + $('.description .quiz').length + "</span>");
                return false;
            });
            $(".btnTraloicauhoi").off('click').on("click", function () {
                var $txtName = $('.ketquatraloi #txtName');
                var $txtEmail = $('.ketquatraloi #txtEmail');
                $cmt_name = $.trim($txtName.val());
                $cmt_email = $.trim($txtEmail.val());
                $('#binhluanmodal').find('.form').removeClass('has-error');
                $('#binhluanmodal').find('em').html('');
                if ($cmt_name.length == 0) {
                    $txtName.closest('.box').addClass('has-error').find('em').html('Bạn chưa nhập họ và tên !');
                    return false;
                } else if ($cmt_email.length == 0) {
                    $txtEmail.closest('.box').addClass('has-error').find('em').html('Bạn chưa nhập địa chỉ email !');
                    return false;
                }
                //send comment
                sendTraloicauhoi();
                return false;
            });
        }
    });


};