var vt = vt || {
	page_name: 		["landing-page-events","test.html"],
	server_name: 	"https://webanalytics-352708.ey.r.appspot.com/landing_page",
	css_name: 		"https://webanalytics-352708.ey.r.appspot.com/css_code",
	class_name: 	"format-slideshow__slide-content",
}

function addSignupForm () {
	
	var path = window.location.pathname;
	var page = path.split("/").pop();
	
	console.log(page)
	
	// test if we are on the right page. 
	// if not, just stop processing
	if (!vt.page_name.find((e) => e == page)) {	
		console.log("Ignore page: "+page)	
		return
	}

	// the main div
	var main = document.createElement("div");
 	main.setAttribute("class", "vt_main");

	// the div
	var div = document.createElement("div");
 	div.setAttribute("class", "vt_div");

	// the form
	var form = document.createElement("form");
	form.setAttribute("action", vt.server_name);
 	form.setAttribute("class", "vt_form");
	form.setAttribute("method", "post");
	
	// ********************************************************************* //
	// ********************************************************************* //
	
	var label0 = document.createElement("label");
 	label0.setAttribute("class", "label");
 	label0.innerText = "Hinterlassen Sie Ihre Emailadresse, wir kommen auf Sie zu!"
 	
	var label1 = document.createElement("label");
 	label1.setAttribute("class", "label");
 	label1.innerText = "Name"
	
	var input1 = document.createElement("input");
 	input1.setAttribute("class", "input");
 	input1.setAttribute("type", "text");
	input1.setAttribute("name", "name");
	input1.setAttribute("placeholder", "Max Mustermann");
	
	// ********************************************************************* //
	// ********************************************************************* //

	var label2 = document.createElement("label");
 	label2.setAttribute("class", "label");
 	label2.innerText = "Email"
 	
	var input2 = document.createElement("input");
 	input2.setAttribute("class", "input");
 	input2.setAttribute("type", "email");
	input2.setAttribute("name", "email");
	input2.setAttribute("placeholder", "max@mustermann.de");
	
	// ********************************************************************* //
	// ********************************************************************* //
	
	var label3 = document.createElement("label");
 	label3.setAttribute("class", "label");
 	label3.innerText = "Telefon (optional)"

	var input3 = document.createElement("input");
 	input3.setAttribute("class", "input");
 	input3.setAttribute("type", "text");
	input3.setAttribute("name", "phone");
	input3.setAttribute("placeholder", "0123 45678910");
	
	// ********************************************************************* //
	// ********************************************************************* //
	
	var input4 = document.createElement("textarea");
 	input4.setAttribute("class", "text");
	input4.setAttribute("name", "text");
	input4.setAttribute("placeholder", "... Ihre Ideen und Wünsche.");
	
	// ********************************************************************* //
	// ********************************************************************* //
 
    // create a submit button
    var submit = document.createElement("input");
 	submit.setAttribute("class", "submit");
    submit.setAttribute("type", "submit");
    submit.setAttribute("value", "Absenden");
	
	// ********************************************************************* //
	// ********************************************************************* //
	
	var head = document.createElement("h3");
 	head.setAttribute("class", "head");
 	head.innerText = "Text text text"
	
	var text = document.createElement("p");
 	text.setAttribute("class", "vt_text");
 	text.innerText = "Welt welt wel"
	
	// ********************************************************************* //
	// ********************************************************************* //
	
	div.append(head);
	div.append(text);
     
    // Append the full name input to the form
    form.appendChild(label0);
    
    form.appendChild(label1);
    form.appendChild(input1);
    
    form.appendChild(label2);
    form.appendChild(input2);
    
    form.appendChild(label3);
    form.appendChild(input3);
    
    form.appendChild(input4);
    
    form.appendChild(submit);
    
    // the main div
	main.append(div);
	main.append(form);
    
    // the style sheet
    var css  = document.createElement('link');
    css.setAttribute("id","")
    css.setAttribute("rel","stylesheet")
    css.setAttribute("type","text/css")
    css.setAttribute("href",vt.css_name)
    css.setAttribute("media","all")
       
 	// get elemt for replacement
	var elements = document.getElementsByClassName(vt.class_name);
	
	if (elements.length <= 0) {
		
		console.log("Element '"+vt.class_name+"' not found!");
	} else {
		
		// add css 
		elements[0].parentNode.insertBefore(css,elements[0])
	
		// replace content with form
		elements[0].replaceChildren(main);
	}
}

document.addEventListener("DOMContentLoaded", addSignupForm);

function imageDivHandler (element) {
  if (element.classList.contains("overlay-cover")) {
    var overlay = element
    overlay.addEventListener("click",function () {
      var ns = this.nextSibling

      while (ns) {
          if (ns.tagName && ns.tagName.toLowerCase() == "div") break;
          ns = ns.nextSibling;
      }

      if (!ns) {
          console.log(this.parentNode)
          console.error("No child div found: "+this);
      } 

      var div = ns
      var img = div.getElementsByTagName("img")

      if (img.length <= 0) {
          console.error("No child img found: "+div);
      } 

      var imgName = img[0].alt

      if (imgName) {
          imgName = imgName.split(":")[0]
      } else {
          imgName = "Unbekannt"
      }

      console.log("Send event(image): "+imgName)

      gtag("event", "click", {
          "event_category" : "image",
          "event_label": imgName
      });
    });   
  }
}


function linkAHandler (element) {
  element.addEventListener("click",function () {
    
    var linkText = element.textContent

    console.log("Send event(link): "+linkText)

    gtag("event", "click", {
        "event_category" : "link",
        "event_label": linkText
    });
  });
}


document.addEventListener("DOMContentLoaded", function () {
    var elements = document.getElementsByTagName("div");
    for(var i = 0, len = elements.length; i < len; i++) {
      imageDivHandler(elements[i]);
    } 

    elements = document.getElementsByTagName("a");
    for(var i = 0, len = elements.length; i < len; i++) {
      linkAHandler(elements[i]);
    } 
});