'document.getElementById(...)' é nulo ou não é um objeto

Boa tarde pessoal, estava fazendo algumas alterações e acabou que começou a dar um erro de 'document.getElementById(...)' é nulo ou não é um objeto ....

Se alguem puder me dar uma ajuda, valeu, estou precisando muito .... segue abaixo:

Está ocorrendo o erro na função horizontal () .... aonde está em vermelho.

>

<script type="text/javascript">

function vertical() {

 

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

 

 for (var i=0; i< navItems.length; i++) {

 if(navItems*.className == "submenu") {*

* navItems**.onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "";}*

* navItems**.onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "";}*

}

}

 

}

 

function horizontal() {

 

* ** var navItems = document.getElementById('barra').getElementsByTagName("li");*

* for (var i=0; i< navItems.length; i++) {*

if((navItems.className == "menuvertical") || (navItems.className == "submenu"))

{

* if(navItems**.getElementsByTagName('ul')[0] != null)*

{

* navItems**.onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}*

* navItems**.onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#AEC9DC";}*

}

}

}

 

}

 

 

 

</script>