$(document).ready(function(){
    $("#termingeldrechner_content").attr("class","visible");
    $("#noscript").attr("class","invisible");
    $(".beantragen").attr("class","beantragen visible");
    initializeSliderState();
    buttonUp();
    buttonDown();
    
    
      $.get("/produkte/termingeld_condition_matrix.csv", function(data){
    data = data.slice(17, 100);
    laufz1 = data.slice(0, 3) / 12;
    zinsen1 = data.slice(10, 14);
    laufz2 = data.slice(15, 17) / 12;
    zinsen2 = data.slice(25, 29);
    laufz3 = data.slice(29, 32) / 12;
    zinsen3 = data.slice(40, 44);
    laufz4 = data.slice(44, 47) / 12;
    zinsen4 = data.slice(55, 59);
    if(data.length > 59){
        alert("Mehr Zinssätze");
    }
    else{
        
        $("#buttons").append("<a id='zinsbutton1' class=''></a><a id='zinsbutton2' class=''></a><a id='zinsbutton3' class=''></a><a id='zinsbutton4' class=''></a>")
        $("#zinsbutton1").append("<span class='laufzeit'>"+laufz1*12+" Mon </span>&#10;<span class='zinssatz'>"+zinsen1+"%</span>")
        $("#zinsbutton2").append("<span class='laufzeit'>"+laufz2*12+" Mon </span>&#10;<span class='zinssatz'>"+zinsen2+"%</span>")
        $("#zinsbutton3").append("<span class='laufzeit'>"+laufz3*12+" Mon </span>&#10;<span class='zinssatz'>"+zinsen3+"%</span>")
        $("#zinsbutton4").append("<span class='laufzeit'>"+laufz4*12+" Mon </span>&#10;<span class='zinssatz'>"+zinsen4+"%</span>")
        
        sliderAmmount = 3000
        $("#zahl").html("3");
          $("#zinsbutton4").toggleClass("aktiv");
        zinsen = zinsen4
        laufzeit = laufz4
          rechne(sliderAmmount, zinsen, laufzeit);
        
        
        $("#zinsbutton1").click(function () {
            if ($("#zinsbutton1").hasClass('aktiv')) {
            
            }
            else {
                $(this).toggleClass("aktiv");
                $("#zinsbutton2, #zinsbutton3, #zinsbutton4").removeClass("aktiv");
                zinsen = zinsen1;
                laufzeit = laufz1;
                rechne(sliderAmmount, zinsen, laufzeit);
            }
            
                 
        });
        
        $("#zinsbutton2").click(function () {
            if ($("#zinsbutton2").hasClass('aktiv')) {
            
            }
            else{
                $(this).toggleClass("aktiv");
                $("#zinsbutton1, #zinsbutton3, #zinsbutton4").removeClass("aktiv");
                zinsen = zinsen2;
                laufzeit = laufz2;
                rechne(sliderAmmount, zinsen, laufzeit);
            }
            
        });
        
        $("#zinsbutton3").click(function () {
            if ($("#zinsbutton3").hasClass('aktiv')) {
            
            }
            else {
                $(this).toggleClass("aktiv");
                $("#zinsbutton2, #zinsbutton1, #zinsbutton4").removeClass("aktiv");
                zinsen = zinsen3;
                laufzeit = laufz3;
                rechne(sliderAmmount, zinsen, laufzeit);
            }
        });
        
        $("#zinsbutton4").click(function () {
            if ($("#zinsbutton4").hasClass('aktiv')) {
            
            }
            else {
                $(this).toggleClass("aktiv");
                $("#zinsbutton2, #zinsbutton3, #zinsbutton1").removeClass("aktiv");
                zinsen = zinsen4;
                laufzeit = laufz4;
                rechne(sliderAmmount, zinsen, laufzeit);
            }
        });
        
        }
});
 
      // Slider laden
      
      
      // Initiale Slider-Einstellung beim Laden der Seite
      function initializeSliderState(){
          $("#slider").slider({ animate: true });
          $("#slider").slider( 'value' , 6 );    
      }
      
      
      
      
      // Slider-Einstellungen
      $("#slider").slider('option', 'orientation', 'horizontal');
      $("#slider").slider('option', 'max', 46);
      $("#slider").slider('option', 'min', 1);
       $("#slider").slider('option', 'step', 1);
      
      $("#slider").bind('slide', function(event, ui){
                
                   sliderCall(ui.value);
       });  
         
      
      function rechne(betrag, zinssatz, zeitraum){ // rechnet die Zinsen aus und schreibt das Ergebnis in die Seite
                krummerbetrag = betrag;
              //var zaehler = 1;
              //while (zaehler <= zeitraum) {
               summe = (betrag * (zinssatz*zeitraum) / 100);
               betrag = betrag + summe;
                  //zaehler++;
              //}
              $("#gesamt").html(kaufm(betrag)+" \u20AC");
              $("#echtezinsen").html(kaufm(betrag-krummerbetrag)+" \u20AC");
              $("#opraGeneratedButton").attr("href", "https://www.norisbank.de/opra/norisbank/internet/process/internet_termingeld/start.do?restartApplication=true&fixedTermDeposit.amount="+kaufm(krummerbetrag)+"&fixedTermDeposit.duration="+zeitraum*12+" Monate");
              
              
              writeZahl(krummerbetrag);    
              
              function kaufm(x){
                  var k = (Math.round(x * 100) / 100).toString();
                  k += (k.indexOf('.') == -1) ? '.00' : '00';
                  var p = k.indexOf('.');
                  return k.substring(0, p) + ',' + k.substring(p + 1, p + 3);
                  
              }
              
          }
    
    function buttonUp(){
            $("#buttonup").click(function () {
            value = $("#slider").slider('option', 'value');
            if(value <= 45 ){
                $("#slider").slider( 'value' , value+1 )
                sliderCall(value+1);
            }
            });
    }
    function buttonDown(){
            $("#buttondown").click(function () {
            value = $("#slider").slider('option', 'value');
            if(value >= 2){
            $("#slider").slider( 'value' , value-1 )
            sliderCall(value-1);
            }
            });
    }
    
    function sliderCall(uivalue){
        if(uivalue == 1){
             uivalue = 500
         }
         else if(uivalue == 2){
             uivalue = 1000
         }
         else if(uivalue == 3){
             uivalue = 1500
         }
         else if(uivalue == 4){
             uivalue = 2000
         }
         else if(uivalue == 5){
             uivalue = 2500
         }
         else if(uivalue == 6){
             uivalue = 3000
         }
         else if(uivalue == 7){
             uivalue = 3500
         }
         else if(uivalue == 8){
             uivalue = 4000
         }
         else if(uivalue == 9){
             uivalue = 4500
         }
         else if(uivalue == 10){
             uivalue = 5000
         }
         else if(uivalue == 11){
             uivalue = 5500
         }
         else if(uivalue == 12){
             uivalue = 6000
         }
         else if(uivalue == 13){
             uivalue = 6500
         }
         else if(uivalue == 14){
             uivalue = 7000
         }
         else if(uivalue == 15){
             uivalue = 7500
         }
         else if(uivalue == 16){
             uivalue = 8000
         }
         else if(uivalue == 17){
             uivalue = 8500
         }
         else if(uivalue == 18){
             uivalue = 9000
         }
         else if(uivalue == 19){
             uivalue = 9500
         }
         else if(uivalue == 20){
             uivalue = 10000
         }
         else if(uivalue == 21){
             uivalue = 11000
         }
         else if(uivalue == 22){
             uivalue = 12000
         }
         else if(uivalue == 23){
             uivalue = 13000
         }
         else if(uivalue == 24){
             uivalue = 14000
         }
         else if(uivalue == 25){
             uivalue = 15000
         }
         else if(uivalue == 26){
             uivalue = 16000
         }
         else if(uivalue == 27){
             uivalue = 17000
         }
         else if(uivalue == 28){
             uivalue = 18000
         }
         else if(uivalue == 29){
             uivalue = 19000
         }
         else if(uivalue == 30){
             uivalue = 20000
         }
         else if(uivalue == 31){
             uivalue = 30000
         }
         else if(uivalue == 32){
             uivalue = 40000
         }
         else if(uivalue == 33){
             uivalue = 50000
         }
         else if(uivalue == 34){
             uivalue = 60000
         }
         else if(uivalue == 35){
             uivalue = 70000
         }
         else if(uivalue == 36){
             uivalue = 80000
         }
         else if(uivalue == 37){
             uivalue = 90000
         }
         else if(uivalue == 38){
             uivalue = 100000
         }
         else if(uivalue == 39){
             uivalue = 150000
         }
         else if(uivalue == 40){
             uivalue = 200000
         }
         else if(uivalue == 41){
             uivalue = 250000
         }
         else if(uivalue == 42){
             uivalue = 300000
         }
         else if(uivalue == 43){
             uivalue = 350000
         }
         else if(uivalue == 44){
             uivalue = 400000
         }
         else if(uivalue == 45){
             uivalue = 450000
         }
         else if(uivalue == 46){
             uivalue = 500000
         }
         
         
         else{
             
         }
        sliderAmmount = uivalue;
        rechne(uivalue, zinsen, laufzeit);
         }
         
         function writeZahl(betrag){
                 betrag = betrag.toString();
                 ungerade = betrag.slice(1, 2);
                laenge = betrag.length;
                //alert(laenge);
                if(ungerade == "5" && laenge < 5 ){
                    $("#zahl").html(betrag.slice(0, 1));
                    $("#nullen").html(".500 \u20AC");
                }
                else if(betrag == "500"){
                    //alert("Jetzt hier?");
                    $("#zahl").html(betrag/100);
                    $("#nullen").html("00 \u20AC");
                }
                else{
                    //alert("gerader Betrag");
                     $("#zahl").html(betrag/1000);
                       $("#nullen").html(".000 \u20AC");
                }
         }
         
});
 $(function(){
        // switch for Js/noJs
        $('body').addClass('js');        
        $('.js .noJs, .tooltip').hide();
       
        // tooltip
        if( $('a').is('.hint') ){
             // $('.hint').wrap('<div class="hintwrap"></div>');            
            
             $("a.hint").each(function(i){
               $(this)
                .wrap('<span class="hintwrap"></span>')
                .after($( $(this).attr('href') )
                .hide()
                .addClass('tooltip')
                .wrapInner('<span class="inner"></span>'));
                if( $( $(this).attr('href') ).is('img') )
                {
                    
                }
                else
                {
                    $( $(this).attr('href') ).addClass('texthint');
                };
             });
            $("a.hint").hover(
                function (e) {
                    $(this).parent('.hintwrap').css('position','relative');
                    $(this).siblings('.tooltip').fadeIn('fast');
                }, 
                function () {
                    $(this).parent('.hintwrap').css('position','static');
                    $(this).siblings('.tooltip').hide();
                }
            );            
            
        };
    });