$(document).ready(initVergelijk);

function initVergelijk() {
	$('#vergelijkMerkId1').bind('change', {id: 'vergelijkTypeId1'}, fillTelefoons);
	$('#vergelijkMerkId2').bind('change', {id: 'vergelijkTypeId2'}, fillTelefoons);
	$('#vergelijkMerkId3').bind('change', {id: 'vergelijkTypeId3'}, fillTelefoons);
	$('#vergelijkMerkId4').bind('change', {id: 'vergelijkTypeId4'}, fillTelefoons);

	$('#vergelijkTypeId1').bind('change', null, requestMobiel);
	$('#vergelijkTypeId2').bind('change', null, requestMobiel);
	$('#vergelijkTypeId3').bind('change', null, requestMobiel);
	$('#vergelijkTypeId4').bind('change', null, requestMobiel);

	$('#verwijderVergelijk1').bind('click', {id: 'vergelijkTypeId1'}, removeMobiel);
	$('#verwijderVergelijk2').bind('click', {id: 'vergelijkTypeId2'}, removeMobiel);
	$('#verwijderVergelijk3').bind('click', {id: 'vergelijkTypeId3'}, removeMobiel);
	$('#verwijderVergelijk4').bind('click', {id: 'vergelijkTypeId4'}, removeMobiel);
}

function requestMobiel(event) {
	$('#vergelijkMobiel').submit();
}

function removeMobiel(event) {
	$('#' + event.data.id).attr('selectedIndex', 0);
	$('#' + event.data.id).change();

	return false;
}