var vertraging =500;
var timeoutflag = 0;
var current = '';
var initName = '';
var initIndex = 0;

var aryImages = new Array();
  //nog te preloaden
  aryImages[0] = "images/hh_home_aan.gif";
  aryImages[1] = "images/hh_staff_aan.gif";
  aryImages[2] = "images/hh_parties_aan.gif";
  aryImages[3] = "images/hh_fotoalbum_aan.gif";
  aryImages[4] = "images/hh_eten_aan.gif";
  aryImages[5] = "images/hh_contact_aan.gif";
  
  //reeds geladen
  aryImages[10] = "images/hh_mouseout.gif";
 


  for (i=0; i < 6; i++) {
    var preload = new Image();
    preload.src = aryImages[i];
  }



  function swap(imgIndex,name) {
   
    document[name].src = aryImages[imgIndex];

  }
  
  
  function mouseOut() {
  	
  	timeoutflag = setTimeout('mouseOver('+initIndex+',"'+initName+'")',vertraging);
  	
  }
  
   function mouseOver(imgIndex,name) {
   	
   	//als het terugzetten in initstand wordt
   	//overruled door nieuwe keuze
   	if(timeoutflag) {
   	clearTimeout(timeoutflag);
    }
   	
   	//pageload sla waarde huidige pagina op
   	if(current == '') {
   		initName  = name;
   		initIndex = imgIndex;
   	}
  	
  	//verberg direct laatste mouseover hightlight
  	if(document[current]){
  		document[current].src = aryImages[10];
  	}
  	
  	
  	//update current variable met nieuwe menuselectie
  	current = name;
  	
  	//toon highlight bij nieuwe menuselectie
	if(document[name]){
  	document[name].src = aryImages[imgIndex];
	}
  	
  }