function showMessageBox(id, options) {
    modalOptions = {
        'hided' : $(id).attr('data-hided') ? $(id).data('hided') : true, // Will be modal closed on background click or not
        'delay' : $(id).attr('data-delay') ? $(id).data('delay') : 7000, // How long modal wll be shown. Delay=0 - not hide.
        'fixed' : $(id).attr('data-fixed') ? $(id).data('fixed') : true,
        'draggable' : $(id).attr('data-draggable') ? $(id).data('draggable') : false,
        'wait' : $(id).attr('data-wait') ? $(id).data('wait') : 0,
        'html' : '',
    };

    // Modal window options
    if (options && typeof options === 'object') {
        $.extend(modalOptions, options);
    }

    setTimeout(function() {
        alias = $(id).data('id');

        if (modalOptions.html) {
            $(id).find('.message-box__content').html(modalOptions.html);
        }
        
        // Высчитать top
        if (!modalOptions.fixed) {
            jQuery(id).css('top', $(window).scrollTop() + 40);
        }
        else {
           jQuery(id).css('position', 'fixed');
        }
    
        if (jQuery(id).css('display') == 'none') {
            $(id).fadeIn();

            $('body').prepend('<div class="modal-bbg" data-id="' + alias + '"></div>');
            $('.modal-bbg[data-id="' + alias + '"]').fadeIn();

            if (modalOptions.hided == true) {
                $('.modal-bbg[data-id="' + alias + '"]').addClass('hided');
            }
        }

        // Hide modal after delay time
        if (modalOptions.delay > 0) {
            $(id).animate({opacity: 1.0}, modalOptions.delay).fadeOut("slow");

            if (modalOptions.draggable) {
                $(id).draggable();
            }

            $('.modal-bbg[data-id="' + alias + '"]').delay(modalOptions.delay).fadeOut().removeClass('hided').remove();
        }
    }, modalOptions.wait);
    
}

function hideMessageBox(obj)
{
    if (obj) {
        obj.fadeOut(600);
    }
    else {
        $(".message-box").fadeOut(600);
    }

    $('.modal-bbg[data-id="' + obj.data('id') + '"]').fadeOut(1000).remove();
}

jQuery(document).ready(function(){
    $('body').on('click', '.message-box .btn-cancel', function(){
        hideMessageBox($(this).closest(".message-box"));
    });

    $('body').on('click', '.message-box .btn-close', function(){
        hideMessageBox($(this).closest(".message-box"));
    });

    $('body').on('click', '.modal-bbg.hided', function(){
        console.log($(this).data('id'), $('.message-box[data-id="' + $(this).data('id') + '"]').length);
        hideMessageBox($('.message-box[data-id="' + $(this).data('id') + '"]'));
    });

    /* Feedback call btn */
    $('.feedback-show-btn').click(function(){
        showMessageBox('#feedback-popup');

        return false;
    });
});