Menu con slide + menu desplegable horizontal incompatibles

[shunsho]

Hola a todos, queria pedirles ayuda por favor, ya que no se mucho de javascript y el sitio que estoy construyendo me da un problema. Quiza es un favor bastante grande, pero la verdad es que estoy hace dias aproblemado y no se como llegar a la solucion.
Lo que pasa es que quiero en una misma pagina dos tipos de menu, poner el Slidemenu de Thomas Brattli, que pueden ver su codigo y funcionamiento en google (no puedo publicar direcciones pq este es mi primer post)

El otro menu qe quiero ocupar, es un menu horizontal desplegable, que pueden buscar en google como "menu desplegable css" en la primera opcion que aparece.

Lo que pasa es que ambos por separados me funcionan perfectamente, y puedo personalizarlos todo lo que quiero. El problema es cuando los junto. Al parecer, ambos javascript piden una comprobacion de navegador, y como no se javascript, pues no puedo hacer una sola comprobacion para ambos para que no entren en conflicto.

Siendo mas especificos, creo que el problema esta en lo siguiente:

el slidemenu, parte con esta porcion de codigo:

Código:

function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=lib_bwcheck()
//Opera didn't seem to like the padding in the layers, it messes up the background-images, so here's a version without it.
if(bw.opera5) document.write("<style>DIV.clSlide{padding:0px; background-image:url(' ')}\
nDIV.clSlideSub{padding:0px; background-image:url(' ')}\nDIV.clSlideSub2{padding:0px; 
background-image:url(' ')}</style>")

que es la encargada de comprobar el navegador.

El otro menu desplegable, asu vez, tiene esta porcion para hacer compatible la seudoclase :hover con el internet explorer

Código:

startList = function() {
if (document.all&&document.getElementById) {
  navRoot = document.getElementById("nav");
  for (i=0; i<navRoot.childNodes.length; i++) {
	node = navRoot.childNodes[i];
	if (node.nodeName=="LI") {
	  node.onmouseover=function() {
		this.className+=" over";
	  }
	  node.onmouseout=function() {
		this.className=this.className.replace(" over", "");
	  }
	}
  }
}
}
window.onload=startList;

como dije el problema es cuando estan ambos codigos juntos.
Por favor ayudenme ya que para mi sitio el ideal es que esten ambos menus simultaneos.
Se lo agradeceria muchisimo a quien me pueda ayudar auque sea un poco.
Muchas gracias.