// get URL params
var getUrlParams =  function getUrlParams(sParam) {
                      var sPageURL =  decodeURIComponent(window.location.search.substring(1)),
                                      sURLVariables = sPageURL.split('&'),
                                      sParamsName,
                                      i;
                      for (i = 0; i < sURLVariables.length; i++) {
                        sParamsName = sURLVariables[i].split('=');
                        if (sParamsName[0] === sParam) {
                          return sParamsName[1] === undefined ? true : sParamsName[1];
                        }
                      }
                    };
// page variables
var ws_url      = '/fs/getdata.php';
var site        = 2;
var country     = getUrlParams('country');
var aifmd       = getUrlParams('audience');
var days        = 90; // chart data from x days to today
var showChart   = false; // true or false
var chartWidth  = 868;
var chartHeight = 130;
var chartColor  = '112, 112, 114';
// text variables
var textContent = [];
textContent[0] = 'Rücknahmepreis';
textContent[1] = 'Weitere Informationen';
textContent[2] = 'ISIN';
textContent[3] = 'WKN';
textContent[4] = 'Name';
textContent[5] = 'Ausgabepreis';
textContent[6] = 'Währung';
textContent[7] = 'Preis vom';
textContent[8] = 'Suche';
textContent[9] = 'Anzeige:';
textContent[10] = 'Zeilen';
textContent[11] = 'Anzahl:';
textContent[12] = 'von';
textContent[13] = 'Akkumulierter thesaurierter Ertrag vom';
textContent[14] = 'EUR';
textContent[15] = 'ISIN:';
textContent[16] = 'WKN:';
textContent[17] = 'Zwischengewinn';
textContent[18] = 'Aktiengewinn';
textContent[19] = 'Aktiengewinn 2';
textContent[20] = 'Immobiliengewinn';
textContent[21] = 'Ertragsverwendung';
textContent[22] = 'Thesaurierend';
textContent[23] = 'Ausschüttend';
textContent[24] = 'name_deu';
textContent[25] = 'Preischart der letzten 90  Tage';
textContent[26] = 'Tage';
textContent[27] = 'Zur Zeit ist für diesen Fonds leider kein Chart verfügbar.';
textContent[28] = '<h2>Für Ihre Auswahl stehen momentan keine Daten zur Verfügung</h2>';
textContent[29] = 'ATE';
textContent[30] = 'vom';
// Required variables for the chart
var chartLabel    = [];
var chartData     = [];
var lineChartData = {
                      labels: [],
                      datasets: [{
                        label: textContent[0],
                        fillColor: "rgba(" + chartColor + ", 0.2)",
                        strokeColor: "rgba(" + chartColor + ", 1)",
                        pointColor: "rgba(" + chartColor + ", 1)",
                        data: []
                      }]
                    }
