function switchtopcategorie(element, base_uri, naam, active){

	var url = base_uri + '_images/categorien/' + naam + '_active.png';
	
	if(element.src ==  url){
		element.src = base_uri + '_images/categorien/' + naam + '.png';
	}else{
		if(active == '1'){
		element.src = base_uri + '_images/categorien/' + naam + '.png';
		}else{
		element.src = base_uri + '_images/categorien/' + naam + '_active.png';
		}
	}
	
}

function switchBlock(element){
	resetBlocks();
	block_id 		= 'block_' + element;
	block_button_id = 'blockbutton_' + element;
	
	document.getElementById(block_id).style.display		= "block";
	document.getElementById(block_button_id).className 	= 'homemain_block_button_active';
}

function resetBlocks(){
	document.getElementById('block_1').style.display = "none";
	document.getElementById('block_2').style.display = "none";
	document.getElementById('block_3').style.display = "none";
	
	document.getElementById('blockbutton_1').className = 'homemain_block_button';
	document.getElementById('blockbutton_2').className = 'homemain_block_button';
	document.getElementById('blockbutton_3').className = 'homemain_block_button';
}

// 
function menuOver(e) {
	if (this.className.search(/\bopen\b/g) == -1) { this.className += ' open'; }
}
//
function menuOut(e) {
	this.className = this.className.replace(/\s*\bopen\b/g, '');
}

//
function menuItemOver(e) {
	if (this.className.search(/\bhover\b/g) == -1) { this.className += ' hover'; }
}
//
function menuItemOut(e) {
	this.className = this.className.replace(/\s*\bhover\b/g, '');
}

//
// Adds hover behavior to menu list elements
function enhanceMenu()
{
	if (document.all) { // IE only
   
		var menu = document.getElementById('main_menu');
		if (menu) {
			var ul = menu.getElementsByTagName('ul').item(0);
			if (ul) {
				ul.onmouseover = menuOver;
				ul.onmouseout = menuOut;
				ul = null;
			}
	
			var lis = menu.getElementsByTagName('li');
			if (lis) {
				for (var i = 0; i < lis.length; i++) {
					var node = lis[i];
					// Add hover behavior
					node.onmouseover = menuItemOver;
					node.onmouseout  = menuItemOut;
					//
					node = null;
				}
				lis = null;
			}
			menu = null;
		}
	}
}

function initPage(e)
{
	e = e || window.event;

	enhanceMenu();
}


//
//
if (document.getElementById && document.getElementsByTagName) {
	window.onload = initPage;
}



