var element_layer;
var element_css;

function browser_check(){
  this.ver=navigator.appVersion;
  this.agent=navigator.userAgent;
  this.dom=document.getElementById?1:0;

  this.opera5=this.agent.indexOf("Opera 5")>-1;
  this.opera6=this.agent.indexOf("Opera 6")>-1;
  this.opera7=this.agent.indexOf("Opera 7")>-1;
  this.opera=this.opera5||this.opera6||this.opera7;

  this.ie4=(document.all && !this.dom && !this.opera)? 1:0;
  this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera)? 1:0;
  this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera)? 1:0;
  this.ie=this.ie4||this.ie5||this.ie6;

  this.mac=this.agent.indexOf("Mac")>-1;
  this.macie=(this.agent.indexOf("Mac")>-1 && this.dom)? 1:0;
  this.macns4=(this.agent.indexOf("Mac")>-1 && !this.dom)? 1:0;

  this.ns6=(this.dom && parseInt(this.ver) >= 5 && !this.ie) ? 1:0;
  this.ns4=(document.layers && !this.dom)?1:0;
  this.ns = this.ns6 || this.ns4;
  this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera);

  return this;

};

var bw = new browser_check();

// wrapper for use of getelementbyID in IE4
if(document.all && !document.getElementById) {
   document.getElementById = function(id) {
       return document.all[id];
   }
}
// color config
var bgmain = '#bbbbbb';
var bgsub = '#dddddd';
var bgmainactive = '#dddddd';
var bgsubactive = '#99c1ea';
var bordersub = '#dddddd ';
var bordersubactive = '#333333';
var fontmain = '#003399';
var fontmainactive = '#0033cc';
var fontsub = '#003399';
var fontsubactive = '#000099';

// toon/verberg submenu
function set_vi(id,status) {
  element_layer = document.getElementById(id);
  element_css = element_layer.style;
  element_css.visibility = status;
};

// mouseover hoofdmenu
function set_ms(id) {
  document.getElementById(id).style.color=fontmainactive;
  document.getElementById(id).style.backgroundColor=bgmainactive;
};

// reset hoofdmenu
function set_mr(id) {
  document.getElementById(id).style.color=fontmain;
  document.getElementById(id).style.backgroundColor=bgmain;
};

// mouseover submenu
function set_ss(id) {
  document.getElementById(id).style.color=fontsubactive;
  document.getElementById(id).style.backgroundColor=bgsubactive;
  document.getElementById(id).style.borderColor=bordersubactive;
};

// reset submenu
function set_sr(id) {
  document.getElementById(id).style.color=fontsub;
  document.getElementById(id).style.backgroundColor=bgsub;
  document.getElementById(id).style.borderColor=bordersub;
};


function reset_menu() {
	set_mr('menu1');
	set_vi('menu1_1','hidden');
	set_vi('menu1_2','hidden');
	set_vi('menu1_3','hidden');
	set_mr('menu2');
	set_vi('menu2_1','hidden');
	set_vi('menu2_2','hidden');
	set_mr('menu3');
	set_vi('menu3_1','hidden');
	set_mr('menu4');
	set_vi('menu4_1','hidden');
	set_mr('menu5');
};

function set_m1() {
	set_vi('menu1_1','visible');
	set_vi('menu1_2','visible');
	set_vi('menu1_3','visible');
};

function set_m2() {
	set_vi('menu2_1','visible');
	set_vi('menu2_2','visible');
};

function set_m3() {
	set_vi('menu3_1','visible');
};

function set_m4() {
	set_vi('menu4_1','visible');
	set_vi('menu4_2','visible');
};

document.writeln('<style type="text/css">');
document.writeln('<!--');
document.writeln('#menubar {margin-left: 20px; z-index:10; top: 0px; left: 20px; width:100%; height:16px; background-color: '+ bgmain + ';}');

document.writeln('#menu1 { position: absolute; letter-spacing: 2px; z-index:10; left: 20px; top: 0px; width: 90px; height: 16px; padding: 0px; color: ' + fontmain + '; background-color: '+ bgmain + '; cursor: hand;}');
document.writeln('#menu1_1 { position: absolute; z-index:10; left: 20px; top: 16px; width: 135px; height: 16px; padding: 0px; border: 1px solid '+ bordersub + '; background-color: '+ bgsub + ';color: ' + fontsub + '; cursor: hand; visibility: hidden; }');
document.writeln('#menu1_2 { position: absolute; z-index:10; left: 20px; top: 34px; width: 135px; height: 16px; padding: 0px; border: 1px solid  '+ bordersub + '; background-color: '+ bgsub + ';color: ' + fontsub + '; cursor: hand; visibility: hidden; }');
document.writeln('#menu1_3 { position: absolute; z-index:10; left: 20px; top:52px; width: 135px; height: 16px; padding: 0px; border: 1px solid '+ bordersub + '; background-color: '+ bgsub + ';color: ' + fontsub + '; cursor: hand; visibility: hidden; }');

document.writeln('#menu2 { position: absolute; letter-spacing: 2px; z-index:10; left: 110px; top: 0px; width: 90px; height: 16px; padding: 0px; color: ' + fontmain + '; background-color: '+ bgmain + '; cursor: hand; }');
document.writeln('#menu2_1 { position: absolute; z-index:10; left: 110px; top: 16px; width: 135px; height: 16px; padding: 0px; border: 1px solid '+ bordersub + '; background-color: '+ bgsub + ';color: ' + fontsub + '; cursor: hand; visibility: hidden; }');
document.writeln('#menu2_2 { position: absolute; z-index:10; left: 110px; top: 34px; width: 135px; height: 16px; padding: 0px; border: 1px solid '+ bordersub + '; background-color: '+ bgsub + ';color: ' + fontsub + '; cursor: hand; visibility: hidden; }');

document.writeln('#menu3 { position: absolute; letter-spacing: 2px; z-index:10; left: 200px; top: 0px; width: 90px; height: 16px; padding: 0px; color: ' + fontmain + '; background-color: '+ bgmain + '; cursor: hand; }');
document.writeln('#menu3_1 { position: absolute; z-index:10; left: 200px; top: 16px; width: 135px; height: 16px; padding: 0px; border: 1px solid '+ bordersub + '; background-color: '+ bgsub + ';color: ' + fontsub + '; cursor: hand; visibility: hidden; }');

document.writeln('#menu4 { position: absolute; letter-spacing: 2px; z-index:10; left: 290px; top: 0px; width: 90px; height: 16px; padding: 0px; color: ' + fontmain + '; background-color: '+ bgmain + '; cursor: hand; }');
document.writeln('#menu4_1 { position: absolute; z-index:10; left: 290px; top: 16px; width: 135px; height: 16px; padding: 0px; border: 1px solid '+ bordersub + '; background-color: '+ bgsub + ';color: ' + fontsub + '; cursor: hand; visibility: hidden; }');
document.writeln('#menu4_2 { position: absolute; z-index:10; left: 290px; top: 34px; width: 135px; height: 16px; padding: 0px; border: 1px solid '+ bordersub + '; background-color: '+ bgsub + ';color: ' + fontsub + '; cursor: hand; visibility: hidden; }');

document.writeln('#menu5 { position: absolute; letter-spacing: 2px; z-index:10; right: 0px; top: 0px; width: 90px; height: 16px; padding: 0px;  color: ' + fontmain + '; background-color: '+ bgmain + '; cursor: hand; }');

document.writeln('//-->');
document.writeln('</style>');