function initSub(index) {
		clearStyle(5,'mainitem','mainitem');
		var submenu=document.getElementById('submenu');
		var selectedmainitem=document.getElementById('mainitem'+index);
		if(selectedmainitem) {
		selectedmainitem.className='selectedmainitem';
		}
		switch(index) {
		case 1:
		  submenu.innerHTML='';
		  break;    
		case 2:
		  submenu.innerHTML=
		'<div class="spacerDiv20"></div>'+
		'<div class="spacer">&nbsp;</div>' +
		'<div class="subitem" id="subitem1" onmouseover="clearStyle(5,\'subitem\',\'subitem\'); changeStyle(\'subitem1\',\'selectedsubitem\');"><a href="#">Alkalmazásfejlesztés</a></div>' +
		'<div class="separator">|</div>' +
		'<div class="subitem" id="subitem2" onmouseover="clearStyle(5,\'subitem\',\'subitem\'); changeStyle(\'subitem2\',\'selectedsubitem\');"><a href="#">Rendszerintegráció</a></div>' +
		'<div class="separator">|</div>' +
		'<div class="subitem" id="subitem3" onmouseover="clearStyle(5,\'subitem\',\'subitem\'); changeStyle(\'subitem3\',\'selectedsubitem\');"><a href="#">Rendszerfelügyelet</a></div>' +
		'<div class="separator">|</div>' +
		'<div class="subitem" id="subitem4" onmouseover="clearStyle(5,\'subitem\',\'subitem\'); changeStyle(\'subitem4\',\'selectedsubitem\');"><a href="#">Pályázati tanácsadás</a></div>';
		  break;
		case 3:
		  submenu.innerHTML='';
		  break;
		case 4:
		  submenu.innerHTML='';
		  break;
		default:
		}
		submenu.style.visibility='visible';
	}
	
	function clearStyle(maxindex, prefix, classname) {
		for(var i=0; i<maxindex; i++) {
			var element=document.getElementById(prefix + i);
			if(element) {
				element.className=classname;
			}
		}
	}
	
	function changeStyle(id,newclass) {
		var element=document.getElementById(id);
		if(element) {
			element.className=newclass;
		}
	}