window.addEvent('domready', function() {
	$$('.externe-link').each( function(el) {
		el.target = '_blank';
	});
	
	$$('dl.overzicht').each( function(el) {
		el.addEvent('mouseover',function(){ this.addClass("overzicht-hover");});
		el.addEvent('mouseout',function(){ this.removeClass("overzicht-hover");});
	});
	
	$$('div#hoofdmenu li.level1').each( function(el) {
		el.addEvent('mouseover',function(){ this.addClass("hover");});
		el.addEvent('mouseout',function(){ this.removeClass("hover");});
	});
	
	$$('div#thumbnails a').each( function(el) {
		if(!el.hasClass('nozoom')) {
			el.addEvent('click', function(){
				// switch the image
				var tmpSrc,tmpTxt,tmpUrl;
				
				// is it for products (big) or contentpages (small)
				if(!$chk($('zoom')))
					tmpUrl = "/uploads/img";
				else
					tmpUrl = "/uploads/imgproduct";
				
				var bigImg = $('placeholderimg');
				var bigImgTxt = $('placeholdertxt')
				
				tmpSrc = bigImg.get('rel');
				tmpTxt = bigImgTxt.get('text');
				
				// big image
				bigImg.set('src',tmpUrl + "groot/" + el.getFirst().get('rel'));
				bigImg.set('rel',el.getFirst().get('rel'));
				bigImgTxt.set('text', el.getFirst().get('alt'));
				
				// big images <a> (for lightbox src)
				bigImg.getParent().set('href', tmpUrl + "lightbox/" + el.getFirst().get('rel'));				
				
				// small image
				if($chk($('zoom')))
					el.getParent().getLast().set('text',tmpTxt)			
				el.getFirst().set('src', tmpUrl + "klein/" + tmpSrc);
				el.getFirst().set('rel', tmpSrc);
				el.getFirst().set('alt', tmpTxt);
					
				return false;
			});
		}
	});
});