(function(global) {
    'use strict';
    var iframe = document.createElement('iframe');
    // Attributes
    iframe['id'] = 'motion-chat-iframe';
    iframe['src'] = 'https://xcally.oxonegroup.fr/snippet?location=' + btoa(window.location.host) + '&version=1.0.16&onlineForm=&offlineForm=&id=1&name=oxotelecom&address=https%3A%2F%2Fwww.oxotelecom.com&description=&mapKey=email&mapKeyOffline=email&key=woxo&agentAlias=Agent&customerAlias=Me&color=%2315374b&color_button=%234b9ae7&textColor=%23ffffff&fontSize=15&remote=https%3A%2F%2Fxcally.oxonegroup.fr&animation=true&header_shape=rounded&header_online=Une%20question%20%3F%20&start_chat_button=Chat&offline_chat_button=Envoyer&header_offline=Contactez%20nous&download_transcript=true&timeout=0&whiteLabel=Powered%20by%20oxotelecom&defaultWhiteLabel=false&sitepic=1522397133808-OxoTelecom_favicon32.png&closingQuestion=Do%20you%20want%20to%20close%20the%20interaction%3F&formSubmitSuccessMessage=Form%20properly%20submitted&formSubmitFailureMessage=Form%20submission%20error&noteTitle=sujet%20du%20message&placeholderMessage=Saisissez%20votre%20message&closingMessage=Merci%20pour%20votre%20message%20!&closingMessageButton=Envoyer&skipMessageButton=Passer&conditionAgreement=false&enableRating=true&enableFeedback=true&enableSendButton=false&feedbackTitle=Feedback&ratingType=star&ratingStarsNumber=5&token=MjQeB8xPjyAIpHtDZhD1UIrNzXH63Mhf&autoclose=true&enableCustomerWriting=false&forwardTranscript=false&forwardTranscriptMessage=&forwardOffline=false&forwardOfflineAddress=&waitingTitle=Tous%20nos%20agents%20sont%20actuellement%20occup%C3%A9s%2C%20merci%20de%20patienter%20%20&waitingMessage=Merci%20de%20patienter%20nous%20allons%20vous%20r%C3%A9pondre%20&offlineMessageSubject=Nouveau%20message%20offline%20du%20chat%20oxotelecom.com&offlineMessageBody=Vous%20avez%20re%C3%A7u%20une%20nouvelle%20un%20nouveau%20message%20chat%20d\'oxotelecom.com%20&enableUnmanagedNote=true&unmanagedMessage=Your%20request%20has%20not%20been%20processed.&skipUnmanaged=Passer&sendUnmanaged=Envoyer&enableCustomerAttachment=true&enableCustomerCheckmarks=false&agentAvatar=&showAgentAvatar=true&timezone=&notificationTemplate=%3Cp%3EAccount%3A%20%7B%7Baccount.name%7D%7D%3Cbr%20%2F%3E%0A%7B%7B%23queue%7D%7DQueue%3A%20%7B%7Bqueue.name%7D%7D%3Cbr%20%2F%3E%0A%7B%7B%2Fqueue%7D%7DFrom%20%3A%20%7B%7Bfrom%7D%7D%3C%2Fp%3E%0A&notificationSound=true&notificationShake=false&hideWhenOffline=false&agentIdentifier=website_alias&waitForTheAssignedAgent=10&alignment=right&verticalAlignment=30&messagesAlignment=alternate&defaultTitle=&customerAvatar=&showCustomerAvatar=false&messageFontSize=12&backgroundColor=%23fafafa&queueTransfer=false&queueTransferTimeout=300&agentTransfer=false&agentTransferTimeout=300&systemAlias=System&systemAvatar=&mandatoryDispositionPauseId=&mandatoryDisposition=false&createdAt=&updatedAt=&ListId=&IntervalId=&Interval=&customerIp=3.138.105.124&referer=&openedInteractions=5&maxInteractions=0&virtual=&online=true&custom=false';

    var alignment="right";
    var verticalAlignment="30";

    var iframe_status = false;
    
    var link_mobile = document.createElement('link');
    link_mobile.href = 'https://xcally.oxonegroup.fr/snippet/styles/mobile.css?version=1.0.16';
    link_mobile.rel='stylesheet';
    link_mobile.type = "text/css";
    // Right
        iframe.className = 'motion-chat-iframe-right';
        iframe.style['top'] = verticalAlignment+'%';
        var iframe_h = topIframe_calc();
        topIframe_set(iframe_h);
        var div_tab = document.createElement('div');
        div_tab['id'] = 'motion-chat-iframe-tab';
        div_tab.className = 'motion-chat-div-right';
        var tab_status=0;

       

     // Bottom, right
        topChat_set(iframe_h, verticalAlignment);
        document.body.appendChild(div_tab);
        var html = '<div id="chat_tab_arrow"> <strong><</strong> </div> <span id="chat_tab_text" style="writing-mode: tb-rl; transform: rotate(-180deg);" flex><strong> CHAT </strong></span>';
        div_tab.innerHTML = html;
        div_tab.appendChild(link_mobile);
        chat_tab_text.appendChild(link_mobile);
        chat_tab_arrow.appendChild(link_mobile);
         // Bottom, right
            div_tab.style.backgroundColor="#15374b";
            document.getElementById("chat_tab_text").style.color= "#ffffff"; 
            document.getElementById("chat_tab_arrow").style.color="#15374b"; 
            document.getElementById("chat_tab_arrow").style.backgroundColor="#ffffff"; 
            document.getElementById("motion-chat-iframe-tab").style.display="block";
          

        document.getElementById("motion-chat-iframe-tab").addEventListener("click", function(){
            if(iframe_status == false){
                
                iframe.appendChild(link_mobile);
                document.body.appendChild(iframe);
                iframe_status=true;
            }          
            if(tab_status%2==0) {
                    div_tab.style.right = '295px';
                    iframe.style.right = '0px';
                    document.getElementById("chat_tab_arrow").innerHTML = "<strong> > </strong>";
                    var iframeEl = document.getElementById('motion-chat-iframe');
                    iframeEl.contentWindow.postMessage({"evt":"show"}, '*');
            }
            else {
                    div_tab.style.right = '0px';
                    iframe.style.right = '-312px';
                    document.getElementById("chat_tab_arrow").innerHTML = "<strong> < </strong>";
                    var iframeEl = document.getElementById('motion-chat-iframe');
                    iframeEl.contentWindow.postMessage({"evt":"hide"}, '*');
            }
            tab_status++;
        });
        

    // START Events management
    window.addEventListener('message', function(evt) {
        switch (evt.data.cmd) {
            case 'show':
                 // Right
                    iframe.style.right = '0px';
                    div_tab.style.right = '295px';
                                break;
            case 'hide':
                 // Right
                    iframe.style.right = '-312px';
                    div_tab.style['right'] = '0px';
                                break;
            case "init": 
                 // Bottom, right
                    div_tab.style.backgroundColor="#15374b";
                    document.getElementById("chat_tab_text").style.color= "#ffffff"; 
                    document.getElementById("chat_tab_arrow").style.color="#15374b"; 
                    document.getElementById("chat_tab_arrow").style.backgroundColor="#ffffff"; 
                    document.getElementById("motion-chat-iframe-tab").style.display="block";
                                break;
            case "offline": 
                 // Bottom, right
                    document.getElementById("motion-chat-iframe-tab").style.display="none";
                                break;
            default:
        }

    }, false);
    // END Events management

    // START Proactive action management
     // END Proactive action management
    

    if (window.DeviceOrientationEvent) {
        window.addEventListener('orientationchange', function() {
          if (alignment == 'right'){
            document.getElementById("chat_tab_arrow").innerHTML = "<strong> < </strong>";
            var iframeEl = document.getElementById('motion-chat-iframe');
            iframeEl.contentWindow.postMessage({"evt":"hide"}, '*');
            tab_status = 0;
            iframe_h = topIframe_calc();
            topIframe_set(iframe_h);
            if(typeof div_tab != "undefined") topChat_set(iframe_h, verticalAlignment);
          }
          else if (alignment == 'left'){
            document.getElementById("chat_tab_arrow").innerHTML = "<strong> > </strong>";
            var iframeEl = document.getElementById('motion-chat-iframe');
            iframeEl.contentWindow.postMessage({"evt":"hide"}, '*');
            tab_status = 0;
            iframe_h = topIframe_calc();
            topIframe_set(iframe_h);
            if(typeof div_tab != "undefined") topChat_set(iframe_h, verticalAlignment);
          } }, false);
    }

    window.addEventListener("resize", function(event) {
      var iframe_h = topIframe_calc();
      topIframe_set(iframe_h);
      if(typeof div_tab != "undefined") topChat_set(iframe_h, verticalAlignment);
    });

    function topIframe_calc(){
      var heightD = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
      var iframeT = ((heightD/100)*verticalAlignment) + 450;
      if (heightD < iframeT) {
         var height_iframe = 450 - (iframeT - heightD);
         
      }
      else { height_iframe = 450; }
      return height_iframe;
    }

    function topIframe_set(height_iframe){
        if( height_iframe > 340){
          iframe.style['height'] = height_iframe +'px';
          if (alignment == "right" || alignment == "left" )
          { iframe.style['top'] = verticalAlignment + "%"; }
          else{ iframe.style['bottom'] = "0%"; }

        }
        else {
          iframe.style['height'] = '340px';
          if (alignment == "right" || alignment == "left" )
          { iframe.style['top'] = "calc(100% - 340px)"; }
          else{ iframe.style['bottom'] = "0%"; }

        }
      }
   
      function topChat_set(height_iframe, verticalAlignment){
  
       if( height_iframe > 340){
         div_tab.style['top'] = "calc("+ verticalAlignment +"% + " + (height_iframe - 100) + "px)";
       }
       else {
         div_tab.style['top'] = "auto";
         div_tab.style['bottom'] = "0px";
       }
    }


}());