$(document).ready(function(){

var intNrRows = $("#nuvarandelan tr").length;
var strNewTable = '<h2>Nuvarande privatlån att lösa</h2> <p class="tooltip">Flera fält för ytterligare lån visas då du börjar fylla i uppgifterna</p> <table id="nuvarandelan"> <tr> <td style="width:40%;"> <label>Lånet ligger hos <span class="obligatorisk">*</span></label> <select class="obligatorisk" title="Bank_1" name="Bank_1" id="Bank_1"> <option value="">Välj...</option> <option value="citibank">Citibank</option> <option value="danske_bank">Danske Bank</option> <option value="ellos">Ellos</option> <option value="finaref">Finaref</option> <option value="forex_bank">Forex Bank</option> <option value="ge_money_bank">GE Moneybank</option> <option value="handelsbanken">Handelsbanken</option> <option value="ica_banken">ICA Banken</option> <option value="ikanobanken">Ikanobanken</option> <option value="konsumentkredit">Konsumentkredit</option> <option value="nordea">Nordea</option> <option value="resurs_bank">Resurs Bank</option> <option value="seb">SEB</option> <option value="sms_loan">SMS-lån</option> <option value="sevenday">Seven Day</option> <option value="skandiabanken">Skandiabanken</option> <option value="svea_ekonomi">Svea Ekonomi</option> <option value="swedbank">Swedbank</option> <option value="wasa_kredit">Wasa Kredit</option> </select> </td> <td style="width:22%"> <label>Skuld <span class="obligatorisk">*</span></label> <input type="text" class="obligatorisk" title="Total skuld_1" name="Total skuld_1" id="Totalskuld_1" /> </td> <td style="width:22%"> <label>Ränta <span class="obligatorisk">*</span></label> <input type="text" class="obligatorisk" title="Ränta_1" name="Ranta_1" id="Ranta_1" /> </td> <td style="width:22%"> <label>Kostnad <span class="obligatorisk">*</span></label> <input type="text" class="obligatorisk" title="Total kostnad_1" name="Total kostnad_1" id="Totalkostnad_1" /> </td> </tr> </table> <table> <tr> <td style="text-align:right; width: 40% !important;"> Nytt lån </td> <td> <input type="text" title="Nytt lån" name="nytt_lan" id="NyttExtralan" value="" /> </td> <td colspan="2">(extra&nbsp;pengar&nbsp;i&nbsp;handen) </td> </tr> <tr> <td style="text-align:right; width: 40%;"> Totalt att låna </td> <td style="text-align: right;"> <span id="visa_resultat">0</span> kr<input type="hidden" title="Totalt att låna" name="totaltAttLana" id="totaltAttLana" value="" /> </td> <td> </td> <td> </td> </tr> </table> <h2>Önskad återbetalningstid</h2> <label>Välj önskad återbetalningstid <span class="obligatorisk">*</span></label> <select title="Önskad återbetalningstid" class="obligatorisk" name="onskad_aterbetalningstid" id="onskadaterbetalningstid"> <option value="">Välj...</option> <option value="1 år">1 år</option> <option value="2 år">2 år</option> <option value="3 år">3 år</option> <option value="4 år">4 år</option> <option value="5 år">5 år</option> <option value="6 år">6 år</option> <option value="7 år">7 år</option> <option value="8 år">8 år</option> <option value="9 år">9 år</option> <option value="10 år">10 år</option> <option value="11 år">11 år</option> <option value="12 år">12 år</option> <option value="13 år">13 år</option> <option value="14 år">14 år</option> <option value="15 år">15 år</option> <option value="16 år">16 år</option> <option value="17 år">17 år</option> <option value="18 år">18 år</option> <option value="19 år">19 år</option> <option value="20 år">20 år</option> <option value="21 år">21 år</option> <option value="22 år">22 år</option> <option value="23 år">23 år</option> <option value="24 år">24 år</option> <option value="25 år">25 år</option> <option value="26 år">26 år</option> <option value="27 år">27 år</option> <option value="28 år">28 år</option> <option value="29 år">29 år</option> <option value="30 år">30 år</option> </select>';
var strNewLan = '<h2>Önskad summa och återbetalningstid</h2> <table> <tr> <td> <label><b>Önskad lånesumma</b> <span class="obligatorisk">*</span></label> <input class="obligatorisk" style="width:120px;" type="text" title="Önskad lånesumma" name="onskad_lanesumma" id="Onskadlanesumma" /> </td> <td> <label><b>Önskad återbetalningstid</b> <span class="obligatorisk">*</span></label> <select class="obligatorisk" title="Önskad återbetalningstid" name="onskad_aterbetalningstid" id="Onskadaterbetalningstid"> <option value="">Välj...</option> <option value="3 år">3 år</option> <option value="4 år">4 år</option> <option value="5 år">5 år</option> <option value="6 år">6 år</option> <option value="7 år">7 år</option> <option value="8 år">8 år</option> <option value="9 år">9 år</option> <option value="10 år">10 år</option> </select> </td> </tr> </table>';

$("#MedsokandeJa").click(function(){
  $("#medsokande").css('display','');
  $("#ovrigtmedsokande").css('display','');
  
  $("#medsokandeFornamn").addClass('obligatorisk');
  $("#medsokandeEfternamn").addClass('obligatorisk');
  $("#medsokandeGatuadress").addClass('obligatorisk');
  $("#medsokandePostnummer").addClass('obligatorisk');
  $("#medsokandeOrt").addClass('obligatorisk');  
  $("#medsokandePersonnummer").addClass('obligatorisk');
  $("#medsokandeMobiltelefon").addClass('obligatorisk');
  $("#medsokandeEpostadress").addClass('obligatorisk');
  $("#medsokandehemtelefon").addClass('obligatorisk');
  $("#medsokandeArbetsgivare").addClass('obligatorisk');
  $("#medsokandetelefonArbetsgivare").addClass('obligatorisk');
  $("#medsokandemanadslon").addClass('obligatorisk');
  $("#medsokandeSysselsattning").addClass('obligatorisk');
  $("#medsokandeNuvarandeboendeform").addClass('obligatorisk');
  $("#medsokandeCivilstand").addClass('obligatorisk');
});

$("#MedsokandeNej").click(function(){
  $("#medsokande").css('display','none');
  $("#ovrigtmedsokande").css('display','none');

  $("#medsokandeFornamn").removeClass('obligatorisk');
  $("#medsokandeEfternamn").removeClass('obligatorisk');
  $("#medsokandeGatuadress").removeClass('obligatorisk');
  $("#medsokandePostnummer").removeClass('obligatorisk');
  $("#medsokandeOrt").removeClass('obligatorisk');
  $("#medsokandePersonnummer").removeClass('obligatorisk');
  $("#medsokandeMobiltelefon").removeClass('obligatorisk');
  $("#medsokandeEpostadress").removeClass('obligatorisk');
  $("#medsokandehemtelefon").removeClass('obligatorisk');
  $("#medsokandeArbetsgivare").removeClass('obligatorisk');
  $("#medsokandetelefonArbetsgivare").removeClass('obligatorisk');
  $("#medsokandemanadslon").removeClass('obligatorisk');
  $("#medsokandeSysselsattning").removeClass('obligatorisk');
  $("#medsokandeNuvarandeboendeform").removeClass('obligatorisk');
  $("#medsokandeCivilstand").removeClass('obligatorisk');

  $("#medsokandeFornamn").val('');
  $("#medsokandeEfternamn").val('');
  $("#medsokandeGatuadress").val('');
  $("#medsokandePostnummer").val('');
  $("#medsokandeOrt").val('');
  $("#medsokandePersonnummer").val('');
  $("#medsokandeMobiltelefon").val('');
  $("#medsokandeEpostadress").val('');
  $("#medsokandehemtelefon").val('');
  $("#medsokandeArbetsgivare").val('');
  $("#medsokandetelefonArbetsgivare").val('');
  $("#medsokandemanadslon").val('');
  $("option:first","select#medsokandeSysselsattning").attr("selected","selected");
  $("option:first","select#medsokandeNuvarandeboendeform").attr("selected","selected");
  $("option:first","select#medsokandeCivilstand").attr("selected","selected");
});

$("#Losdyralanochkrediter").click(function(){
  $("#nuvarande").html(strNewTable);
  $("#nyttlan").html('');
  $("#nuvarande").css('display','');
  $("#nyttlan").css('display','none');

  $("#Onskadlanesumma").removeClass('obligatorisk');
  $("#Onskadaterbetalningstid").removeClass('obligatorisk');
  $("option:first","select#Onskadaterbetalningstid").attr("selected","selected");

  bindFirst();

});

$("#Ansokomnyttlan").click(function(){
  $("#nuvarande").html('');
  $("#nyttlan").html(strNewLan);
  $("#nuvarande").css('display','none');
  $("#nyttlan").css('display','');
});

if ($("#nuvarandelan tr").length == 1)
{
  bindFirst();
}

});

