;(function (global, factory) {
    if (typeof define === 'function' && define.amd) {
        define([], factory);
    } else if (typeof module !== 'undefined' && module.exports) {
        module.exports = factory();
    } else {
        global.$chat = factory();
    }
})(this, function () {
    function $chat( options) {
    	$chat = this;let toggle_title = false;
    	var settings = {
            box_width: 300+'px',
            box_height: 350+'px',
            box_width_down: 300+'px',
            box_height_down: 30+'px',
            before: function () { },
            after: function () {
                console.log(this.box_width);
            },
            time_out_toggle_message:0,
            current_title: document.title,
			HTTP_HOST: 'https://phongkhamtinhmach.com/chat',
			client_id:1740835820298        }
        if (!options) { options = {}; }
        for (var key in settings) {
            if (typeof options[key] !== 'undefined') {
                $chat[key] = options[key];
            } else {
                $chat[key] = settings[key];
            }
        }
        function is_mobile(){
        	if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|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|phone)|xda|xiino/i.test(navigator.userAgent)
        		|| /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(navigator.userAgent.substr(0,4)))
			return true;
			return false;
        }
    	
    	
    	this.ready_box_chat = function(){console.log('ready_box');
    		mask.show();
    		if(is_mobile()) this.show_btn_mobile();
    		else this.close_box_chat();
    	}
    	this.open_box_chat = function(){
    		this.hide_btn_mobile();
    		mask.show();
    		mask.removeClass('down');
    		this.fix_size_chat();
    		iframe.contentWindow.postMessage('option.textarea.focus();', "*");
    		
    		document.body.addClass('open-chat');
    	}
    	this.close_box_chat = function(){
    		if(is_mobile()){
    			mask.hide();
    			this.show_btn_mobile();
    		}else{
	    		mask.style.height = $chat.box_height_down;
	    		mask.style.width = $chat.box_width_down;
	    		mask.addClass('down');
	    		mask.style.left = 'inherit';
				mask.style.right = '20px';
				mask.style.button = '0px';
			}
			document.activeElement.blur();
			document.body.removeClass('open-chat');
    	},
    	this.fix_size_chat = function(){
    		if(mask.hasClass('down')) return false;
    		winh = window.innerHeight,
    			winw = window.innerWidth,
    			outerW = window.outerWidth,
    			outerH = window.outerHeight;
    		
    		if(winh<=568)
    			mask.style.height = '100%';
    		else
    			mask.style.height = $chat.box_height;
    		
    		if(winw<=568){
    			mask.style.width = '100%';
    			mask.style.left = '0px';
    			mask.style.right = 'inherit';
    		}else{
    			mask.style.width = $chat.box_width;
    			mask.style.left = 'inherit';
    			mask.style.right = '20px';
    		}
		}
		this.show_btn_mobile = function(){
			btn_mobile.style.bottom = '10px';
		}
		this.hide_btn_mobile = function(){
			btn_mobile.style.bottom = '-50px';
		}
		this.start_toggle_title = function(){
			toggle_title = true;
			$chat.time_out_toggle_message = setInterval(function(){
				if (document.title == $chat.current_title && toggle_title) document.title = 'Bạn có một tin nhắn!';
			    else document.title = $chat.current_title
			}, 2000);
		}
		this.stop_toggle_title= function(){
			toggle_title = false;
			clearInterval($chat.time_out_toggle_message);
			document.title = $chat.current_title;
		}
		Node.prototype.show = function () {
			this.style.setProperty("display", "block", "important");
		}
		Node.prototype.hide = function () {
			this.style.display = 'none';
		}
		Node.prototype.hasClass = function (className) {
		  if (this.classList)
		    return this.classList.contains(className)
		  else
		    return !!this.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'))
		}
		Node.prototype.addClass = function (className) {
		  if (this.classList)
		    this.classList.add(className)
		  else if (!hasClass(this, className)) this.className += " " + className
		}
		Node.prototype.removeClass = function (className) {
		  if (this.classList)
		    this.classList.remove(className)
		  else if (hasClass(this, className)) {
		    var reg = new RegExp('(\\s|^)' + className + '(\\s|$)')
		    this.className=this.className.replace(reg, ' ')
		  }
		}
		
		window.addEventListener('resize', function(event){
		  this.fix_size_chat();
		});
		function listen_onMessage(event) {
			var data = event.data;
			if( (new URL(event.origin)).hostname == (new URL(settings.HTTP_HOST)).hostname)
		    eval(data);
		}
		if (window.addEventListener)
		    window.addEventListener("message", listen_onMessage, false);
		else if (window.attachEvent)
		    window.attachEvent("onmessage", listen_onMessage, false);
    	
    	
        
        var style = document.createElement('style');
        style.innerHTML= '.mask-chat, .mask-chat *,.show-chat-mobile,.show-chat-mobile*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}'
       	+ '.mask-chat{transform-origin:left top;display:none;box-shadow:0 0 20px rgba(0, 0, 0, 0.21);border-top-right-radius: 3em;border-top-left-radius: 3px;}'
       	+ '.down .mask-chat{overflow: hidden;}'
        + '.show-chat-mobile{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}'
        + '.show-chat-mobile {transform-origin:right bottom;float: right;position: fixed;background: #1569bf;color: white;border-radius: 3em;z-index: 999999998;box-shadow: 0 0 5px rgba(2, 2, 2, 0.71);padding: 7px 15px;bottom: -60px;right: 10px;text-align: center;font-family: sans-serif;font-size: 14px;}'
        + '@media only screen and (max-height: 667px) and (max-width: 1000px){body.open-chat {overflow: hidden;position: fixed;}}';
        document.head.appendChild(style);
        
        var box_chat_url = 'https://phongkhamtinhmach.com/chat/box/?agent_request=beGlIB7FAjJEchhjJEBSmX9dT6gCsmd4hQJNxYxO1OOxamLRxYxO1OchhQJNOxajJEGtwoS3EwpwuQ7FANGychhjJEBSmSQBOxaFw6chhughchhqfvGtwSQBxYxSQBchhmLROxaSQBoS3X9dT6gFw6oS3lIBOxaO1O46omglOxajJEdUWSQBsgdd4hZPAZPA', mask = document.createElement('div'), iframe = document.createElement('iframe');
        //let params = new URLSearchParams(location.search);
		//if(params.get("message-chat")!='')
		//	box_chat_url += '&message-chat=' + params.get("message-chat");
		
        mask.setAttribute('style', 'z-index:999999999;position:fixed;bottom:0;right:20px;');
        mask.className = 'mask-chat';
        
        iframe.setAttribute('style', 'outline:none;border:0px;margin:0;padding:0;width:100%;height:100%;display:block!important');
        iframe.setAttribute('allowfullscreen', '');
        iframe.src= box_chat_url;
        mask.appendChild(iframe);
        document.body.appendChild(mask);
        
        btn_mobile = document.createElement('div');
        btn_mobile.className = 'show-chat-mobile';
        btn_mobile.innerHTML = '<i class="icon">💬</i> Chat Tư Vấn';
        document.body.appendChild(btn_mobile);
        
        var winh = window.innerHeight,
    			winw = window.innerWidth,
    			outerW = window.outerWidth,
    			outerH = window.outerHeight;
		btn_mobile.addEventListener("click", function(){
			$chat.open_box_chat();
			iframe.contentWindow.postMessage('$.open_box_chat()', "*");
		})
		
		window.addEventListener('load', function(event){
			if(iframe.style.width<$chat.box_width)
				iframe.style.width = $chat.box_width;
		});
		window.addEventListener('blur', function(event){
			iframe.contentWindow.postMessage("option.body.removeClass('visible').addClass('hidden');", "*");
		});
		window.addEventListener('focus', function(event){
			iframe.contentWindow.postMessage("option.body.removeClass('hidden').addClass('visible');", "*");
		});
    }
    return $chat;
});
$chat();