(function () {
	var widgetHTML = "\n<style>\n#nextpatient-box {\n\tfont-family: Open Sans; \n\tbox-sizing: border-box;\n\ttext-align: center;\n\tdisplay: block; \n\twidth: 300px; \n\tmax-width: 100%; \n\tline-height: 1.3; \n\tmargin-bottom: 15px; \n\tcolor: rgb(0, 50, 99);\n\tbackground-color: rgb(242, 242, 242);\n\tborder: 1px solid rgb(0, 50, 99);\n\tborder-radius: 2px;\n}\n#nextpatient-box .box-header {\n\tfont-family: Open Sans;\n\tbackground-color: rgb(0, 50, 99); \n\tcolor: white; \n\tfont-size: 25px; \n\tline-height: 40px; \n\tmargin: 0px; \n\ttext-align: center; \n\tfont-weight: 700; \n\tborder-top-left-radius: 0px;  \n\tborder-top-right-radius: 0px;\n}\n#nextpatient-box .box-body {\n\tpadding: 7px 5px; \n\ttext-align: center; \n\tborder-bottom: 1px solid rgb(0, 50, 99); \n\tborder-left: 1px solid rgb(0, 50, 99); \n\tborder-right: 1px solid rgb(0, 50, 99); \n\tborder-bottom-left-radius: 0px;  \n\tborder-bottom-right-radius: 0px;\n}\n#nextpatient-box .wait-title {\n\ttext-transform: uppercase; \n\tfont-size: 15px; \n\tline-height: 16px; \n\tfont-weight: 500;\n}\n#nextpatient-box .wait-time {\n\tfont-size: 30px; \n\tline-height: 36px; \n\tfont-weight: 700;\n}\n#nextpatient-box .get-in-line-button {\n\tdisplay: inline-block; \n\tbackground-color: rgb(0, 124, 194); \n\tcolor: white; \n\tfont-weight: 700; \n\tfont-size: 18px; \n\tborder: none; \n\tpadding: 7px 15px; \n\tmargin: 5px 0px; \n\ttext-decoration: none; \n\tborder-radius: 2px;\n}\n#nextpatient-box .nextpatient-box-title {\n\ttext-align: center;\n\tfont-size: 25px; \n\tline-height: 40px;\n\tmargin-bottom: 0px;\n\tfont-weight: 700;\n}\n.nextpatient-time-box {display: inline-block;}\n#nextpatient-box a.nextpatient-button {\n\tfont-size:18px;\n\tdisplay: inline-block;\n\tborder-radius: 2px;\n\tpadding: 7px 15px;\n\tmargin: 0px 2px 6px 2px;\n\tline-height: 1.3;\n\ttext-decoration: none;\n\tmin-width: 80px;\n\twhite-space: nowrap;\n\tbox-sizing: border-box;\n\tborder: none;\n\tcolor: white;\n\tfont-weight: 700;\n\tborder-radius: 2px;\n\tbackground-color: rgb(0, 124, 194);\n}\n.nextpatient-reason {\n\tfont-family: inherit; \n\tfont-size: 1.08em; \n\tpadding: 6px 8px; \n\tborder: 1px solid rgb(194, 194, 194);  \n\tbackground-color: white; \n\t-webkit-appearance: none; \n\tmax-width: 290px; \n\tborder-radius: 2px; \n\tmargin-bottom: 10px;\n\tfont-weight: 600;\n}\n.nextpatient-first-slot-language {display: none}\n.nextpatient-first-slot-custom-language {font-weight: normal;}\n.nextpatient-first-slot-custom-language:before {content: \"Next available:\"}\n.nextpatient-choose-reason-language {\n\tdisplay: block; \n\tfont-weight: normal; \n\tfont-size: 0.9em; \n\tmargin-top: 5px;\n}\n.nextpatient-choose-reason-language:before {content:\"(choose a reason above)\"}\n</style>\n<div id=\"nextpatient-box\">\n\t<div id=\"nextpatient-walk-in-box\" class=\"box\">\n\t\t<div class=\"box-header\">\n\t\t\tCheck-In Here\n\t\t</div>\n\t\t\t<div class=\"box-body\">\n\t\t\t\t<div class=\"wait-title\">Opening</div>\n\t\t\t\t<div class=\"wait-time\">9am</div>\n\t\t\t</div>\n\t\n\t</div>\n</div>"
	var practiceID = 2459;

	var widgetDiv = document.getElementById('nextpatient-widget');
	if (widgetDiv == null)
		widgetDiv = document.getElementById('nextpatient_widget'); 

	if (widgetDiv) {widgetDiv.innerHTML = widgetHTML}

	var apptDiv = document.getElementById('nextpatient-appts');
	var reasonSelect = document.getElementById('nextpatient-reason-id');
	var entitySelect = document.getElementById('nextpatient-entity-id');

	function refreshAppts() {
		if (apptDiv) {
			data = {}


			if (reasonSelect)
				data.reason_id = reasonSelect.value;

			if (entitySelect)
				data.entity_id = entitySelect.value;

			var url = 'https://nextpatient.co/p/' + practiceID + '/schedule-widget-compact-appointments.html'

			if (data) {
				var urlPars = [];
				for(var key in data)
					urlPars.push(encodeURIComponent(key) + "=" + encodeURIComponent(data[key]));
				url = url + '?' + urlPars.join('&');
			}

			var request = new XMLHttpRequest();
			request.open('GET', url, true);

			request.onload = function() {
				if (request.status == 200) {
					apptDiv.innerHTML = request.responseText;
				}
			}

			request.send();
		}
	}

	if (reasonSelect)
		reasonSelect.onchange = function(){ refreshAppts(); }

	if (entitySelect)
		entitySelect.onchange = function(){ refreshAppts(); }

})();