// JavaScript Document

function roll_items()
{
	var items = $$('.menu_item a');
		
	items.each(function(el, i){
		el.observe('mouseover', function(e){                   
		   plaatje = $(el).className;
			if(active == plaatje) {
				$(plaatje).src = 'images/menu/'+plaatje+'_down.gif';
			} else {
				$(plaatje).src = 'images/menu/'+plaatje+'_down.gif';
			}
		});
		el.observe('mouseout', function(e){
		   plaatje = $(el).className;
			if(active == plaatje) {
				$(plaatje).src = 'images/menu/'+plaatje+'_down.gif';
			} else {
				$(plaatje).src = 'images/menu/'+plaatje+'.gif';
			}
		});
			
	});
}
Event.observe(window, 'load', roll_items);

function roll_subitems()
{
	var items = $$('.merk_item a');
	
	items.each(function(el, i){
		el.observe('mouseover', function(e){                   
		   plaatje = $(el).className;
		   if(active == plaatje) {
			 	$(plaatje).src = 'images/menu/'+plaatje+'_down.gif';
		   } else {
		   		$(plaatje).src = 'images/menu/'+plaatje+'_down.gif';
		   }
		});
		el.observe('mouseout', function(e){
		   plaatje = $(el).className;
		   if(active == plaatje) {
				$(plaatje).src = 'images/menu/'+plaatje+'_down.gif';
		   } else {
				$(plaatje).src = 'images/menu/'+plaatje+'.gif';
		   }
		});
	});
}
Event.observe(window, 'load', roll_subitems);

var active_sfeer = 0;
var sfeer_id = 1;
var slideshow_length = '';


function slideshow()
{
	active_sfeer++;
	active_sfeer_id = sfeer_id;
	sfeer_id++;
	if(active_sfeer == slideshow_afb.length)
	{
		active_sfeer = 0;
	}
	if(sfeer_id > 2)
	{
		sfeer_id = 1;
	}

	image = new Image();
	image.src = slideshow_afb[active_sfeer];
	
	$('sfeer'+sfeer_id).src = image.src;
	
	new Effect.Fade('sfeer'+active_sfeer_id, {
		delay: 2.5,
		duration: 2.0
	});
	new Effect.Appear('sfeer'+sfeer_id, {
		from: 0.0,
		to: 1.0,
		duration: 2.0,
		delay: 2.5,
		afterFinish: function() { 
			slideshow(); 
		}
	});
}