function showmenu(id, type)
{
	if(type == 'show')
	{
		document.getElementById(id).style.display = 'block';
	} else
	{
		document.getElementById(id).style.display = 'none';
	}
}

function loadImage(pDirection) {
	if(change && pDirection != '') {
		change = false;
		switch(pDirection) {
			case 'prev' :
				var pic = sfeer[image - 1];
				image--;
			break;
			case 'next' :
				var pic = sfeer[image + 1];
				image++;
			break;
		}
		var sfeer_img = new Image();
		sfeer_img.src = pic;
		
		new Effect.Appear(load_id, {
			delay: 0.0, 
			duration: 1.0
		});
		if((sfeer.length - 2) == image) {
			next_opacity = opacity;
		}
		else {
			next_opacity = 1.0;
		}
		new Effect.Appear(next_id, {
			delay: 0.0,
			duration: 1.0,
			from: next_opacity,
			to: 0.0
		});
		if(image == 1) {
			prev_opacity = opacity;
		}
		else {
			prev_opacity = 1.0;
		}
		new Effect.Appear(prev_id, {
			delay: 0.0,
			duration: 1.0,
			from: prev_opacity,
			to: 0.0,
			afterFinish: function() {
				$('afbeelding').src = sfeer_img.src;
			}
		});
		new Effect.Fade(load_id, {
			delay: 1.0, 
			duration: 1.0
		});
		if((sfeer.length - 1) == image) {
			next_opacity = opacity;
			$(next_id).stopObserving('click');
		}
		else {
			next_opacity = 1.0;
			$(next_id).observe('click', function(e) {
				loadImage('next');
			});
		}
		new Effect.Appear(next_id, {
			delay: 1.5, 
			duration: 0.5,
			from: 0.0,
			to: next_opacity
		});
		if(image == 0) {
			prev_opacity = opacity;
			$(prev_id).stopObserving('click');
		}
		else {
			prev_opacity = 1.0;
			$(prev_id).observe('click', function(e) {
				loadImage('prev');
			});
		}
		new Effect.Appear(prev_id, {
			delay: 1.5, 
			duration: 0.5,
			from: 0.0,
			to: prev_opacity
		});
		setTimeout('change = true;', 2000);
	}
	
}

function loadImageShow() {
	if(image == 0) {
		prev_opacity = opacity;
	}
	else {
		prev_opacity = 1.0;
	}
	new Effect.Appear(prev_id, {
		delay: 0.0,
		duration: 1.0,
		from: 1.0,
		to: prev_opacity
	});
	$(prev_id).observe('click', function(e) {
	});
	$(next_id).observe('click', function(e) {
		loadImage('next');
	});
	setTimeout('change = true;', 1000);
}
