// trickery to prevent child elements from messing with our shit
function eventAllowed(event) {
	Event.extend(event);
	var rel = event.relatedTarget, cur = event.currentTarget;     
	Element.extend(rel);     
		Element.extend(cur);      
	if (rel && rel.nodeType == Node.TEXT_NODE) rel = rel.parentNode;   
	if (rel && rel != cur && !rel.descendantOf(cur)) {
		return true;
	} else {
		return false;
	}
}

Event.observe(document, 'dom:loaded', function() { 

		// Sidebar
    $$('dd').each(function(el){
    	
    	var fh = el.getDimensions().height;
    	
    	
    	if(Prototype.Browser.IE) {
    		 el.observe('mouseenter', function(event) {
						new Effect.Morph(el, {style: { height: fh+'px'}, duration: 0.4});
				});
				
				el.observe('mouseleave', function(event) {
						new Effect.Morph(el, {style: { height: '17px'}, duration: 0.4});	
				});
				
				el.setStyle({height: '17px'});
    	} else {  	
	    	el.observe('mouseover', function(event) {
					if(eventAllowed(event)) {
						new Effect.Morph(el, {style: { height: fh+'px'}, duration: 0.4});	
					}
				});
	
	    	
	    	el.observe('mouseout', function(event) {
					if (eventAllowed(event)) {
						new Effect.Morph(el, {style: { height: '18px'}, duration: 0.4});
					}
		    });
		    
		  	el.setStyle({height: '18px'});
		  }

		});
		
		// Top menu
		$$('#header li').each(function(el){
			el.observe('mouseover', function(event) {
				el.addClassName('over');
			});
			el.observe('mouseout', function(event) {
				el.removeClassName('over');					
			});
		});
		
		// Search box logic
		var sb = $('searchbox');
		sb.observe('focus', function(){
			if (sb.value == "Doorzoek de DCR") {
				sb.value = "";
			}
		});
		
		sb.observe('blur', function(){
			if (sb.value == "") {
				sb.value = "Doorzoek de DCR";
			}
		});
		
});