var me = document.getElementById('div_ticket_layout2_30');
if (!me) {
    me = document.getElementById('ticket_layout2_30');
}

if (me) {
    var textnode = document.createElement('div');
    textnode.id = 'div_ticket_layout2_30';
    textnode.scriptSrc = '//app.eaero.de/api/ticket/layout2/30/bb7f30da86a40754ee554b0123ae0981?scriptId=ticket_layout2_30';

    textnode.innerHTML = '<style type="text/css">.tot.table {     display: table;     width: 100%;     margin-bottom: 15px;     border-top: 1px solid #ccc;     border-left: 1px solid #ccc; }  .tot.table .thead {     display: table-header-group;     vertical-align: middle;     border-color: inherit; }  .tot.table .tr {     display: table-row;     vertical-align: inherit; }  .tot.table .thead .td {     font-weight: bold; }  .tot.table .td, .tot.table .th {     display: table-cell;     border-bottom: 1px solid #ccc;     border-right: 1px solid #ccc;     text-align: left;     vertical-align: inherit;     padding: 10px; }  @element div.tot.table and (max-width: 767px) {      :self .tr {         border-bottom: 0px solid #ccc;         display: flex !important;         flex-flow: column;         border-right: 1px solid #ccc;     }      :self .td {         padding: 10px;         flex: none;         display: block;         border-right: 0 solid #ccc !important;         border-bottom: 1px solid #ccc;     }      :self > .thead .td.tot_tariff,     :self > .thead .td.tot_template{         display: none;     }      :self .thead .td.tot_category::before {         content:attr(data-label);         float: left;         display: block;         width: 100%;     }      :self .td::before {         content:attr(data-label);         float: left;         display: block;         width: 100%;     }      :self .td.tot_ticket {         font-weight: bold;         float: left;     } }  .tot.table .tot_subtitle {     font-weight: normal;     font-size: 11px; }  ul.tot_footnotes {     list-style-type: none;     margin-left: 7px;     margin-top: -9px;     margin-bottom: 15px; }  ul.tot_footnotes li.tot_footnote {     font-size: 11px; }  ul.tot_footnotes li.tot_footnote .tot_footnote_key {     font-weight: bold; }</style><div class="tot table layout2"><div class="thead"><div class="tr"><div class="td tot_category">Eintrittspreise Bad</div><div class="td tot_template">Erwachsene (ab 18 Jahre)</div><div class="td tot_template">Kinder/ Jugendliche (unter 18 Jahre)</div><div class="td tot_template">Kinder (unter 6 Jahre)</div></div></div><div class="tr"><div class="td tot_ticket">2,5-Std.-Tarif<div class="tot_subtitle"></div></div><div class="td tot_price" data-label="Erwachsene (ab 18 Jahre)">€ 7,40</div><div class="td tot_price" data-label="Kinder/ Jugendliche (unter 18 Jahre)">€ 4,10</div><div class="td tot_price" data-label="Kinder (unter 6 Jahre)">€ 1,00</div></div><div class="tr"><div class="td tot_ticket">Tagestarif<div class="tot_subtitle"></div></div><div class="td tot_price" data-label="Erwachsene (ab 18 Jahre)">€ 9,90</div><div class="td tot_price" data-label="Kinder/ Jugendliche (unter 18 Jahre)">€ 5,90</div><div class="td tot_price" data-label="Kinder (unter 6 Jahre)">€ 1,50</div></div></div>';

    me.parentNode.replaceChild(textnode, me);
}
else {


  // typ und id suchen
  var scripts = document.getElementsByTagName("script");

  var src = '//app.eaero.de/api/ticket/layout2/30/bb7f30da86a40754ee554b0123ae0981?scriptId=ticket_layout2_30';
  console.log(src);
  var type = '';
  var id = '';
  var pos1ticket = src.indexOf('/api/ticket/');

  var offset = 0;
  var idInNext = false;
  var template = '/';
  var pos1 = -1;

  if(pos1ticket > -1) {
    pos1 = pos1ticket;
    offset = 12;
    idInNext = true;
    type = 'ticket';
  }

  if(pos1 > -1) {
    var pos2 = src.indexOf('/', pos1 + offset);

    if(!idInNext) {
      id = src.substring(pos1 + offset, pos2);
    }
    else {
      var pos2Back = pos2 + 1;

      template = '/' + src.substring(pos1 + offset, pos2) + '/';

      pos2 = src.indexOf('/', pos2 + 1);

      id = src.substring(pos2Back, pos2);
    }

    console.log(type);
    console.log(id);
    console.log(template);
  }
  // /typ und id suchen

  var scriptNodeReplaced = false;
  var html = '<style type="text/css">.tot.table {     display: table;     width: 100%;     margin-bottom: 15px;     border-top: 1px solid #ccc;     border-left: 1px solid #ccc; }  .tot.table .thead {     display: table-header-group;     vertical-align: middle;     border-color: inherit; }  .tot.table .tr {     display: table-row;     vertical-align: inherit; }  .tot.table .thead .td {     font-weight: bold; }  .tot.table .td, .tot.table .th {     display: table-cell;     border-bottom: 1px solid #ccc;     border-right: 1px solid #ccc;     text-align: left;     vertical-align: inherit;     padding: 10px; }  @element div.tot.table and (max-width: 767px) {      :self .tr {         border-bottom: 0px solid #ccc;         display: flex !important;         flex-flow: column;         border-right: 1px solid #ccc;     }      :self .td {         padding: 10px;         flex: none;         display: block;         border-right: 0 solid #ccc !important;         border-bottom: 1px solid #ccc;     }      :self > .thead .td.tot_tariff,     :self > .thead .td.tot_template{         display: none;     }      :self .thead .td.tot_category::before {         content:attr(data-label);         float: left;         display: block;         width: 100%;     }      :self .td::before {         content:attr(data-label);         float: left;         display: block;         width: 100%;     }      :self .td.tot_ticket {         font-weight: bold;         float: left;     } }  .tot.table .tot_subtitle {     font-weight: normal;     font-size: 11px; }  ul.tot_footnotes {     list-style-type: none;     margin-left: 7px;     margin-top: -9px;     margin-bottom: 15px; }  ul.tot_footnotes li.tot_footnote {     font-size: 11px; }  ul.tot_footnotes li.tot_footnote .tot_footnote_key {     font-weight: bold; }</style><div class="tot table layout2"><div class="thead"><div class="tr"><div class="td tot_category">Eintrittspreise Bad</div><div class="td tot_template">Erwachsene (ab 18 Jahre)</div><div class="td tot_template">Kinder/ Jugendliche (unter 18 Jahre)</div><div class="td tot_template">Kinder (unter 6 Jahre)</div></div></div><div class="tr"><div class="td tot_ticket">2,5-Std.-Tarif<div class="tot_subtitle"></div></div><div class="td tot_price" data-label="Erwachsene (ab 18 Jahre)">€ 7,40</div><div class="td tot_price" data-label="Kinder/ Jugendliche (unter 18 Jahre)">€ 4,10</div><div class="td tot_price" data-label="Kinder (unter 6 Jahre)">€ 1,00</div></div><div class="tr"><div class="td tot_ticket">Tagestarif<div class="tot_subtitle"></div></div><div class="td tot_price" data-label="Erwachsene (ab 18 Jahre)">€ 9,90</div><div class="td tot_price" data-label="Kinder/ Jugendliche (unter 18 Jahre)">€ 5,90</div><div class="td tot_price" data-label="Kinder (unter 6 Jahre)">€ 1,50</div></div></div>';

  if(type != '' && id != '') {
    for(i=0;i<scripts.length;i++) {

      var scriptSrc = scripts[i].getAttribute("src");

      //if('//app.eaero.de/app_dev.php/api/tableOfHours/137/edf3182d097d714f58928808b82106b4' == scripts[i].getAttribute("src") && false) {
      if(scriptSrc && scriptSrc.indexOf('/' + type + template + id) > -1) {
        //console.log(scripts[i]);
        var newNode = document.createElement('div');

        newNode.innerHTML = html;
        newNode.setAttribute('id', 'div_ticket_layout2_30');
        newNode.setAttribute('scriptSrc', '//app.eaero.de/api/ticket/layout2/30/bb7f30da86a40754ee554b0123ae0981?scriptId=ticket_layout2_30');

        scripts[i].parentNode.replaceChild(newNode, scripts[i]);

        scriptNodeReplaced = true;
        console.log('gefunden');
      }
    }
  }

  if(!scriptNodeReplaced && template != '/') {
    document.write('<div id="div_ticket_layout2_30" scriptSrc="//app.eaero.de/api/ticket/layout2/30/bb7f30da86a40754ee554b0123ae0981?scriptId=ticket_layout2_30">' + html + '</div>');
  }



    //!!document.write('<div id="div_ticket_layout2_30" scriptSrc="//app.eaero.de/api/ticket/layout2/30/bb7f30da86a40754ee554b0123ae0981?scriptId=ticket_layout2_30"><style type="text/css">.tot.table {     display: table;     width: 100%;     margin-bottom: 15px;     border-top: 1px solid #ccc;     border-left: 1px solid #ccc; }  .tot.table .thead {     display: table-header-group;     vertical-align: middle;     border-color: inherit; }  .tot.table .tr {     display: table-row;     vertical-align: inherit; }  .tot.table .thead .td {     font-weight: bold; }  .tot.table .td, .tot.table .th {     display: table-cell;     border-bottom: 1px solid #ccc;     border-right: 1px solid #ccc;     text-align: left;     vertical-align: inherit;     padding: 10px; }  @element div.tot.table and (max-width: 767px) {      :self .tr {         border-bottom: 0px solid #ccc;         display: flex !important;         flex-flow: column;         border-right: 1px solid #ccc;     }      :self .td {         padding: 10px;         flex: none;         display: block;         border-right: 0 solid #ccc !important;         border-bottom: 1px solid #ccc;     }      :self > .thead .td.tot_tariff,     :self > .thead .td.tot_template{         display: none;     }      :self .thead .td.tot_category::before {         content:attr(data-label);         float: left;         display: block;         width: 100%;     }      :self .td::before {         content:attr(data-label);         float: left;         display: block;         width: 100%;     }      :self .td.tot_ticket {         font-weight: bold;         float: left;     } }  .tot.table .tot_subtitle {     font-weight: normal;     font-size: 11px; }  ul.tot_footnotes {     list-style-type: none;     margin-left: 7px;     margin-top: -9px;     margin-bottom: 15px; }  ul.tot_footnotes li.tot_footnote {     font-size: 11px; }  ul.tot_footnotes li.tot_footnote .tot_footnote_key {     font-weight: bold; }</style><div class="tot table layout2"><div class="thead"><div class="tr"><div class="td tot_category">Eintrittspreise Bad</div><div class="td tot_template">Erwachsene (ab 18 Jahre)</div><div class="td tot_template">Kinder/ Jugendliche (unter 18 Jahre)</div><div class="td tot_template">Kinder (unter 6 Jahre)</div></div></div><div class="tr"><div class="td tot_ticket">2,5-Std.-Tarif<div class="tot_subtitle"></div></div><div class="td tot_price" data-label="Erwachsene (ab 18 Jahre)">€ 7,40</div><div class="td tot_price" data-label="Kinder/ Jugendliche (unter 18 Jahre)">€ 4,10</div><div class="td tot_price" data-label="Kinder (unter 6 Jahre)">€ 1,00</div></div><div class="tr"><div class="td tot_ticket">Tagestarif<div class="tot_subtitle"></div></div><div class="td tot_price" data-label="Erwachsene (ab 18 Jahre)">€ 9,90</div><div class="td tot_price" data-label="Kinder/ Jugendliche (unter 18 Jahre)">€ 5,90</div><div class="td tot_price" data-label="Kinder (unter 6 Jahre)">€ 1,50</div></div></div></div>');
}

