function vypisevent(e)
 {
    elist = document.getElementById('listevent');
    var p = "";

    if(e.target.nodeName!="#document")
    {p += "target: " + e.target.nodeName + " " +e.target.id+" ";}
    else {p += "target: #document ";}


    if(!e.currentTarget.body)
    {p += "currentTarget: " + e.currentTarget.nodeName + " "+e.currentTarget.id+"|";}
    else {p += "currentTarget: #document|";}
    
if(!e.relatedTarget.body)
    {p += "relatedTarget: " + e.relatedTarget.nodeName + " "+e.relatedTarget.id+"|";}
    else {p += "relatedTarget: #document|";}
    
    elist.innerHTML +=p+"     ";

  }  
function findPos(obj) {
        var curleft = curtop = 0;
        if (obj.offsetParent) {
                curleft = obj.offsetLeft
                curtop = obj.offsetTop
                while (obj = obj.offsetParent) {
                        curleft += obj.offsetLeft
                        curtop += obj.offsetTop
                }
        }
        var coor=new Object();
        coor._x=curleft;
        coor._y=curtop;
        return coor;
}


    
function doSomething(event) {
        var posx = 0;
        var posy = 0;
        e=event;
        if (e.pageX || e.pageY)         {
                posx = e.pageX;
                posy = e.pageY;
        }
        else if (e.clientX || e.clientY)        {
                posx = e.clientX + document.body.scrollLeft
                        + document.documentElement.scrollLeft;
                posy = e.clientY + document.body.scrollTop
                        + document.documentElement.scrollTop;
        }
        // posx and posy contain the mouse position relative to the document
        // Do something with this information

var e=document.getElementById('menu');
var obj=findPos(e);
 elist = document.getElementById('listevent');
 elist.innerHTML=" "+posx+" "+obj._x+"<br />"+" "+posy+" "+obj._y+"<br />";

if ((posx>obj._x) && (posx<(obj._x+e.offsetWidth)) && (posy>obj._y)&& (posy<(obj._y+e.offsetHeight)))
{
}

else {
vymen_submenu(submenu_ozn,submenu);
vymen_ozn(submenu_ozn,submenu);
change_img(submenu_ozn,polozka_ozn);
submenu=submenu_ozn;
}



}


  
<!-- zjistuje zda mouseout nastala skutecne (nastane totiz i uvnitr layoutu menu -->
function check(reltg,tg)
{
if (reltg)

        {
        while (reltg != tg && reltg.nodeName != 'BODY'&& reltg.nodeName!='#document')
        {
                reltg= reltg.parentNode;
           }
        if (reltg== tg) {return false;}
        else {  return true; }
        }
     
}
  

<!-- funkce zamenujici submenu_m za submenu_n -->
function vymen_submenu(m,n)
{
if (m!=n)
{
var e=document.getElementById('submenu'+m.toString());
var f=document.getElementById('submenu'+n.toString());
var trida=f.className.split(' ');
f.className=trida[0]+' '+trida[1]+' '+trida[2]+' '+"displaynone";
trida=e.className.split(' ');
e.className=trida[0]+' '+trida[1]+' '+trida[2];
}
}

function get_element(m)
{
var id="";
switch (m)
{
case 1:id="info";break;
case 2:id="prilezitosti";break;
case 3:id="projekt";break;
case 4:id="odkaz";break;
}
return document.getElementById(id);
}

function vymen_ozn(m,n)
{
if (m!=n)
{
var e=get_element(m);
var f=get_element(n);
if (f)
{
if (f.className!="oznaceno")
{
f.className="";
}
}
if (e)
{
if ((e.className!="oznaceno")&&(e.className!="ozn"))
{
e.className="ozn";
}
}
}

}




function change_img(m,n)
{
var el=document.getElementById('submenu'+m);
var trida=el.className.split(' ');
el.className=trida[0]+' '+trida[1]+' '+'obr'+m+n;
}


function target(e)
{
var f=e;
if(f)
{

while ( !f.id && f.id.substr(0,4)!="item" && f.nodeName != 'BODY')
        {
        
                f= f.parentNode;
           }
}
return f;
}
function item(event)
{


var e=target(event.target);
if (e.id.substr(0,4)=="item") {
	var m=e.id.substring(4,5);
	var n=e.id.substring(5,6);
	change_img(m,n);
	if ((e.className!='oznaceno')&&(e.className!='ozn'))
	{
	e.className='ozn';
	}
event.stopPropagation();
}
//alert("item");
}
function item_out(event)
{

var e=target(event.target);
 


if (e.id.substr(0,4)=="item") {
        
if (e.className!='oznaceno')
	{
	e.className="";
	}


}
/*alert("item_out");*/
}

function menu(event)
{

var e=event.relatedTarget;
var f=document.getElementById('menu');
if (check(e,f))
{
vymen_submenu(submenu_ozn,submenu);
vymen_ozn(submenu_ozn,submenu);
change_img(submenu_ozn,polozka_ozn);
submenu=submenu_ozn;

}

}


function nic(event)
{


}
function projekt_mouseover(event)
{

vymen_submenu(3,submenu);
vymen_ozn(3,submenu);
submenu=3;
//alert("item");
}
function odkaz_mouseover(event)
{
vymen_submenu(4,submenu);
vymen_ozn(4,submenu)
submenu=4;
//alert("item");
}

function prilezitosti_mouseover(event)
{
vymen_submenu(2,submenu);
vymen_ozn(2,submenu);
submenu=2;
//vypisevent(event);
//alert("item");
}
function info_mouseover(event)
{
vymen_submenu(1,submenu);
vymen_ozn(1,submenu);
submenu=1;

//alert("item");
}


<!-- prida zachytavace udalosti prislusnym elementum -->
function add_event()
{



var m=1;
var n=1;
var e;
while (m<=4) { //4= polozky v menu

	e=document.getElementById('item'+m.toString()+n.toString());
	while (e&&(n<=7))
	{
		e.addEventListener('mouseover',item,false); //bubble, stop
		e.addEventListener('mouseout',item_out, false);//bubble
		n++;
		e=document.getElementById('item'+m.toString()+n.toString());
	}
m++;
n=1;
}
//add eventlistener to other items in menu
e=document.getElementById('menu');
if (e)
{
	e.addEventListener('mouseout',menu,false);//bubble, stop
}




e=document.getElementById('projekt');
if (e)
{
	e.addEventListener('mouseover',projekt_mouseover, false);//bubble,doesnt stop
}

e=document.getElementById('odkaz');
if (e)
{
	e.addEventListener('mouseover',odkaz_mouseover, false);//bubble,doesnt stop
}

e=document.getElementById('prilezitosti');
if (e)
{
	e.addEventListener('mouseover',prilezitosti_mouseover, false);//bubble, doesnt stop

}
e=document.getElementById('info');
if (e)
{
    e.addEventListener('mouseover',info_mouseover, false);//bubble, doesnt stop
}
}