function addRow()
{
  var strTableRow = '<tr><td style="width:40%;"><label>Lånet ligger hos <span id="span_Bank_idnumber" class="obligatorisk"></span></label><select title="Bank_idnumber" name="Bank_idnumber" id="Bank_idnumber"><option value="">Välj...</option><option value="citibank">Citibank</option><option value="danske_bank">Danske Bank</option><option value="ellos">Ellos</option><option value="finaref">Finaref</option><option value="forex_bank">Forex Bank</option><option value="ge_money_bank">GE Moneybank</option><option value="handelsbanken">Handelsbanken</option><option value="ica_banken">ICA Banken</option><option value="ikanobanken">Ikanobanken</option><option value="konsumentkredit">Konsumentkredit</option><option value="nordea">Nordea</option><option value="resurs_bank">Resurs Bank</option><option value="seb">SEB</option><option value="sms_loan">SMS-lån</option><option value="sevenday">Seven Day</option><option value="skandiabanken">Skandiabanken</option><option value="svea_ekonomi">Svea Ekonomi</option><option value="swedbank">Swedbank</option><option value="wasa_kredit">Wasa Kredit</option></select></td><td style="width:22%"><label>Skuld <span id="span_Totalskuld_idnumber" class="obligatorisk"></span></label><input type="text" title="Total skuld_idnumber" name="Total skuld_idnumber" id="Totalskuld_idnumber" /></td><td style="width:22%"><label>Ränta <span id="span_Ranta_idnumber" class="obligatorisk"></span></label><input type="text" title="Ränta_idnumber" name="Ranta_idnumber" id="Ranta_idnumber" /></td><td style="width:22%"><label>Kostnad <span id="span_Totalkostnad_idnumber" class="obligatorisk"></span></label><input type="text" title="Total kostnad_idnumber" name="Total kostnad_idnumber" id="Totalkostnad_idnumber" /></td></tr>';
  var strTableRows = $("#nuvarandelan tr").length.toString();
  var intTableRows = $("#nuvarandelan tr").length+1;
  var intDeleteTableRows = $("#nuvarandelan tr").length-1;

  if ($("#Bank_"+strTableRows).val() != '' || $("#Totalskuld_"+strTableRows).val() != '' || $("#Ranta_"+strTableRows).val() != '' || $("#Totalkostnad_"+strTableRows).val() != '')
  {
    if (intDeleteTableRows > 0)
    {
      $("#Bank_"+strTableRows).unbind("change", deleteRow);
      $("#Totalskuld_"+strTableRows).unbind("keyup", deleteRow);
      $("#Ranta_"+strTableRows).unbind("keyup", deleteRow);
      $("#Totalkostnad_"+strTableRows).unbind("keyup", deleteRow);
    }
    
    $("#Bank_"+strTableRows).unbind("change", addRow);
    $("#Totalskuld_"+strTableRows).unbind("keyup", addRow);
    $("#Ranta_"+strTableRows).unbind("keyup", addRow);
    $("#Totalkostnad_"+strTableRows).unbind("keyup", addRow);
  
    $("#Bank_"+strTableRows).bind("change", deleteRow);
    $("#Totalskuld_"+strTableRows).bind("keyup", deleteRow);
    $("#Ranta_"+strTableRows).bind("keyup", deleteRow);
    $("#Totalkostnad_"+strTableRows).bind("keyup", deleteRow);
  
    $("#Bank_"+strTableRows).addClass('obligatorisk');
    $("#Totalskuld_"+strTableRows).addClass('obligatorisk');
    $("#Ranta_"+strTableRows).addClass('obligatorisk');
    $("#Totalkostnad_"+strTableRows).addClass('obligatorisk');
    
    $("#span_Bank_"+strTableRows).html('*');
    $("#span_Totalskuld_"+strTableRows).html('*');
    $("#span_Ranta_"+strTableRows).html('*');
    $("#span_Totalkostnad_"+strTableRows).html('*');
  
    strTableRows = intTableRows.toString();
  
    $('#nuvarandelan tr:last').after(strTableRow.replace(/idnumber/gi,strTableRows));
  
    $("#Bank_"+strTableRows).bind("change", addRow);
    $("#Totalskuld_"+strTableRows).bind("keyup", addRow);
    $("#Ranta_"+strTableRows).bind("keyup", addRow);
    $("#Totalkostnad_"+strTableRows).bind("keyup", addRow);
  }

  calcResult();
}

