window.addEvent('domready', function(){

	$('productbutton').addEvent('click', function(e){
	
		e.stop();
		
		hideSubs();
		subnav = $$('.subnavigation .producten')[0];
		subnav.setStyle('display', 'block');
	
	});
	
	$('webshopbutton').addEvent('click', function(e){
	
		e.stop();
		
		hideSubs();
		subnav = $$('.subnavigation .webshop')[0];
		subnav.setStyle('display', 'block');
	
	});
	
	$('expositiebutton').addEvent('click', function(e){
	
		e.stop();
		
		hideSubs();
		subnav = $$('.subnavigation .expositie')[0];
		subnav.setStyle('display', 'block');
	
	});
	
	subnavActions();

});

var hideSubs = function(){
	$$('.subnavigation ul').setStyle('display', 'none');
}

var subnavActions = function(){
	
	$$('.subnavigation ul.producten a').addEvent('click', function(e){
		
		el = $(this);
		rel = el.get('rel');
		
		if(undefined != rel){
		
			$$('.subnavigation ul.producten a').removeClass('active');
			el.addClass('active');
		
			$$('.subnavigation .sub').setStyle('display', 'none');
		
			subnav = $$('.subnavigation .'+ rel);
			subnav.setStyle('display', 'block');
		
			e.stop();
			
		}
		
	});
	
}

var productViewInit = function(){
	
	images = $$('.images img');
	images.setStyle('cursor', 'pointer');
	
	images.addEvent('click', function(e){
	
		img = $(this);
		src = img.getProperty('src').replace('_thumb', '');
		
		$('productimage').setProperty('src', src);
		e.stop();
		
	});
	
}

var initWebshop = function(){
	
	var products = $$('ul.products li');
	var plaatjes = $$('ul.images li');
	products.addEvent('mouseenter', function(){
		
		var product = $(this);
		nummer = product.getAllPrevious().length;
		
		plaatjes.removeClass('active');
		plaatjes[nummer].addClass('active');
		
	});
	products.addEvent('mouseleave', function(){
		plaatjes.removeClass('active');
	});
	
	plaatjes.addEvent('mouseenter', function(){
		
		var product = $(this);
		nummer = product.getAllPrevious().length;
		
		products[nummer].addClass('active');
		
	}).addEvent('mouseleave', function(){
	
		products.removeClass('active');
				
	});
	
}