//this gets the mysite.com portion of the emnbeded script
function eventcal_getScriptURL()
{
	var js_url = "";
	var tags = document.getElementsByTagName("script");
	for (var i = 0; i < tags.length; i++) {
		var t = tags[i];
		if (t.src.indexOf("eventcal.app/v1/") !== -1) {
			js_url = t.src;
		}
	}
	
	return js_url;
}

//load bootstrap
var css_link = document.createElement("link");
css_link.rel = "stylesheet";
css_link.href = "https://eventcal.app/static/v1/bootstrapcustom.min.css";
css_link.type = "text/css";

document.getElementsByTagName('head')[0].appendChild(css_link);

//load moment
var mo_script = document.createElement("script");
mo_script.src = "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js";
mo_script.type = "text/javascript";

document.getElementsByTagName('head')[0].appendChild(mo_script);

//load moment-tz
var motz_script = document.createElement("script");
motz_script.src = "https://momentjs.com/downloads/moment-timezone-with-data.min.js";
motz_script.type = "text/javascript";

document.getElementsByTagName('head')[0].appendChild(motz_script);

//load css
var css_link = document.createElement("link");
css_link.rel = "stylesheet";
css_link.href = "https://eventcal.app/static/v1/eventcal.css";
css_link.type = "text/css";

document.getElementsByTagName('head')[0].appendChild(css_link);

//load jquery
var jq_script = document.createElement("script");
jq_script.src = "https://code.jquery.com/jquery-3.5.1.min.js";
jq_script.type = "text/javascript";
jq_script.onload = function() {
	document.eventcal_jquery = jQuery.noConflict(true);
};

document.getElementsByTagName('head')[0].appendChild(jq_script);

//load fa
var fa_script = document.createElement("script");
fa_script.src = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js";
fa_script.type = "text/javascript";

document.getElementsByTagName('head')[0].appendChild(fa_script);

//gets the domain
function eventcal_getSite()
{
	var site = document.location.hostname;
	var js_url = eventcal_getScriptURL();
	if (js_url !== "") {
		var s = js_url.split("?")[0];
		var pieces = s.split("/");
		site = pieces[pieces.length-1];
	}
	return site;
}

window.onload = function(){
	var container = document.getElementById('eventcal');
    var request = new XMLHttpRequest();

    request.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            container.innerHTML = this.responseText;
            eventcalTzAbbr();
            eventcalDescHeight();
            eventcalMoreListener();
            eventcalToggleView();
        }
    };

    request.open('GET', 'https://eventcal.app/eventcal?site=' + encodeURIComponent(eventcal_getSite()));
    request.send();
    
}

function eventcalTzAbbr() {
	var eventcal_jq = document.eventcal_jquery;
	eventcal_jq(".tzAbbr").each(function() {
		var tz_name = eventcal_jq(this).data('tz');
		var tz_date = eventcal_jq(this).data('tzd');
		var tz_abbr = moment(tz_date).tz(tz_name).zoneAbbr();
		eventcal_jq(this).text(' ' + tz_abbr)
	});
};

function eventcalDescHeight() {
	var eventcal_jq = document.eventcal_jquery;
	eventcal_jq(".eventcalDescP").addClass('eventcalDescEx');
	eventcal_jq(".eventcalMore").hide();
	eventcal_jq('.eventcalShowLess').hide();
	eventcal_jq('.eventcalShowMore').show();
	eventcal_jq(".eventcalDescP").each(function() {
		var eventcalDescP = eventcal_jq(this).height();
		if (eventcalDescP > 24) {
			eventcal_jq(this).removeClass('eventcalDescEx');
			eventcal_jq(this).addClass('eventcalDescCol');
			//eventcal_jq(this).addClass('mb-0');
			eventcal_jq(this).siblings(".eventcalMore").show();
		}
	});
};

function eventcalMoreListener() {
	var eventcal_jq = document.eventcal_jquery;
	eventcal_jq(document).on("click", ".eventcalMore" , function() {
		eventcal_jq(this).children('.eventcalShowMore').toggle();
		eventcal_jq(this).children('.eventcalShowLess').toggle();
		eventcal_jq(this).siblings('.eventcalDescP').toggleClass('eventcalDescCol eventcalDescEx');
	});
};

function eventcalToggleView() {
	var eventcal_jq = document.eventcal_jquery;
	eventcal_jq(document).on("click", ".eventcalView" , function() {
		eventcal_jq(".eventcalCard").toggleClass('col-lg-4 col-lg-12');
		eventcal_jq(".eventcalCard").toggleClass('col-md-6 col-md-12');
		eventcal_jq(".eventcalCardRow").toggleClass('row');
		eventcal_jq(".eventcalListImg").toggleClass('col-md-2');
		eventcal_jq(".eventcalListImg").toggleClass('eventcalListImgStyle');
		eventcal_jq(".lineDate").toggleClass('d-none');
		eventcal_jq(".lineDate").toggleClass('d-md-block');
		eventcal_jq(".lineDate").toggleClass('col-md-2 col-lg-1');
		eventcal_jq(".lineDate").toggleClass('pl-4');
		eventcal_jq(".lineDate").toggleClass('pr-2');
		eventcal_jq(".lineDate").toggle();
		//eventcal_jq(".eventcalListImg").toggleClass('px-0');
		eventcal_jq(".eventcalWOimage").toggleClass('col-md-10 col-lg-11');
		eventcal_jq(".eventcalWimage").toggleClass('col-md-8 col-lg-9');
		eventcal_jq(".card-body").toggleClass('p-2 p-3');
		eventcal_jq(".card-title").toggleClass('mb-0');
		//eventcal_jq(".card-text").toggleClass('mb-0');
		eventcal_jq("#eventcalGridIcon").toggle();
		eventcal_jq("#eventcalListIcon").toggle();
		eventcalDescHeight();
	});
}