function menuOver(id, selected) {
	var menus = Array('home','aanbiedingen','winkels','mail_a_friend');
	var dotmenus = Array('dotHome', 'dotAanbiedingen', 'dotWinkels', 'dotNieuws', 'dotMailAfriend', 'dotDirxService');

	var submenu;
	
	var i;
	
	for (i = 0; i < menus.length; i++) {
		if (dotmenus[i] != id) {
			killTimer(dotmenus[i]);
			submenu = document.getElementById('submenu_' + menus[i]);
			submenu.style.display = 'none';
		}
	}	
	
	var submenu;
	
	if (!selected) {
		document.getElementById(id).src = 'images/dirx/dot2.gif';
	}
	
	killTimer(id);

	switch(id) {
		case 'dotHome':
			submenu = document.getElementById('submenu_home');
			break;
		case 'dotAanbiedingen':
			submenu = document.getElementById('submenu_aanbiedingen');	
			break;
		case 'dotOverons':
			submenu = document.getElementById('submenu_over_ons');	
			break;
		case 'dotWinkels':
			submenu = document.getElementById('submenu_winkels');	
			break;
		case 'dotNieuws':
			submenu = document.getElementById('submenu_nieuws');
			break;
		case 'dotMailAfriend':
			submenu = document.getElementById('submenu_mail_a_friend');	
			break;
		case 'dotDirxService':
			submenu = document.getElementById('submenu_dirx_service');
			break;
	}
	
	if (submenu) {
		submenu.style.display = 'block';
	}
}

function menuOut(id, selected) {

	if (!selected) {
		document.getElementById(id).src = 'images/dirx/dot_off2.gif';
	}
	
	document.timers[id] = setTimeout("hideSubmenu('" + id + "')", 500);
}

function doHide(id) {
	var i = document.getElementById('iframe' + id);
	var m = document.getElementById('submenu' + id);
	
	m.style.display = 'none';
	i.style.display = 'none';
	clearTimeout(document.timers[id]);
}

function showSubmenu(id, z_index) {
	for (j=0; j < document.menus.length ; j++ )	{
		if (document.menus[j] != id) {
			doHide(document.menus[j]);
		}
	}

	clearTimeout(document.timers[id]);

	m = document.getElementById('submenu' + id);
	i = document.getElementById('iframe' + id);
	
	i.style.width = m.offsetWidth
	i.style.height = m.offsetHeight;

	m.style.zIndex = z_index;
	m.style.display = 'block';
}

function hideSubmenu(id) {
	var submenu;
	
	switch(id) {
		case 'dotHome':
			submenu = document.getElementById('submenu_home');
			break;
		case 'dotAanbiedingen':
			submenu = document.getElementById('submenu_aanbiedingen');	
			break;
		case 'dotOverons':
			submenu = document.getElementById('submenu_over_ons');	
			break;
		case 'dotWinkels':
			submenu = document.getElementById('submenu_winkels');	
			break;
		case 'dotNieuws':
			submenu = document.getElementById('submenu_nieuws');	
			break;
		case 'dotMailAfriend':
			submenu = document.getElementById('submenu_mail_a_friend');	
			break;
		case 'dotDirxService':
			submenu = document.getElementById('submenu_dirx_service');
			break;
	}	
	
	if (submenu) {		
		submenu.style.display = 'none';
	}
}

function killTimer(id) {
	clearTimeout(document.timers[id]);
}
