var menuoptions = new Array("home", "visie", "profiel", "contact");

function showmenuoption(name)
{
	for (i=0;i<menuoptions.length;i++)
	{
		if (menuoptions[i] != name) {
			hide("div_" + menuoptions[i]);
			setClass(menuoptions[i], "menuoption");
		}
	}	
	show("div_"+name);
	setClass(name, "menuoptionhilite");
}

function hide(name)
{
	set_visibility(name, false);
}

function show(name) 
{
	set_visibility(name, true);
}

function set_visibility(name, visibility)
{
	var elem, vis;
  	elem = get_element(name);
    if (elem!=null) {	
	  	vis = elem.style;
	  	if (visibility) {
	  		vis.display = 'block';
	  	} else {
	  		vis.display = 'none';
	  	}
	 } else {
	 	// it doesn't exist, no need to panic though
	 }
}

function get_element(name)
{
  	if( document.getElementById ) // this is the way the standards work
    	return document.getElementById( name );
  	else if( document.all ) // this is the way old msie versions work
      	return document.all[name];
  	else if( document.layers ) // this is the way nn4 works
    	return document.layers[name];
}

function setClass(name, value) 
{
	var elem =get_element(name);
    if (elem!=null) {	
	    elem.className = value;
	} 
}