function deleteRow()
{
  var strTableRows = $("#nuvarandelan tr").length.toString();
  var intTableRows = $("#nuvarandelan tr").length-1;
  var intDeleteTableRows = $("#nuvarandelan tr").length-2;
  
  if ($("#Bank_"+strTableRows).val() == '' && $("#Totalskuld_"+strTableRows).val() == '' && $("#Ranta_"+strTableRows).val() == '' && $("#Totalkostnad_"+strTableRows).val() == '')
  {
    if ($("#Bank_"+intTableRows).val() == '' && $("#Totalskuld_"+intTableRows).val() == '' && $("#Ranta_"+intTableRows).val() == '' && $("#Totalkostnad_"+intTableRows).val() == '')
    {
      $("#Bank_"+strTableRows).unbind("change", addRow);
      $("#Totalskuld_"+strTableRows).unbind("keyup", addRow);
      $("#Ranta_"+strTableRows).unbind("keyup", addRow);
      $("#Totalkostnad_"+strTableRows).unbind("keyup", addRow);

      $("#Bank_"+intTableRows).bind("change", addRow);
      $("#Totalskuld_"+intTableRows).bind("keyup", addRow);
      $("#Ranta_"+intTableRows).bind("keyup", addRow);
      $("#Totalkostnad_"+intTableRows).bind("keyup", addRow);
      
      if (intTableRows > 1)
      {
        $("#Bank_"+intTableRows).removeClass('obligatorisk');
        $("#Totalskuld_"+intTableRows).removeClass('obligatorisk');
        $("#Ranta_"+intTableRows).removeClass('obligatorisk');
        $("#Totalkostnad_"+intTableRows).removeClass('obligatorisk');        

        $("#span_Bank_"+intTableRows).html('');
        $("#span_Totalskuld_"+intTableRows).html('');
        $("#span_Ranta_"+intTableRows).html('');
        $("#span_Totalkostnad_"+intTableRows).html('');

        $("#Bank_"+intDeleteTableRows).bind("change", deleteRow);
        $("#Totalskuld_"+intDeleteTableRows).bind("keyup", deleteRow);
        $("#Ranta_"+intDeleteTableRows).bind("keyup", deleteRow);
        $("#Totalkostnad_"+intDeleteTableRows).bind("keyup", deleteRow);
      }

      $('#nuvarandelan tr:last').remove();
    }    
  }

  calcResult();
}

function calcResult()
{
  var TotalSum = new Number(0);
    
  var intTableRows = $("#nuvarandelan tr").length;
  
  for(i=0;i<intTableRows;i++)
  {
    if (!isNaN(Number($("#Totalskuld_"+i).val())))
    {
      TotalSum += Number($("#Totalskuld_"+i).val());
    }
  }
  
  if (!isNaN(Number($("#NyttExtralan").val())))
  {
    TotalSum += Number($("#NyttExtralan").val());
  }

  $("#visa_resultat").html(TotalSum.toString());  
  $("#totaltAttLana").val(TotalSum);  
  
}

function bindFirst()
{
  $("#Bank_1").bind("change", addRow);
  $("#Totalskuld_1").bind("keyup", addRow);
  $("#Ranta_1").bind("keyup", addRow);
  $("#Totalkostnad_1").bind("keyup", addRow);
  $("#NyttExtralan").bind("keyup", calcResult);
}