//Замените ссылки на свои со сети, если вам не нужна одна из соц сетей то впишите туда пустую строку '' как в примере с viber
var carrotquestLink = {
                        'vk': 'https://vk.com/im?media=&sel=-xxxxx',
                        'telegram': 'https://telegram.me/xxxx',
                        'facebook': 'https://m.me/xxx',
                        'viber': '',
}
function carrotquestAddStyleMessenger() {
    var divStyle = document.createElement("div");
    divStyle.innerHTML = "<style>\
        #carrotquest-messenger-social {\
            position: fixed; \
            padding-right: 18px;\
            display: table;\
            right: 0;\
            bottom: 63px;\
            width: 40px;\
            z-index: 1;\
            -webkit-transition: all 0.2s ease-in-out;\
            -moz-transition: all 0.2s ease-in-out;\
            -o-transition: all 0.2s ease-in-out;\
            -ms-transition: all 0.2s ease-in-out;\
            transition: all 0.2s ease-in-out;\
            opacity: 0;\
            display: none;\
        }\
        #carrotquest-messenger-collapsed:hover #carrotquest-messenger-social, #carrotquest-messenger-social.carrotquest-messenger-social-hover {\
           opacity: 1; \
           display: block;\
        }\
        </style>\
    ";
    document.body.appendChild(divStyle);
}
function carrotquestFormMessengerBts(){
    var container = document.createElement("div");
    container.id = "carrotquest-messenger-social"
    container.className = 'carrotquest-messenger-social-hover';
    container.style = "";

    // Иконка Вконтакте
    if(carrotquestLink['vk']) {
        container.appendChild(createMessengerBts("carrotquest-messenger-vk", carrotquestLink['vk'], 0, 0));
    }

    // Иконка Телеграм
    if(carrotquestLink['telegram']) {
        container.appendChild(createMessengerBts("carrotquest-messenger-telegram", carrotquestLink['telegram'], 0, -40));
    }

    // Иконка Facebook
    if(carrotquestLink['facebook']) {
        container.appendChild(createMessengerBts("carrotquest-messenger-facebook", carrotquestLink['facebook'], 0, -80));
    }

    // Иконка Viber
    if(carrotquestLink['viber']) {
        container.appendChild(createMessengerBts("carrotquest-messenger-viber", carrotquestLink['Viber'], 0, -120));
    }

    var messenger = document.getElementById("carrotquest-messenger-collapsed");
    if (typeof(messenger) !== undefined) {

        messenger.appendChild(container);
        setTimeout(function () {document.getElementById("carrotquest-messenger-social").className = '';}, 3000)
    }
}
function createMessengerBts(id,href,positionX, positionY) {
    var soc_style = "display: table-cell;\
                     position: relative;\
                     float: right;\
                     width: 40px;\
                     height: 40px;\
                     padding-bottom:15px;\
                     -webkit-transition: all 0.2s ease-in-out;\
                     -moz-transition: all 0.2s ease-in-out;\
                     -o-transition: all 0.2s ease-in-out;\
                     -ms-transition: all 0.2s ease-in-out;\
                     transition: all 0.2s ease-in-out;\
                     "
    var avatar = "background-image: url('https://files.carrotquest.io/messenger/soc_icons_v2.png'); width: 100%; height: 100%; display: inline-block; background-size: 40px auto; box-shadow: 0 6px 10px rgba(0,0,0,0.25); cursor: pointer; border-radius: 20px;";

    var div = document.createElement("div");
    div.id = id;
    div.style = soc_style+"";
    var innerHtml = document.createElement("a");
    innerHtml.href = href
    innerHtml.target = "_blank";
    innerHtml.style = avatar+" background-position: " + positionX + "px " + positionY + "px;";
    div.appendChild(innerHtml);
    return div;
}
function carrotquestAddMessengerBts(){
     if (document.getElementById("carrotquest-messenger-collapsed") && !document.getElementById("carrotquest-messenger-telegram"))
        carrotquestFormMessengerBts();
}
carrotquestFormMessengerBts();
carrotquestAddStyleMessenger();
carrotquest.messenger.toStateCollapsedDef = carrotquest.messenger.toStateCollapsed;
carrotquest.messenger.toStateCollapsed = function (thanks) {
    carrotquest.messenger.toStateCollapsedDef(thanks);
    carrotquestAddMessengerBts();
}