function submenu(id,actie) {
	if(actie == 'show')	 {
		
		$(id).style.display = 'block';	
		$('knop'+id).className = 'active';	
		
	} else {
		
		$(id).style.display = 'none';	
		$('knop'+id).className = '';	
	}
}

function tab(id,actie) {

	if(actie == 'over')	 {
		$(id).className = 'subitem_active';
	} else if(actie == 'out') {
		$(id).className = 'subitem';
	}
	
}

function initLayer(p_sId) {	
	
	Event.observe(p_sId+'-button', 'click', function(event) {  
		$(p_sId+'-layer').setOpacity(0.8);
		$(p_sId+'-layer').style.display = 'block';
		$(p_sId+'-window').style.display = 'block';
	});
	
	Event.observe(p_sId+'-layer', 'click', function(event) {  
		hideLayers(p_sId);
	});
	
	Event.observe(p_sId+'-close', 'click', function(event) {  
		hideLayers(p_sId);
	});
}

function hideLayers(p_sId) {
	$(p_sId+'-response').innerHTML = '';
	$(p_sId+'-response').style.display = 'none';
	$(p_sId+'-layer').style.display = 'none';
	$(p_sId+'-window').style.display = 'none';
	$(p_sId).style.display = 'block';
}

function sendForm() {
	
	var formData = $('mailfriend').serialize();
	var oForm = $('mailfriend');
	Form.disable(oForm);
	
	new Ajax.Request('mailfriend.php', { 
		method:'post', 
		postBody: formData,
		onSuccess: function(response) { 
		
			sMessage = response.responseText;			
			aMessage = sMessage.split("|");
			if(aMessage[0] == 'succes' || aMessage[0] == 'error') {
				
				$('mailfriend-response').innerHTML = aMessage[1];
				
				new Effect.Appear('mailfriend-response', { duration: 0.2 });
				Form.enable('mailfriend'); 
				if(aMessage[0] == 'succes') {
					$('mailfriend').style.display = 'none';
					Form.reset(oForm);
					setTimeout("hideLayers('mailfriend');", 2000);
				}
				
			} 
		},
		onFailure: function() {
			Form.enable(oForm); 
		}
	});
		
}