var leenbedrag = 25000;

var ml_burgerlijkestaatList = ["Alleenstaand", "Alleenstaand met kinderen", "Samenwonend / gehuwd", "Samenwonend / gehuwd met kinderen"];

$(document).ready(function () {
  $('#leenbedrag').submit(function () {
    $.post($(this).attr("action"),
                 $(this).serialize(),
                 function (jsLeenbedrag) {
                   setResult(jsLeenbedrag);
                 });
    return false;
  });


  //bind all form input fields to the submit
  $(':input').change(function () {
    $('#leenbedrag').submit();
  });

  $('#offerteaanvragen').click(function () {
    var newurl = '/offerteform/' + leenbedrag;
     document.location.href = newurl;
  });

  $('.selectHolder, .selectHolder2').data('collapsed', true).mouseleave(selectLeave);
  $('.selectHolder > .namaakSelect, .selectHolder2 > .namaakSelect').data('selValue', '');
  $('.namaakSelect > span, .namaakSelect > a').click(selectClick);
  $('.namaakOptions a').click(optionClick);
  
  
  
});

function setResult(jsLeenbedrag) {
  leenbedrag = jsLeenbedrag.maxbedrag;
  var s = "€ ";
  if (jsLeenbedrag.sign == 'negative') {
    s = "€ - ";
  }
  $(".leenbedragresult").text(s + jsLeenbedrag.printbedrag);
  $(".leenbedragresult").toggleClass('negative', jsLeenbedrag.sign == 'negative')
}


function selectClick() {
  selectSettings(getParent(this), getParent(this).data('collapsed'));
}

function optionClick() {
  
  var value = $(this).html();
  var thisSelect = $(getParent(this)).find('.namaakSelect');
  thisSelect.data('selValue', value);
  thisSelect.find('span').html(value);
  selectSettings(getParent(this), false);


  if (this.parentNode.id == 'woonsituatie_select_options') {

    setHiddenFieldIndex(document.forms['leenbedrag'], value, "woonsituatie", ml_burgerlijkestaatList);

    $('#leenbedrag').submit();
  }

}

function getParent(elm) {
  return $(elm).parent().parent();
}

function selectLeave() {
  if ($(this).data('collapsed') == false) {
    selectSettings($(this), false);
  }
}

function selectSettings(elm, state) {
  switch (state) {
    case true:
      elm
				.css('z-index', 49000)
				.data('collapsed', false);
      elm.find('.namaakSelect > a').css('background-position', '0 -23px');
      elm.find('.namaakOptions').css('display', 'block');
      break;
    case false:
      elm
				.css('z-index', 100)
				.data('collapsed', true);
      elm.find('.namaakSelect > a').css('background-position', '0 0');
      elm.find('.namaakOptions').css('display', 'none');
      break;
      break;
  }

}

function setHiddenFieldIndex(form, value, targetfield, aList) {

  form[targetfield].value = jQuery.inArray(value, aList);
  
}


function formatNumber(aNumber) {
  var result = "" + aNumber;
  if (result.length > 3) {
    result = result.substr(0, result.length - 3) + "." + result.substr(result.length - 3);
  }
  return aNumber;
}