if('withEQCSS' == 'withEQCSS') {

    var bodyElement = document.getElementsByTagName('body')[0];
    var bodyEQCSS = bodyElement.getAttribute('eqcss');

    if(bodyEQCSS == null) {
        //console.log('body eqcss: ' + bodyElement.getAttribute('eqcss'));

        bodyElement.setAttribute('eqcss', 'eqcss');

        //!!console.log(typeof(EQCSS));

        if(typeof(EQCSS) === 'undefined') {
            //!!console.log('EQCSS laden');

            var wol = window.onload;

            window.onload = function() {
              if(wol) {
                wol();
              }

              var link = document.getElementsByTagName('link');
              var script = document.getElementsByTagName('script');

              for (var i = 0; i < link.length; i++) {
                link[i].setAttribute('data-eqcss-read', 'true')
              }

              for (var i = 0; i < script.length; i++) {
                script[i].setAttribute('data-eqcss-read', 'true')
              }

              eaApiLoadScript('//app.eaero.de/app.php/js/EQCSS.min.js', function() {
                if(typeof(EQCSS) !== 'undefined') {
                  //console.log('EQCSS apply');
                  EQCSS.apply();
                }
              });
            };
        }
        else {
            if(typeof(EQCSS) !== 'undefined') {
              //console.log('EQCSS apply');
              EQCSS.apply();
            }
        }
    }
    else {
        if(typeof(EQCSS) !== 'undefined') {
          //console.log('EQCSS apply');
          EQCSS.apply();
        }
    }
}

