window.addEvent('domready', function() {
	initNavigation();
	initSwitcher();
	initProductoverzicht();
	initPostverdeelwagens();
});

function showvzegels(id){
	$$('.vzegels').each(function(el,i){
		el.setStyle('display','none');
	});
	$(id).setStyle('display','block');
}

function initNavigation(){
	$$('.navitem').each(function(el,i){
		el.addEvent('mouseenter',function(){el.addClass('actief');})
		if(!(el.hasClass('actief'))){
			el.addEvent('mouseleave',function(){el.removeClass('actief');})
		}
	});
	$$('.submenuitem').each(function(el,i){
		el.addEvent('mouseenter',function(){el.addClass('active');})
		if(!(el.hasClass('active'))){
			el.addEvent('mouseleave',function(){el.removeClass('active');})
		}
	});
}

function initSwitcher(){
	if($('switcher')){
		options = '';
		createStickyList($('scrollbox'), options);
	}
}

function createStickyList(list, options){
	stickylists = new Array();
	var sl = new StickyList(list, options);
	stickylists.push(sl);
	return sl;
}

function initProductoverzicht(){
	if($('productoverzicht')){
		$$('.category').each(function(el,i){
			el.addEvent('mouseenter',function(){el.setStyle('border-color','#ccc');el.setStyle('background-color','#dae8e6');})
			el.addEvent('mouseleave',function(){el.setStyle('border-color','#fff');el.setStyle('background-color','#fff');})
		});
		$$('.categoryc').each(function(el,i){
			el.addEvent('mouseenter',function(){el.setStyle('border-color','#ccc');el.setStyle('background-color','#dae8e6');})
			el.addEvent('mouseleave',function(){el.setStyle('border-color','#fff');el.setStyle('background-color','#fff');})
		});
	}
}

function initPostverdeelwagens(){
	if($('postverdeelwagens')){
		$$('.pvwthumb1').setStyle('color','#058477');
		$$('.pvwdesc1').setStyle('display','block');
		$$('.pvwimage1').setStyle('display','block');
		$$('.pvwthumb9').setStyle('color','#058477');
		$$('.pvwdesc9').setStyle('display','block');
		$$('.pvwimage9').setStyle('display','block');
		$$('.pvwthumb13').setStyle('color','#058477');
		$$('.pvwdesc13').setStyle('display','block');
		$$('.pvwimage13').setStyle('display','block');
		$$('.pvwthumb').each(function(el,i){
			el.rel = el.getProperty('rel');
			el.descselector = '.pvwdesc' + el.rel;
			el.imageselector = '.pvwimage' + el.rel;
			el.addEvent('click',function(){
				if(el.rel > 0 && el.rel < 9){
					displayNone1();
					el.setStyle('color','#058477');
					$('pvw1').getElement((el.descselector)).setStyle('display','block');
					$('pvw1').getElement((el.imageselector)).setStyle('display','block');
				}
				if(el.rel > 8 && el.rel < 13){
					displayNone2();
					el.setStyle('color','#058477');
					$('pvw2').getElement((el.descselector)).setStyle('display','block');
					$('pvw2').getElement((el.imageselector)).setStyle('display','block');
				}
				if(el.rel > 12){
					displayNone3();
					el.setStyle('color','#058477');
					$('pvw3').getElement((el.descselector)).setStyle('display','block');
					$('pvw3').getElement((el.imageselector)).setStyle('display','block');
				}
				
			});
		});
	}
}

function displayNone1(){
	$('pvw1').getElements('.pvwdesc').each(function(el,i){
		el.setStyle('display','none');
	});
	$('pvw1').getElements('.pvwimage').each(function(el,i){
		el.setStyle('display','none');
	});
	$('pvw1').getElements('.pvwthumb').each(function(el,i){
		el.setStyle('color','#000');
	});
}

function displayNone2(){
	$('pvw2').getElements('.pvwdesc').each(function(el,i){
		el.setStyle('display','none');
	});
	$('pvw2').getElements('.pvwimage').each(function(el,i){
		el.setStyle('display','none');
	});
	$('pvw2').getElements('.pvwthumb').each(function(el,i){
		el.setStyle('color','#000');
	});
}

function displayNone3(){
	$('pvw3').getElements('.pvwdesc').each(function(el,i){
		el.setStyle('display','none');
	});
	$('pvw3').getElements('.pvwimage').each(function(el,i){
		el.setStyle('display','none');
	});
	$('pvw3').getElements('.pvwthumb').each(function(el,i){
		el.setStyle('color','#000');
	});
}