function bindEvents(input, elements) {
	for (var i = 0; i < elements.length; ++i) {
		$('#' + elements[i]).bind('mouseover', {elements: elements, num: i}, mouseOverRating);
		$('#' + elements[i]).bind('mouseout', {elements: elements, num: i, input: $('#' + input)}, resetRating);
		$('#' + elements[i]).bind('click', {num: i, input: $('#' + input)}, fixRating);

		if (i < $('#' + input).attr('value')) {
			$('#' + elements[i]).attr('src', 'images/aan.gif');
		} else {
			$('#' + elements[i]).attr('src', 'images/uit.gif');
		}
	}
}

function mouseOverRating (event) {
	for (var i = 0; i < event.data.elements.length; ++i) {
		if (i <= event.data.num) {
			$('#' + event.data.elements[i]).attr('src', 'images/aan.gif');
		} else {
			$('#' + event.data.elements[i]).attr('src', 'images/uit.gif');
		}
	}
}

function resetRating (event) {
	for (var i = 0; i < event.data.elements.length; ++i) {
		if (i < event.data.input.attr('value')) {
			$('#' + event.data.elements[i]).attr('src', 'images/aan.gif');
		} else {
			$('#' + event.data.elements[i]).attr('src', 'images/uit.gif');
		}
	}
}

function fixRating (event) {
	event.data.input.attr('value', event.data.num + 1);
}

$(document).ready(function() {
	bindEvents('vormgeving', new Array(
		'vormgeving_1',
		'vormgeving_2',
		'vormgeving_3',
		'vormgeving_4',
		'vormgeving_5',
		'vormgeving_6',
		'vormgeving_7',
		'vormgeving_8',
		'vormgeving_9',
		'vormgeving_10'
	));

	bindEvents('gebruiksgemak', new Array(
		'gebruiksgemak_1',
		'gebruiksgemak_2',
		'gebruiksgemak_3',
		'gebruiksgemak_4',
		'gebruiksgemak_5',
		'gebruiksgemak_6',
		'gebruiksgemak_7',
		'gebruiksgemak_8',
		'gebruiksgemak_9',
		'gebruiksgemak_10'
	));

	bindEvents('functies', new Array(
		'functies_1',
		'functies_2',
		'functies_3',
		'functies_4',
		'functies_5',
		'functies_6',
		'functies_7',
		'functies_8',
		'functies_9',
		'functies_10'
	));

	bindEvents('batterijduur', new Array(
		'batterijduur_1',
		'batterijduur_2',
		'batterijduur_3',
		'batterijduur_4',
		'batterijduur_5',
		'batterijduur_6',
		'batterijduur_7',
		'batterijduur_8',
		'batterijduur_9',
		'batterijduur_10'
	));

	bindEvents('stevigheid', new Array(
		'stevigheid_1',
		'stevigheid_2',
		'stevigheid_3',
		'stevigheid_4',
		'stevigheid_5',
		'stevigheid_6',
		'stevigheid_7',
		'stevigheid_8',
		'stevigheid_9',
		'stevigheid_10'
	));
});