[Resolvido] Explicar funcionamento do código

Olá para todos, sou novo por aqui, este é meu primeiro post e peço desculpas se o postei no local errado.

Comecei a estudar JavaScript há pouco tempo (estou fazendo curso de web design & developer), tenho muitas dúvidas e recentemente tentando montar um menu pop-up me deparei com o código abaixo, como não tenho muita prática com a linguagem, ficaria grato se algum de vocês pudessem me ajudar a dissecar o código e me explicar o que acontece no mesmo. Agradeço a ajuda, abraços.

Segue o código:

window.onload=function(){
Evento=document.getElementById("corpo");
Evento.onload=horizontal();
}

function horizontal() {

 var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");

 for (var i=0; i< navItems.length; i++) {
 if(navItems[i].className == "submenu")
 {
 if(navItems[i].getElementsByTagName('ul')[0] != null)
 {
 navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}
 navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}
 }
 }
 }

}