window.onload = meniu_ierarhic;

function meniu_ierarhic ()
{
    var divuri = document.getElementsByTagName('div');
    for (var i=0; i<divuri.length; i++)
        if (divuri[i].getAttribute('class') == 'col_left')
        {
            var meniu = divuri[i];
            var itemi = meniu.getElementsByTagName('li');

            for (i=0; i<itemi.length; i++)
                if (itemi[i].getElementsByTagName('ul').length > 0)
                {
                    itemi[i].style.position = 'relative';
                    itemi[i].onmouseover = arataSubmeniu;
                    itemi[i].onmouseout = ascundeSubmeniu;

                    var buton = itemi[i].getElementsByTagName('a')[0];
                    buton.style.backgroundImage = "url('http://www.simplextrans.com/wp-admin/images/arrow_right_2.png')";
                    buton.style.backgroundRepeat = 'no-repeat';
                    buton.style.backgroundPosition = 'right center';

                    var submeniu = itemi[i].getElementsByTagName('ul')[0];
                    submeniu.style.display = 'none';
                    submeniu.style.position = 'absolute';
                    submeniu.style.top = '-25px';
                    submeniu.style.left = '100%';
                    submeniu.style.zIndex = '1';
                }
            break;
        }
}

function arataSubmeniu(event)
{
    var item = event.currentTarget;
    var submeniu = item.getElementsByTagName('ul')[0];
    submeniu.style.display = 'block';
}

function ascundeSubmeniu(event)
{
    var item = event.currentTarget;
    var submeniu = item.getElementsByTagName('ul')[0];
    submeniu.style.display = 'none';
}