// version 1
//============================================================================================
// Cookie
//============================================================================================

function mobilAppSetCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    } else var expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}

function mobilAppGetCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

function mobilAppCookieExists(name) {
    if (getCookie(name) == null) {
        return false;
    }
    return true;
}

function mobilAppRemoveCookie(name) {
    setCookie(name, "", -1);
}

//============================================================================================
// FUNC
//============================================================================================

function setMobilappWindowSize(win,width,height) {
    var windowWidth = screen.width*width;
    var windowHeight = screen.height*height;
    var windowX = (screen.width-windowWidth)/2;
    var windowY = (screen.height-windowHeight)/2;
    win.moveTo(windowX,windowY);
    win.resizeTo(windowWidth,windowHeight);
}

function mobilAppScrollTop() {
    document.body.scrollTop = 0; // For Safari
    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}

function mobilAppCloseWidget() {
    document.getElementById("mobilapp-widget").classList.add('mobilapp-hide');
    document.getElementById("mobilapp-icon").classList.remove('mobilapp-hide');
    mobilAppSetCookie('mobilAppVideochat', 'close', 30);
    return true;
}

function mobilAppOpenWidget() {
    document.getElementById("mobilapp-widget").classList.remove('mobilapp-hide');
    document.getElementById("mobilapp-icon").classList.add('mobilapp-hide');
    mobilAppSetCookie('mobilAppVideochat', 'open', 30);
    return true;
}

function mobilAppCloseAll() {
    document.getElementById("mobilapp-widget").classList.add('mobilapp-hide');
    document.getElementById("mobilapp-icon").classList.add('mobilapp-hide');
    return true;
}

