<!-- //

function ZieOok() {
  var zieook = document.getElementById('zieook');
  if (zieook) {

    var h = zieook.getElementsByTagName('h3')[0];
    var u = zieook.getElementsByTagName('ul')[0];
    
    if (h && u) {
    
      cssjs('add',u,'hide');
        
      h.onmouseover=function() {
        cssjs('add',this,'hover');
        cssjs('swap',u,'hide','show');	
      }
      h.onmouseout=function() {
        cssjs('remove',this,'hover');
        cssjs('swap',u,'show','hide');	
      }
       
      u.onmouseover=function() {
        cssjs('add',this,'show');
        cssjs('add',h,'hover');
      }
      u.onmouseout=function() {
        cssjs('remove',this,'show');
        cssjs('remove',h,'hover');
      }
    
    }
  
  }
} 
    


function cssjs(a,o,c1,c2) {
  switch (a){
  	case 'swap':
  		o.className=!cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2);
  	break;
  	case 'add':
  		if(!cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;}
  	break;
  	case 'remove':
  		var rep=o.className.match(' '+c1)?' '+c1:c1;
  		o.className=o.className.replace(rep,'');
  	break;
  	case 'check':
  		return new RegExp('\\b'+c1+'\\b').test(o.className)
  	break;
    }
}

/* fix submenupositie */
function  reLoadW() {
  //window.location.reload();
}

window.onload = function() {ZieOok();}
window.onresize = function() { reLoadW(); };

// -->


if (document.images) { 

	img1N= new Image(87,20); 
	img1N.src= 'img/KlikBestel.gif' ; 
	img1H= new Image(87,20); 
	img1H.src= 'img/KlikBestelMouseOver.gif' ;
	img2N= new Image(87,20); 
	img2N.src= 'img/KlikMeld.gif' ; 
	img2H= new Image(87,20); 
	img2H.src= 'img/KlikMeldMouseOver.gif' 
	 
	function myOn(myImgName) { 
		document[myImgName].src=eval(myImgName+ 'H' ).src; 
	} 
	
	function myOut(myImgName) { 
		document[myImgName].src=eval(myImgName+ 'N' ).src; 
	}
	
}