function initImgSwitcher() {
	var subdiv = document.getElementById('submenu');
	if (!subdiv) return;
	
	var subul = subdiv.getElementsByTagName('ul')[0];
	var subli = subul.getElementsByTagName('li');
	
	for (i=0; i <subli.length; i++) {
		var theLi = subli[i];
		theLi.setAttribute('id', i);
		Event.observe(theLi, 'mouseover', function(){changePosition(this, 'over');});	
		//subdiv.observe('mouseout', function(){changePosition(this, 'out');});	
	}
}
 	
function changePosition(el, state) {
	var popdiv = document.getElementById('poppetje');
	if (!popdiv) return;
	
	if(state=='over') {
		var posNum = (el.id % 4) + 1;
		var posClassName = 'pos' + posNum;
		popdiv.className = posClassName;
	}
	else {
		popdiv.className = '';
	}
}


Event.observe(window, 'load', initImgSwitcher);
Event.stopObserving(window, 'unload', initImgSwitcher);