var aantalItems = 3;
var volgendItem = 2;
var vorigeItem = 0;

function rollRechts() {

	if (volgendItem > 3) {
	} else {
	for (i = 1; i <= aantalItems; i++) {
	
		if (i == volgendItem) {
			new Effect.Opacity('item' + i, { from: 0.1, to: 1, duration: 0.8 });
		} else {
			if (document.getElementById('item' + i).style.opacity != 0.1) {
			new Effect.Opacity('item' + i, { from: 1.0, to: 0.1, duration: 0.8 });	
			}
		}
		
	}

	new Effect.Move('content_container', { x: -500, y: 0 });
	volgendItem++;
	vorigeItem++;
	}
}

function rollLeft() {

	if (vorigeItem < 1) {
	} else {
	for (i = 1; i <= aantalItems; i++) {
	
		if (i == vorigeItem) {
			new Effect.Opacity('item' + i, { from: 0.1, to: 1, duration: 0.8 });
		} else {
		if (document.getElementById('item' + i).style.opacity != 0.1) {
			new Effect.Opacity('item' + i, { from: 1.0, to: 0.1, duration: 0.8 });
			}
		}
		
	}

	new Effect.Move('content_container', { x: 500, y: 0 });
	volgendItem--;
	vorigeItem--;
	}
}



function laadUOJS() {

	// Inladen en koppelen functies aan ID's
	document.getElementById('navButtonRight').onclick = function(){rollRechts();};
	document.getElementById('navButtonLeft').onclick = function(){rollLeft();};
	new Effect.Opacity('item1', { from: 1.0, to: 1.0, duration: 0.01 });
	new Effect.Opacity('item2', { from: 1.0, to: 0.1, duration: 0.01 });
	new Effect.Opacity('item3', { from: 1.0, to: 0.1, duration: 0.01 });
}