if('withEQCSS' == 'withEQCSS' && '' != 'withoutMouseUpListener') {
  if(window.eAeroMouseupInstalled === undefined) {
    window.eAeroMouseupInstalled = true;
    document.addEventListener("mouseup", function(e) {
      console.log('mouseup');
      setTimeout(function() {
        console.log('EQCSS apply mouseup');
        EQCSS.apply();
      }, 1);
    });
  }
}

function eaApiLoadScript(url, callback) {

    // script-Tag anlegen
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;

    // Callback-Funktion binden
    //script.onreadystatechange = callback; // Probleme mit IE < 11, daher auskommentiert
    script.onload = callback;

    // Script-Tag im Header anlegen, damit Ladevorgang beginnt
    head.appendChild(script);
}

if (eaeroApi == undefined) {
    var eaeroApi = {};

    eaeroApi.updateMultipleHours = function (idArr, template, date, clear, withDayAfterTomorrow, withFootnotes, withLegend) {

        // todo: prüfen, ob dies ev. auch im head-Element funktioniert
        var bodyElement = document.getElementsByTagName('body')[0];

        if(!bodyElement && bodyElement == undefined) {
            console.log('Fehler in der Implementierung der eaero-API. Kein Body-Element gefunden. Script wird eventuell zu früh geladen.');
            return
        }

        if (!withDayAfterTomorrow || withDayAfterTomorrow == undefined) {
            withDayAfterTomorrow = 0;
        }

        if (!withFootnotes || withFootnotes == undefined) {
            withFootnotes = 0;
        }

        if (!withLegend || withLegend == undefined) {
            withLegend = 0;
        }

        var src = '{url}/api/multiHours/' + template + '/' + idArr + '/' + date + '/{secret}';

        var params = '';

        if(withDayAfterTomorrow != 0) {
            if(params == '') params += '?'; else params += '&';
            params += 'withDayAfterTomorrow=1';
        }

        if(withFootnotes != 0) {
            if(params == '') params += '?'; else params += '&';
            params += 'withFootnotes=1';
        }

        if(withLegend != 0) {
            if(params == '') params += '?'; else params += '&';
            params += 'withLegend=1';
        }

        src += params;

        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = src;

        if (clear) {
            for (var i = 0; i < idArr.length; i++) {
                var divId = 'div_hours' + idArr[i];
                var div = document.getElementById(divId);

                if (div && div != undefined) {
                    div.innerHTML = '';
                }
            }
        }

        bodyElement.appendChild(s);
    };

    eaeroApi.updateHours = function (scriptId, id, template, date, clear, withDayAfterTomorrow, withFootnotes, withLegend) {

        var divElement = document.getElementById('div_' + scriptId);

        if (!divElement || divElement == undefined) {
            return;
        }

        if (!withDayAfterTomorrow || withDayAfterTomorrow == undefined) {
            withDayAfterTomorrow = 0;
        }

        if (!withFootnotes || withFootnotes == undefined) {
            withFootnotes = 0;
        }

        if (!withLegend || withLegend == undefined) {
            withLegend = 0;
        }

        var scriptSrc = '';

        if (divElement.scriptSrc != undefined) {
            scriptSrc = divElement.scriptSrc;
        }
        else {
            scriptSrc = '{url}/api/hours/' + template + '/' + id + '/{secret}';
        }

        var scriptSrcArr = scriptSrc.split('/');

        for (i = 0; i < scriptSrcArr.length; i++) {
            if (scriptSrcArr[i] == 'hours') {
                scriptSrcArr[i + 3] = date;
            }
        }

        src = scriptSrcArr.join('/');

        var params = '';

        if(withDayAfterTomorrow != 0) {
            if(params != '') params += '?'; else params += '&';
            params += 'withDayAfterTomorrow=1';
        }

        if(withFootnotes != 0) {
            if(params != '') params += '?'; else params += '&';
            params += 'withFootnotes=1';
        }

        if(withLegend != 0) {
            if(params != '') params += '?'; else params += '&';
            params += 'withLegend=1';
        }

        src += params;

        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = src;
        s.id = 'div_' + scriptId;

        if (clear) {
            divElement.innerHTML = '';
        }

        divElement.appendChild(s);

    };

    eaeroApi.updateTableOfHours = function(scriptId, date, clear) {

        var divElement = document.getElementById('div_' + scriptId);

        var prevButton = document.getElementById('toh_prev_button_' + scriptId);
        var nextButton = document.getElementById('toh_next_button_' + scriptId);
        var loadIndicator = document.getElementById('toh_load_indicator_' + scriptId);

        if (!divElement || divElement == undefined) {
            return;
        }

        if(prevButton) {
            prevButton.setAttribute('disabled', 'disabled');
        }

        if(nextButton) {
            nextButton.setAttribute('disabled', 'disabled');
        }

        if(loadIndicator) {
            loadIndicator.setAttribute('style', '');
        }

        var scriptSrc = '';

        if (divElement.scriptSrc != undefined) {
            scriptSrc = divElement.scriptSrc;
        }
        else if(divElement.getAttribute('scriptSrc') != undefined) {
            scriptSrc = divElement.getAttribute('scriptSrc');
        }
        else {
            scriptSrc = '{url}/api/tableOfHours/' + scriptId + '/1,2,3,4,5,6,7//{secret}';
        }

        var scriptSrcArr = scriptSrc.split('/');

        for (i = 0; i < scriptSrcArr.length; i++) {
            if (scriptSrcArr[i] == 'tableOfHours') {
                scriptSrcArr[i + 3] = date;
            }
        }

        src = scriptSrcArr.join('/');

        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = src;
        s.id = 'div_' + scriptId;

        if (clear) {
            divElement.innerHTML = '';
        }

        divElement.appendChild(s);
    };

    if (typeof eAeroApiLoaded == 'function') {
        eAeroApiLoaded();
    }
}