// JavaScript Document
var minimumBedrag = 1.99;
var anders;
var ok = false;

function vriendinformInit(){
	$("#warningDiv").hide();
	$("#formDiv").show();
	$('#divPeriodiek').hide();
	$('#divEenmalig').hide();
	
    $('input:radio[name="PaymentSelection"]').filter('[value="periodiek"]').attr('checked', false);
	$('input:radio[name="PaymentSelection"]').filter('[value="eenmalig"]').attr('checked', false);
	
	paymentStyle = '' ; // 'eenmalig' of 'periodiek'
	
	//--- init periodieke betaling -----
	reset();           	
	//--- init IDEAL betaling -----
	
	}
function reset(){
	tempBedrag = 5;
	$('#Machtiging').checked = false;
	$('#BedragAnders').value = '';			
	setSelectedIndex($('#BedragDropdown'), tempBedrag);
	$('#BedragAnders').value = '';
	$('#BedragIdeal').value="";
	$('#Bedrag').value = tempBedrag;//HIDDEN BEDRAG
	// document.forms['donatie']['Frequentie'][0].checked = true;
	$('input:radio[name="donatie"]').filter('[value="perMaand"]').attr('checked', true);
	
	}
function setPayment(obj){
	reset();
	if(obj.value == 'eenmalig'){
		$('#divPeriodiek').hide();
		$('#divEenmalig').show();
	}else if(obj.value == 'periodiek'){
		$('#divPeriodiek').show();
		$('#divEenmalig').hide();
	}
	paymentStyle = obj.value;
}
// ================== FINAL CHECK ===================
function submitForm(objForm){	
	console.log('submitForm '+$('#Machtiging').attr('checked'));
	if(!ok){
		ok = true;
	  if(paymentStyle == 'periodiek'){
		  //-----
		  if($('#Machtiging').attr('checked') != 'checked'){
			  alert(' xU dient eerst accoord te gaan met machtiging tot automatische overschrijving');
			  ok = false;
			  return ok
		  } else if(isNaN($('#Rekeningnummer').val()) || $('#Rekeningnummer').val() == ''){
			  alert(' U dient geldig rekening nummer in te vullen');
			  focusit($('#Rekeningnummer'));
			  ok = false;
			  return ok
		  } else if(anders && $('#BedragAnders').value == ''){
			  alert("je moet nog een bedrag bij 'anders' in vullen");
			  ok = false;
			  return ok
		  }else if( !checkForm(objForm)){
			  ok = false;
		  }
		  
		  //--------
	  }else if(paymentStyle == 'eenmalig'){
		  if(!checkMinimumIdeal($('#BedragIdeal'))){
			  ok = false;
		  }else if( !checkForm(objForm)){
			  ok = false;
		  }
	  }else {
		  alert("kies eerst 'eenmalig betaling' of 'periodieke betaling'");
		  ok = false;
		  }
	  return ok;
	}else{
		// formulier is al verstuurd
		alert('formulier is al verstuurd');
		return false;
		}
}
//================== PERIODIEK BETALING ==================================
// EVENT handlers ---

function onFrequentie(){
	checkPeriodiekMinimum();
	}

//-----als dropdownbox gekozen wordt-----
function onDropdownBedrag(obj){
	if(obj.value=='anders'){
		anders = true;
		$('#BedragAnders').addClass('isBedrag');
		focusit($('#BedragAnders'));
	}else{
		anders = false;
		$('#BedragAnders').value = '';
		$('#BedragAnders').removeClass('isBedrag')			
	}
	setTempBedrag(obj.value)
}

function onBedragAnders(obj){
	checkAnders(obj);
	}

//-------  methods  -----
function checkAccoord(){
	console.log('checkAccoord machtiging'+ $('#Machtiging').attr('checked') )
	
	// if($('Machtiging').checked == false && paymentStyle == 'periodiek'){
	if($('#Machtiging').attr('checked') != 'checked' && paymentStyle == 'periodiek'){
		alert(' U dient eerst accoord te gaan met machtiging tot automatische overschrijving');	
		return false;
	}else{
		return true;
		}
}

function initDropdown(){
	setSelectedIndex($('#BedragDropdown'),'5');
	initAnders();
	setTempBedrag(BedragToNumber($('#BedragDropdown').value));
	}

//----- bij invullen ander bedrag -----
function checkAnders(obj){
	var oldAmount = tempBedrag;
	setTempBedrag(obj.value);
	
	if(obj.value == ''){
		initDropdown();
		return true;
	}else if(!checkPeriodiekMinimum()){
		obj.value = bedragToString(tempBedrag);
		focusit(obj);
		setTempBedrag(oldAmount);
		return false;
	}else if(isNaN(tempBedrag)){
		alert('Vul een geldige bedrag in!');
		focusit(obj);
		setTempBedrag(oldAmount);
		return false;
	}else{
		setSelectedIndex($('#BedragDropdown'), 'anders');
		unfocusit(obj);
		obj.value = bedragToString(tempBedrag);
		return true;
	}
}