function mobilAppOpenChatWindow(){
    var myWindow = window.open('https://videochat.mobilapp.io/embed/chat/206/5fd894f829ece', 'mobilAppChat', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,left=0,top=0,width=800,height=600');
    setMobilappWindowSize(myWindow,0.3,0.5);
}

function mobilAppOpenAppointmentWindow(){
    var myWindow = window.open('https://videochat.mobilapp.io/embed?tx_mavideochat_embed%5Baction%5D=appointment&tx_mavideochat_embed%5Bcontroller%5D=Embed&tx_mavideochat_embed%5Bwidget%5D=206&cHash=a10fb8f5022ed2a24e1e7ca6d3b85b0d', 'mobilAppChat', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,left=0,top=0,width=800,height=600');
    setMobilappWindowSize(myWindow,0.3,0.6);
}

//============================================================================================
// Main
//============================================================================================

function initMobilappVideochat() {

    var onlineusers = 2;
    var isopen = 0;
    var widgetOnlyicon = 1;
    var widgetOffsetTop = 0;
    var hidepoweredby = 0;
    var actiontype = 0;

    // --------------------------------------------------------------
    // Video Icon (verkleinert)
    // --------------------------------------------------------------

    var div = document.createElement("div");
    div.id = 'mobilapp-icon';
    div.classList.add('mobilapp-hide');
    div.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 40 40"><path d="M260,340a20,20,0,0,0-17.32,30l-2.381,8.888a.666.666,0,0,0,.816.816L250,377.32A20,20,0,1,0,260,340Zm10.985,24.565a1,1,0,0,1-1.5.866l-4.818-2.782v3.018a.666.666,0,0,1-.667.667H249.667a.666.666,0,0,1-.667-.667V354.333a.666.666,0,0,1,.667-.667H264a.666.666,0,0,1,.667.667v2.944l4.818-2.782a1,1,0,0,1,1.5.866Z" transform="translate(-240 -340)" fill="#ff6600"/></svg>';
    document.getElementsByTagName('body')[0].appendChild(div);

    // --------------------------------------------------------------
    // Widget (vergrößert)
    // --------------------------------------------------------------

    var divMobilappWidget = document.createElement("div");
    divMobilappWidget.id = 'mobilapp-widget';

    // Include CSS
    var htmlWidget = '<style>@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0px)}}@keyframes zoomIcon{0%{transform:scale(1)}50%{transform:scale(0.3)}100%{transform:scale(1)}}.mobilapp-hide{display:none !important}#mobilapp-icon{animation:1s ease-out 0s 1 slideInFromRight;position:fixed;top:100px;bottom:auto;right:0px;background:white;padding:10px;border:3px solid black;border-right:0px;border-top-left-radius:15px;border-bottom-left-radius:15px;cursor:pointer;opacity:0.8;z-index:100000000000}#mobilapp-icon svg{animation:0.5s ease-out 1s 1 zoomIcon}#mobilapp-icon svg path{fill:black}#mobilapp-icon:hover{opacity:1}#mobilapp-widget{transform:scale(1);animation:0.5s ease-out 0s 1 slideInFromRight;max-width:300px;position:fixed;top:50px;bottom:auto;right:0px;background:#e69138;color:white;padding:10px 30px 30px 30px;border:3px solid #444444;border-right:0px;border-bottom-left-radius:30px;font-size:12px;z-index:100000000000;box-sizing:border-box;transform-origin:top right}#mobilapp-close-background{position:absolute;top:-3px;left:-60px;background:#e69138;width:60px;height:67px;border-left:3px solid #444444;border-top:3px solid #444444;border-bottom:3px solid #444444;border-top-left-radius:15px;border-bottom-left-radius:15px;box-sizing:border-box}#mobilapp-close-container{position:absolute;top:6px;left:-50px;cursor:pointer;box-sizing:border-box}#mobilapp-close{width:40px;height:40px}.mobilapp-close1{height:30px;width:5px;background-color:black;transform:rotate(45deg);Z-index:1;margin-left:18px;margin-top:10px}.mobilapp-close2{height:30px;width:5px;background-color:black;transform:rotate(90deg);Z-index:2}#mobilapp-header{color:white;font-size:20px;font-weight:bold}#mobilapp-einleitung{font-size:14px;font-weight:bold}#mobilapp-image{margin:10px 0 10px 0}#mobilapp-image img{width:100%;height:auto}#mobilapp-onlineuser{margin-top:15px}#mobilapp-link-startchat, #mobilapp-link-startappointment{color:white;background:#666666;padding:15px;border-radius:15px;text-decoration:none}#mobilapp-link-startchat:hover, #mobilapp-link-startappointment:hover{color:#666666;background:black}#mobilapp-button{text-align:center;margin-top:30px}#mobilapp-poweredby{text-align:center;margin-top:30px}#mobilapp-poweredby a{opacity:0.8;color:white}#mobilapp-poweredby a:hover{opacity:1}</style>';

    htmlWidget += '<div id="mobilapp-close-background">&nbsp;</div>';
    htmlWidget += '<div id="mobilapp-close-container"><div id="mobilapp-close"><div class="mobilapp-close1"><div class="mobilapp-close2"></div></div></div></div>';
    htmlWidget += '<div id="mobilapp-header">Live-Video Chat</div>';
    htmlWidget += '<div id="mobilapp-einleitung">Wir sind online für Sie da.</div>';
    htmlWidget += '<div id="mobilapp-image"><img src="https://videochat.mobilapp.io/fileadmin/clientwidgets/67f101fc5185d1743847932.jpg"></div>';
    if (onlineusers == 1 && isopen == 1 && actiontype != 1) {
        htmlWidget += '<div id="mobilapp-text">Starten Sie jetzt einen Videochat mit einem unserer Verkaufsmitarbeiter und lassen Sie sich unsere Lagerwagen live zeigen!</div>';
        htmlWidget += '<hr><div id="mobilapp-onlineuser">Aktuell steht <b>' + onlineusers + '</b> Mitarbeiter zur Verfügung.</div>';
        htmlWidget += '<div id="mobilapp-button"><a href="javascript:void(0);" id="mobilapp-link-startchat">Videochat starten</a></div>';
    } else if (onlineusers > 1 && isopen == 1 && actiontype != 1) {
        htmlWidget += '<div id="mobilapp-text">Starten Sie jetzt einen Videochat mit einem unserer Verkaufsmitarbeiter und lassen Sie sich unsere Lagerwagen live zeigen!</div>';
        htmlWidget += '<hr><div id="mobilapp-onlineuser">Aktuell stehen <b>' + onlineusers + '</b> Mitarbeiter zur Verfügung.</div>';
        htmlWidget += '<div id="mobilapp-button"><a href="javascript:void(0);" id="mobilapp-link-startchat">Videochat starten</a></div>';
    } else if (actiontype == 0) {
        htmlWidget += '<div id="mobilapp-text">Leider stehen gerade keine MItarbeiter zur Verfügung.</div>';
        htmlWidget += '<div id="mobilapp-button"><a href="javascript:void(0);" id="mobilapp-link-startappointment">Termin vereinbaren</a></div>';
    }
    if (actiontype == 1 || actiontype == 2) {
        if (actiontype == 2) {
            if (onlineusers == 0) {
                htmlWidget += '<div id="mobilapp-text">Leider stehen gerade keine MItarbeiter zur Verfügung.</div>';
                htmlWidget += '<br>';
            } else {
                htmlWidget += '<br><br>';
            }
        }
        htmlWidget += '<div id="mobilapp-text">Vereinbaren Sie hier einen Termin.</div>';
        htmlWidget += '<div id="mobilapp-button"><a href="javascript:void(0);" id="mobilapp-link-startappointment">Termin vereinbaren</a></div>';
    }



    if(hidepoweredby != 1) {
        htmlWidget += '<div id="mobilapp-poweredby"><a href="https://www.mobilapp.io/" target="_blank">powered by mobilApp</a></div>';
    }

    divMobilappWidget.innerHTML = htmlWidget;
    document.getElementsByTagName('body')[0].appendChild(divMobilappWidget);

    // Offset ermitteln
    widgetOffsetTop = divMobilappWidget.offsetTop;

    // Button um den Chat zu starten
    var button1 = document.getElementById('mobilapp-link-startchat');
    if (typeof(button1) != 'undefined' && button1 != null){
        button1.addEventListener('click', function () {
            mobilAppOpenChatWindow();
        });
    }

    // Button um Terminanfrage zu starten
    var button4 = document.getElementById('mobilapp-link-startappointment');
    if (typeof(button4) != 'undefined' && button4 != null){
        button4.addEventListener('click', function () {
            mobilAppOpenAppointmentWindow();
        });
    }

    var button2 = document.getElementById('mobilapp-close-container');
    if (typeof(button2) != 'undefined' && button2 != null){
        button2.addEventListener('click', function () {
            mobilAppCloseWidget();
        });
    }

    var button3 = document.getElementById('mobilapp-icon');
    if (typeof(button3) != 'undefined' && button3 != null){
        button3.addEventListener('click', function () {
            mobilAppOpenWidget();
            if (divMobilappWidget.clientHeight + widgetOffsetTop > window.innerHeight || window.innerWidth <= 800) {
                mobilAppScrollTop();
            }
        });
    }


    // Verkleinern, wenn Cookie entsprechend gesetzt
    if (mobilAppGetCookie('mobilAppVideochat') === 'close') {
        mobilAppCloseWidget();
    }

    // Verkleinern, wenn dies die Einstellung vorgibt
    if (widgetOnlyicon == 1) {
        mobilAppCloseWidget();
    }

    // Auf Mobilgeräten oder kleinen Auflösungen verkleinern
    if (window.innerWidth <= 800) {
        divMobilappWidget.style.position = 'absolute';
        mobilAppCloseWidget();
    }

    // Wenn das Widget Höher als die Webseite ist
    setInterval(function () {
        if (divMobilappWidget.clientHeight + widgetOffsetTop > window.innerHeight || window.innerWidth <= 800) {
            divMobilappWidget.style.position = 'absolute';
        } else {
            divMobilappWidget.style.position = 'fixed';
        }
    }, 500);

}

if(0 != 1){
    initMobilappVideochat();
}