// init function after page load
$(function() {
  if (!showChart) {
    $('#box').css('height', '450px');
    $('#chart').css('visibility', 'hidden');
  }
  $.ajax({
    url: ws_url + '?m=getList&site=' + site + '&country=' + country + '&aifmd=' + aifmd,
    dataType: 'json',
    success:  function(json) {
                json = json[0].data;
                $('#columns').html(textContent[28]);
                $('#columns').columns({
                  data: json,
                  size: 100,
                  schema: [
                    {"header": "", "key": "isin", "template": '<a href="javascript:void(0);" onclick="displayDetails(this, \'{{isin}}\', \'' + country + '\')" class="info" title="' + textContent[1] + '">i</a>'},
                    {"header": textContent[2], "key": "isin"},
                    {"header": textContent[3], "key": "wkn"},
                    {"header": textContent[4], "key": "fullname"},
                    {"header": textContent[5], "key": "ausgabekurs", "template": '<div style="text-align: right;">{{ausgabekurs}}</div>'},
                    {"header": textContent[0], "key": "ruecknahmekurs", "template": '<div style="text-align: right;">{{ruecknahmekurs}}</div>'},
                    {"header": textContent[6], "key": "waehrung", "template": '<div style="text-align: center;">{{waehrung}}</div>'},
                    {"header": textContent[7], "key": "preis_vom"},
                    {"header": "", "key": "umbrella", "hide": true}
                  ],
                  sortableFields: ["id"],
                  template: '{{#search}}' +
                              '<div class="ui-columns-search">' +
                                '<input class="ui-table-search" placeholder="' + textContent[8] + '" type="text" name="query" data-columns-search="true" value="{{query}}" />' +
                              '</div>' +
                            '{{/search}}' +
                            '{{#table}}' +
                              '<div class="ui-columns-table" data-columns-table="true">' +
                                '<table class="ui-table" id="tableData">' +
                                  '<thead>' +
                                    '{{#headers}}' +
                                      '{{#sortable}}' +
                                        '<th class="ui-table-sortable" data-columns-sortby="{{key}}">' +
                                          '{{header}}' +
                                        '</th>' +
                                      '{{/sortable}}' +
                                      '{{#notSortable}}' +
                                        '<th class="">' +
                                          '{{header}}' +
                                        '</th>' +
                                      '{{/notSortable}}' +
                                      '{{#sortedUp}}' +
                                        '<th class="ui-table-sort-up ui-table-sortable" data-columns-sortby="{{key}}">' +
                                          '{{header}} <span class="ui-arrow">&#x25B2;</span>' +
                                        '</th>' +
                                      '{{/sortedUp}}' +
                                      '{{#sortedDown}}' +
                                        '<th class="ui-table-sort-down ui-table-sortable" data-columns-sortby="{{key}}">' +
                                          '{{header}} <span class="ui-arrow">&#x25BC;</span>' +
                                        '</th>' +
                                      '{{/sortedDown}}' +
                                    '{{/headers}}' +
                                  '</thead>' +
                                  '<tbody>' +
                                    '{{#rows}}' +
                                      '{{{.}}}' +
                                    '{{/rows}}' +
                                  '</tbody>' +
                                '</table>' +
                                '<div class="ui-table-footer">' +
                                  '<span class="ui-table-size">' + textContent[9] + ' {{{showRowsMenu}}} ' + textContent[10] + '</span>' +
                                  '<span class="ui-table-results">' + textContent[11] + ' <strong>{{resultRange.start}} &ndash; {{resultRange.end}}</strong> ' + textContent[12] + ' <strong>{{tableTotal}}</strong> </span>' +
                                  '<span class="ui-table-controls">' +
                                    '{{#prevPageExists}}' +
                                      '<span class="ui-table-control-prev" data-columns-page="{{prevPage}}"> <img src="/dzpb/img/arrow-left.png"> </span>' +
                                    '{{/prevPageExists}}' +
                                    '{{^prevPageExists}}' +
                                      '<span class="ui-table-control-disabled"> <img src="/dzpb/img/spacer.png"> </span>' +
                                    '{{/prevPageExists}}' +
                                    '{{#nextPageExists}}' +
                                      '<span class="ui-table-control-next" data-columns-page="{{nextPage}}"> <img src="/dzpb/img/arrow-right.png"> </span>' +
                                    '{{/nextPageExists}}' +
                                    '{{^nextPageExists}}' +
                                      '<span class="ui-table-control-disabled"> <img src="/dzpb/img/spacer.png"> </span>' +
                                    '{{/nextPageExists}}' +
                                  '</span>' +
                                '</div>' +
                              '</div>' +
                            '{{/table}}',
                  showRows: [5, 10, 15, 25, 40, 100]
                });
                $('#data').columns({
                  data: json,
                  search: false,
                  table: false
                });
                if (country.toLowerCase() == "de") {
                  $('#deSpecial').css('visibility', 'visible');
                }
              }
  });
});
// display details
function displayDetails(Obj, isin, country) {
  nr = parseInt($(Obj.parentNode.parentNode).attr('data-columns-row-id')) + 1;
  var data = {};
  if ($('#details' + nr).attr('data-visible')) {
    // close details
    $('#animation' + nr).animate({
      height: '0px'
      },
      500,
      function() {
        $(Obj).html('i');
        $('#details' + nr).remove();
      }
    );
  } else {
    // show details
    $(Obj).html('x');
    $('#data').columns('setQuery', isin);
    data = $('#data').columns('getObject').data[0];
    var ate = '';
    $('#details' + nr).remove();
    $(Obj.parentNode.parentNode).after('<tr data-visible="true" id="details' + nr + '"></tr>');
    if (data.ate_datum != '' && data.ate_ertrag != '' && country.toLowerCase() == "de") {
      ate = '<tr class="ui-table-rows-odd"><td>' + textContent[13] + ' ' + data.ate_datum + '</td><td class="right">' + data.ate_ertrag + ' ' + textContent[14] + '</td></tr>';
    }
    $('#details' + nr).html(
      '<td colspan="8" class="dataTable">' +
        '<div id="animation' + nr + '" class="animation">' +
          '<div class="head left">' + data.fullname + '</div><div class="head right">' + textContent[15] + ' ' + data.isin + ' / ' + textContent[16] + ' ' + data.wkn + '</div>' +
          '<table class="ui-table">' +
            '<tr class="ui-table-rows-odd"><td>' + textContent[5] + '</td><td class="right">' + data.ausgabekurs + ' ' +  data.waehrung + '</td></tr>' +
            '<tr class="ui-table-rows-even"><td>' + textContent[0] + '</td><td class="right">' + data.ruecknahmekurs + ' ' +  data.waehrung + '</td></tr>' +
            '<tr class="ui-table-rows-odd"><td>' + textContent[7] + '</td><td class="right">' + data.preis_vom + '</td></tr>' +
            '<tr class="ui-table-rows-even"><td>' + textContent[17] + '</td><td class="right">' + data.zwischengewinn + ' ' +  data.waehrung + '</td></tr>' +
            '<tr class="ui-table-rows-odd"><td>' + textContent[18] + '</td><td class="right">' + data.aktiengewinn + ' %</td></tr>' +
            '<tr class="ui-table-rows-even"><td>' + textContent[19] + '</td><td class="right">' + data.aktiengewinn2 + ' %</td></tr>' +
            '<tr class="ui-table-rows-odd"><td>' + textContent[20] + '</td><td class="right">' + data.immobiliengewinn + ' %</td></tr>' +
            '<tr class="ui-table-rows-even"><td>' + textContent[21] + '</td><td class="right">' + ((data.thes_aus == 'T') ? textContent[22] : textContent[23]) + '</td></tr>' +
            ate +
          '</table>' +
          '<div id="docs' + nr + '" class="docs">' +
            '<div id="tabs' + nr + '">' +
            '</div>' +
          '</div>' +
          '<div id="chart' + nr + '"><canvas id="canvas' + nr + '" height="' + chartHeight + '" width="' + chartWidth + '"/></div>' +
        '</div>' +
      '</td>'
    );
    // fonds documents
    $.ajax({
      url: ws_url + '?m=getDetails&country=' + country + '&id=' + data.id,
      dataType: 'json',
      async: false,
      success: function(result) {
        if ($('#tabs' + nr).tabs("instance") != undefined) {
          $('#tabs' + nr).tabs("destroy");
          $('#tabs' + nr).html('');
        }
        language = '';
        doc = '';
        i = 1;
        lang = result[0].languages;
        data = result[0].data;
        if (lang.length > 0 ) {
          $.each(lang, function(key, val) {
            language += '<li>' +
                          '<a href="#tabs-' + i + '">' + val[textContent[24]] + '</a>' +
                        '</li>';
            kid = '';
            vkp = '';
            jb  = '';
            hjb = '';
            sr  = '';
            mr  = '';
            all = '';
            doc += '<div id="tabs-' + i + '">';
            $.each(data, function(dataKey, dataVal) {
              if ( val['lang'] == dataVal['lang'] ) {
                if (dataVal['typ'] == 'KID' || dataVal['typ'] == 'VVKP') {
                  kid += '<div class="pdf"><a href="'+ ws_url + '?m=getDoc&id=' + dataVal['doc_id'] + '">' + dataVal[textContent[24]] + '</a></div>';
                } else if (dataVal['typ'] == 'VKP') {
                  vkp += '<div class="pdf"><a href="'+ ws_url + '?m=getDoc&id=' + dataVal['doc_id'] + '">' + dataVal[textContent[24]] + '</a></div>';
                } else if (dataVal['typ'] == 'JB') {
                  jb += '<div class="pdf"><a href="'+ ws_url + '?m=getDoc&id=' + dataVal['doc_id'] + '">' + dataVal[textContent[24]] + '</a></div>';
                } else if (dataVal['typ'] == 'HJB') {
                  hjb += '<div class="pdf"><a href="'+ ws_url + '?m=getDoc&id=' + dataVal['doc_id'] + '">' + dataVal[textContent[24]] + '</a></div>';
                } else if (dataVal['typ'] == 'SR') {
                  sr += '<div class="pdf"><a href="'+ ws_url + '?m=getDoc&id=' + dataVal['doc_id'] + '">' + dataVal[textContent[24]] + '</a></div>';
                } else if (dataVal['typ'] == 'MR') {
                  mr += '<div class="pdf"><a href="'+ ws_url + '?m=getDoc&id=' + dataVal['doc_id'] + '">' + dataVal[textContent[24]] + '</a></div>';
                } else {
                  docdatum = ' - ' + ((dataVal['doc_date'] != '00.00.0000') ? dataVal['doc_date'] : (dataVal['upload_datum'] != '00.00.0000') ? dataVal['upload_datum'] : '');
                  docdatum = ((docdatum != ' - ') ? docdatum : '');
                  all += '<div class="pdf"><a href="'+ ws_url + '?m=getDoc&id=' + dataVal['doc_id'] + '">' + dataVal[textContent[24]] + docdatum + '</a></div>';
                }
              }
            });
            doc += kid + vkp + jb + hjb + sr + mr + all + '</div>';
            i++;
          });
          $('#tabs' + nr).append('<ul>' + language + '</ul>');
          $('#tabs' + nr).append(doc);
        }
        $('#tabs' + nr).tabs({
          active: 0
        });
      }
    });
    // fonds chart
    if (showChart) {
      $('#chart' + nr).html('');
      $('#chart' + nr).html('<h4>' + textContent[25] + '</h4><canvas id="canvas' + nr + '" height="' + chartHeight + '" width="' + chartWidth + '"></canvas>');
      $.ajax({
        url: ws_url + '?m=getChart&site=' + site + '&country=' + country + '&isin=' + isin + '&days=' + days,
        dataType: 'json',
        success: function(result) {
          result = result[0].data;
          chartLabel = [];
          chartData = [];
          if (result.length > 0) {
            $.each(result, function(key, val) {
              chartLabel[key] = val['date'];
              chartData[key]  = val['ruecknahmekurs'];
            });
            lineChartData['labels'] = chartLabel;
            lineChartData['datasets'][0]['data'] = chartData;
            var ctx = document.getElementById("canvas" + nr).getContext("2d");
            window.myLine = new Chart(ctx).Line(lineChartData, {
              animation: false,
              scaleFontSize: 10,
              scaleLineColor: "rgba(70, 70, 72, .4)",
              scaleGridLineColor : "rgba(70, 70, 72,.07)",
              scaleFontColor: "#464648",
              responsive: false,
              pointDotRadius : 1,
              datasetStrokeWidth : 1,
              pointDot : false,
              showTooltips: false
            });
          } else {
            $('#chart' + nr).html('<h4>' + textContent[25] + ' ' + days + ' ' + textContent[26] + '</h4><p>' + textContent[27] + '</p>');
          }
        }
      });
    }
    $('#animation' + nr).animate({ height: $('#animation' + nr)[0].scrollHeight }, 500 );
  }
}
// Display Special Fonds
function displaySpecial() {
  if ($('#specialData').attr('data-visible')) {
    // close details
    $('#specialData').animate({
      height: '0px'
      },
      500,
      function() {
        $('#specialData').removeAttr('data-visible');
        $('#specialData').html('');
      }
    );
  } else {
    $('#specialData').attr('data-visible', 'true');
    $.ajax({
      url: ws_url + '?m=getSpecial&site=' + site,
      dataType: 'json',
      success:  function(result) {
                  data = result[0].data;
                  rData = '';
                  line =  'ui-table-rows-even';
                  responseData =  '<table class="ui-table">' +
                                    '<thead>' +
                                      '<tr>' +
                                        '<th width="58%">' + textContent[4] + '</th>' +
                                        '<th>' + textContent[3] + '</th>' +
                                        '<th>' + textContent[2] + '</th>' +
                                        '<th>' + textContent[29] + '</th>' +
                                        '<th>' + textContent[30] + '</th>' +
                                      '</tr>' +
                                    '</thead>' +
                                    '<tbody>';
                  $.each(data, function(dataKey, dataVal) {
                    if (dataVal['ate_ertrag'] != '' && dataVal['ate_datum'] != '') {
                      rData +=  '<tr class="' + line + '">' +
                                  '<td>' + dataVal['fullname'] + '</td>' +
                                  '<td>' + dataVal['wkn'] + '</td>' +
                                  '<td>' + dataVal['isin'] + '</td>' +
                                  '<td class="right">' + dataVal['ate_ertrag'] + ' ' + textContent[14] + '</td>' +
                                  '<td class="right">' + dataVal['ate_datum'] + '</td>' +
                                '</tr>';
                      line = (line == 'ui-table-rows-even') ? 'ui-table-rows-odd' : 'ui-table-rows-even';
                    }
                  });
                  $('#specialData').html(responseData + rData + '</tbody></table>');
                  $('#specialData').animate({ height: $('#specialData')[0].scrollHeight }, 500 );
                }
    });
  }
}