function setTempBedrag(amount){
	tempBedrag = BedragToNumber(amount);
	$('#Bedrag').value = amount;
	}
	
function  checkPeriodiekMinimum(){
	if(paymentStyle == 'periodiek'){
		if(Number(tempBedrag) < minimumBedrag && document.forms['donatie']['Frequentie'][1].checked){
			alert('een bedrag onder de 2 euro kan alleen per maand voldaan worden');
			
			// document.forms['donatie']['Frequentie'][0].checked = true;	
			$('input:radio[name="Frequentie"]').filter('[value="perMaand"]').attr('checked', true);
			
			return false;
		}	else{
			return true;
			}
	}	
}	

function initAnders(){
	unfocusit($('#BedragAnders'));
	$('#BedragAnders').value="";
}
//===================== IDEAL FORM==========================
function onIdeal(obj){
	checkIdeal(obj)
	}
function checkIdeal(obj){	
	var amount = BedragToNumber(obj.value);
	if (amount){
	  if(amount < minimumBedrag){
		  alert('2 euro minimun per eenmalige betaling');
		  focusit(obj);
		  return false;
	  }else if(isNaN(amount)){
		  alert('Vul een geldige bedrag in!');
		  focusit(obj);
		  return false;
	  }else{
		  unfocusit(obj);
		  $(obj).val(bedragToString(amount)) ;
		  return true;
	  }
	}
}	
function checkMinimumIdeal(obj){
	if(BedragToNumber($(obj).val()) < minimumBedrag){
		focusit(obj);
		alert('Vul minimaal €2,- in');
		return false;
	}else{
		unfocusit(obj)
		return true;
	}
}
//==================== METHODS ===========================

/*function  checkMinimum(){
	bedrag = tempBedrag;
	if(paymentStyle == 'eenmalig'){
		checkIdeal();
	}else if(paymentStyle == 'periodiek'){
		if(Number(bedrag) < minimumBedrag){
			if(document.forms['donatie']['Frequentie'][1].checked){
				alert('een bedrag onder de 2 euro kan alleen per maand voldaan worden');
			}
		document.forms['donatie']['Frequentie'][0].checked = true;	
		}
	}	
}*/	

function bedragToString(a){
	var s = '';
	amount = a.toString();
	if(amount.indexOf('.') >= 0){
		var e = amount.substring(0,amount.indexOf('.'));
		var c = amount.substring(amount.indexOf('.')+1,amount.length);
		if(c.length==1){
			c = c+"0"
			}else if(c.length>2){
			c = c.substring(0,2)	
			}			
		var s = e+','+c;
	}else{
		var s = amount+',00';
		}
	return s;
}
// ---- turn String to Number -----
function BedragToNumber(a){
	if(isNaN(a) || a.indexOf('.') > -1 ){
		// turn decimal point into comma
	  if(a.length-a.lastIndexOf('.') ==3){
		  var heel = a.substring(0,a.lastIndexOf('.'));
		  var dec = a.substring(a.lastIndexOf('.')+1,a.length);
		  a = heel+','+dec;
		  }
	  // remove Mille points
	  while(a.indexOf('.') >= 0){
		  var str = removeChar(a, '.');
		  a = str;
		  }
	 // als er een comma in voor komt veranderen in een punt
	  if(a.indexOf(',') >= 0){	
		  var e = a.substring(0,a.indexOf(','));
		  if(isNaN(Number(e))){
			 return false;
		  }
		  if(e==''){
			  e = 00;
			  }	  
		  var c = a.substring(a.indexOf(',')+1,a.length);
			if(c=='-' || c==''){
			  c = 00;
			}else if(isNaN(c)){
				return false;
			}
		  var amount = Number(e+'.'+c);
	  } else{
		  var amount = Number(a);
	  }
	  a =  Math.round(amount*100)/100;
	  }
	return a;
}

function removeChar(str, chr){
	if(str.indexOf(chr) >= 0){
		var voor = str.substring(0,str.indexOf(chr));
		var achter = str.substring(str.indexOf(chr)+1, str.length);
		str = voor+achter;
		return str;
		}
	}

function setSelectedIndex(s, v) {
	var objOptions = $('option', s);
    //console.log('length='+ objOptions.length)
    for ( var i = 0; i < objOptions.length; i++ ) {
        if ( objOptions[i].value == v ) {
            objOptions[i].selected = true;
            return;
        }
    }
}
function focusit(obj){
	console.log(obj);
	$(obj).css('backgroundColor','#ff99bb');
	obj.focus();
	$(obj).val('');
	}
	
function unfocusit(obj){
	$(obj).css('backgroundColor','#ffffff');
	}	
	
function checkEmpty(obj){
	if($(obj).val() == ''){
		alert("Vul "+obj.name+" in");
		focusit(obj)
		}
	}
	
$(document).ready(function () {
      vriendinformInit();;
});