last_item=null;
set_timeout=null;
defaultArea = null;
mouseOveredOnMenu = false
function horizontal_menu(item, initial)
{
	if(!initial) {
		// subitems on default area are show until first mouseover on menu
		if((item.indexOf("areaLinkNr") == -1) && !mouseOveredOnMenu) {
			return;
		}
		//first mouseover is made
		if(item.indexOf("areaLinkNr">-1)) {
			mouseOveredOnMenu = true;
		}
	}
	
	//stil on menu don't do anything	
	if(item.indexOf("topMenu")>-1) return;
	if(item.indexOf("topMenuInner")>-1) return;
	if(item.indexOf("headerContainer")>-1) return;	
	if(item.indexOf("areasContainer")>-1) return;
	//if(item.indexOf("areaLinkNr")>-1) return;
	if(item.indexOf("areaTdNr")>-1) return;
	if(item.indexOf("nobr")>-1) return;	
	if(item.indexOf("separator")>-1) return;
	if(item.indexOf("site")>-1) return;
	
	//hide last submenu
	if(last_item) {
		if(document.getElementById('siteContainerNr'+last_item)) {
			document.getElementById('siteContainerNr'+last_item).style.display = 'none';
			hideKemija();
		}
	} 
	if(defaultArea) {
		if(document.getElementById('siteContainerNr'+defaultArea)) {
			document.getElementById('siteContainerNr'+defaultArea).style.display = 'none';
			hideKemija();
		}
	} 

	//hide background img
	if(last_item) {
		document.getElementById('areaTdNr'+last_item).className = 'areaTdNotSelected'
		
	} 

	if(defaultArea) {
		document.getElementById('areaTdNr'+defaultArea).className = 'areaTdNotSelected'
	} 

 	if (item.indexOf("areaLinkNr") == -1) {
		//when mouseovered on body shown default area
		if(defaultArea) {
			item = 'areaLinkNr'+ defaultArea;
		}
		mouseOveredOnMenu = false;
		last_item = null;
		

	}

	//if area has children show them
	if(item.indexOf("areaLinkNr")>-1) {	
		item_nr=item.substring(10)
		last_item=item_nr;
		document.getElementById('areaTdNr'+item_nr).className = 'areaTdSelected'

		if(!document.getElementById('siteContainerNr'+item_nr)) {
			return;
		}
	
		
		if(document.all) {
			menu_containter_left = 0
		} else {
			menu_containter_left = document.getElementById('topMenu').offsetLeft
		}
		
		menu_containter_width = document.getElementById('topMenu').offsetWidth
	
		item_top=document.getElementById(item).offsetTop;
		item_left=document.getElementById(item).offsetLeft;
		item_width=document.getElementById(item).offsetWidth;
		center_of_item = (item_left + item_width/2)		

		document.getElementById('siteContainerNr'+item_nr).style.display='block';

		subitem_width = document.getElementById('siteContainerNr'+item_nr).offsetWidth
		document.getElementById('siteContainerNr'+item_nr).style.top=item_top+16+'px';
		
		start_position_of_subitem = menu_containter_left + item_left; //center_of_item - (subitem_width/2);

		minLeft = menu_containter_left
		if(start_position_of_subitem < minLeft) {
			start_position_of_subitem = minLeft
		}
		maxRight = menu_containter_left + menu_containter_width
		rightPadding = 6
		if(start_position_of_subitem + subitem_width > maxRight) {
			start_position_of_subitem = maxRight - subitem_width - rightPadding
		}
		
		document.getElementById('siteContainerNr'+item_nr).style.left= start_position_of_subitem +'px';
		
		document.getElementById('siteContainerNr'+item_nr).style.zIndex=100;
	}  
}



function showKemija() {
	item2 = "siteTdNr9999";
	menu_containter_left2 = document.getElementById('areaLinkNr2').offsetLeft
	item_top2=document.getElementById(item2).offsetTop;
	item_width2=document.getElementById(item2).offsetWidth;
	document.getElementById('siteContainerNr4').style.top= (item_top2+20) +'px';
	document.getElementById('siteContainerNr4').style.left= (menu_containter_left2+item_width2-8) +'px';
	document.getElementById('siteContainerNr4').style.zIndex=100;
	document.getElementById("siteContainerNr4").style.display = "block";
}

function hideKemija() {
	//alert(last_item);
	document.getElementById("siteContainerNr4").style.display = "none";
}