Event.observe(window, 'load', function() {
    premieberekeningHandler();
});

function premieberekeningHandler(){
	var selectboxOne = $('optie1').getElementsByTagName('option');
	var selectboxTwo = $('optie2').getElementsByTagName('option');
	$('optie1').onchange = function(){checkSelected(selectboxOne, selectboxTwo);}
	$('optie2').onchange = function(){checkSelected(selectboxOne, selectboxTwo);}
}

function checkSelected(first, second){
	var firstValue;
	var secondValue;
	for(var i =0; i < first.length; i++)
		{
			if(first[i].selected){
				firstValue = first[i].value;
			}	
		}
	for(var i =0; i < second.length; i++)
		{
			if(second[i].selected){
				secondValue = second[i].value;
			}	
		}
	persistData(firstValue, secondValue);
}

function persistData(first, second){
	var newPremie = 0.00;
	switch(first){
		case 'Nederland':
			newPremie = parseFloat(0.45 * parseFloat(second));
			break;
		case 'Europa':
			newPremie = parseFloat(1.15 * parseFloat(second));
			break;
		case 'Wereld':
			newPremie = parseFloat(1.95 * parseFloat(second));
			break;
	}
	if(newPremie >= 100){
		$('currency').style.fontSize = "2.5em";
		$('premie1').style.fontSize = "2.5em";
		$('premie2').style.fontSize = "1.5em";
	} else {
		$('currency').style.fontSize = "3em";
		$('premie1').style.fontSize = "3em";
		$('premie2').style.fontSize = "2em";
	}
	var newPremie = newPremie.toFixed(2);
	var premieString = newPremie.toString();
	var premie1 = premieString.split(".")[0] + ",";
	var premie2 = premieString.split(".")[1];
	$("premie1").update (premie1);
	$("premie2").update (premie2);
}