/*
	===============================================================================
	Autor: Aldo Hernandez Tellez
	Codigo de un menu desplegable
	===============================================================================
*/
/*
var Barra = new Object();
Barra.muestrate = function() {	
	//arreglo de opciones principales
	var aOpciones = ["Inicio","Portafolio","Servicios y Soluciones","Socios de Negocios"];
	
	//crea los elementos principales del menu
	for(var i = 0; i < aOpciones.length; i++)
	{
		var oDiv = document.createElement("div");	
		oDiv.appendChild(document.createTextNode(aOpciones[i]));
		oDiv.style.position = "absolute";
		oDiv.style.top = "129px";
		oDiv.style.width = "129px";
		oDiv.style.height = "30px";
		oDiv.style.fontFamily = "Arial, Helvetica, sans-serif";
		oDiv.style.fontSize = "12px";
		oDiv.style.textAlign = "center";
		oDiv.style.backgroundColor = "#D8DCE1";		
		oDiv.style.lineHeight = "30px";

		//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
		if(navigator.userAgent.indexOf("MSIE 6") > 0) 
			oDiv.style.marginLeft = "10px";
		
		oDiv.id = "principal" + i;
		
		//agrega los menus con sus manejadores de enventos
		switch(i)
		{
			//INICIO
			case 0:
				oDiv.style.left = "163px";
				oDiv.onmouseover = function() { 
					Barra.resaltaPrincipal(0);
					Barra.ocultaMenus();
				};
				oDiv.onclick = function() {
					inicio();
					setTimeout("Barra.muestraMenu(0);",100)
				}
				break;

			//PORTAFOLIO
			case 1:
				oDiv.style.left = "293px";
				oDiv.onmouseover = function() { 
					Barra.resaltaPrincipal(1);
					Barra.ocultaMenus();
				};
				oDiv.onclick = function() {
					portafolio();
					setTimeout("Barra.muestraMenu(1);",100)
				}
				break;
			
			//SERVICIOS Y SOLUCIONES
			case 2:
				oDiv.style.left = "423px";
				oDiv.onmouseover = function() { 
					Barra.resaltaPrincipal(2);
					Barra.ocultaMenus();
				};
				oDiv.onclick = function() {
					serviciosSoluciones();	
					setTimeout("Barra.muestraMenu(2);",100)
				}
				break;
			
			//SOCIOS DE NEGOCIOS
			case 3: 
				oDiv.style.left = "553px";
				oDiv.style.width = "130px";
				oDiv.onmouseover = function() { 
					Barra.resaltaPrincipal(3);
					Barra.ocultaMenus();
				};
				oDiv.onclick = function() {
					sociosNegocios();
					setTimeout("Barra.muestraMenu(3);",100)
				}
				break;
		}
		document.body.appendChild(oDiv);
	}
}

//Muestra los menus cuando se hace clic en uno de los menus principales
Barra.muestraMenu = function(iCual) {
	//antes de mostrar el menu oculta los demas
	Barra.ocultaMenus();
	
	var oDiv = document.createElement("div");
	oDiv.style.position = "absolute";
	oDiv.style.top = "160px";
	oDiv.style.width = "220px";
	oDiv.style.backgroundColor = "#D8DCE1";
	
	//agrega los id's menu1, menu2, menu3, menu4
	oDiv.id = "menu" + (iCual);
	
	var sContenido = "";
	var sEstilo =    "style='line-height: 21px;" +  
			 "background-color: #D8DCE1;" +  
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "text-indent: 10px'" + 
			 "onmouseover='Barra.resaltame(this);'" + 
			 "onmouseout='Barra.desresaltame(this);'";
			 
	var sEstilo2 =   "style='line-height: 21px;" +  
			 "background-image: url(./imagenes/flecha.png);" +
			 "background-position: 0px -4px;" +
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "text-indent: 10px'" +
			 "onmouseover='Barra.resaltame(this);'" + 
			 "onmouseout='Barra.desresaltame(this);'";
			 
	var sEstilo3 =   "style='line-height: 21px;" +  
			 "background-image: url(./imagenes/flecha.png);" +
			 "background-position: -32px -4px;" +
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "text-indent: 10px'" +
			 "onmouseover='Barra.resaltame(this);'" + 
			 "onmouseout='Barra.desresaltame(this);'";
	
	
	//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
	if(navigator.userAgent.indexOf("MSIE 6") > 0) 
		oDiv.style.marginLeft = "10px";
	
	switch(iCual)
	{
		case 0:
			sContenido += "<div id='inicio0' " + sEstilo2 + "  onclick='openCommunications();'>OpenCommunications</div>";
			sContenido += "<div id='inicio1' " + sEstilo + "   onclick='beneficios();'>Beneficios</div>";
			sContenido += "<div id='inicio2' " + sEstilo2 + "  onclick='contacto();'>Contacto</div>";
			
			oDiv.innerHTML = sContenido;
			oDiv.style.left = "163px";
			document.body.appendChild(oDiv);
			
			//agrega el submenu de OPEN COMMUNICATIONS
			var oDivOpcion0 = document.getElementById("inicio0");
			oDivOpcion0.onmouseover = function() {
				Barra.resaltame(oDivOpcion0);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "160px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "384px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				//elementos del submenu OPEN COMMUNICATIONS
				sContenido += "<div id='openCommunications0' onclick='lifeworks();'       onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Lifeworks</div>";
				sContenido += "<div id='openCommunications1' onclick='sietePrincipios();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">7 Principios</div>";
				sContenido += "<div id='openCommunications2' onclick='openPath();'        onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenPath</div>";				
				
				oDivSub.innerHTML = sContenido;
			}
				
			//agrega el submenu de CONTACTO
			var oDivOpcion1 = document.getElementById("inicio2");
			oDivOpcion1.onmouseover = function() {
				Barra.resaltame(oDivOpcion1);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "202px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0)
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "2px";
				}
				
				oDivSub.style.left = "384px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				//elementos del submenu CONTACTO
				sContenido += "<div id='contacto0' onclick='ubicacionContacto();'     onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Ubicaci&oacute;n y Contacto</div>";
				sContenido += "<div id='contacto1' onclick='nuestrosSocios();'        onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Nuestros Socios</div>";
				sContenido += "<div id='contacto2' onclick='recursosHumanos();'       onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Recursos Humanos</div>";				
				
				oDivSub.innerHTML = sContenido;
			}
			break;
		case 1:
			sContenido += "<div id='hipath0' " + sEstilo2 + " onclick='paraPyme();'>Para la Pyme</div>";
			sContenido += "<div id='hipath1' " + sEstilo2 + " onclick='paraGobierno();'>Para Gobierno y Corporativo</div>";
			sContenido += "<div id='hipath2' " + sEstilo2 + " onclick='movilidad();'>Movilidad</div>";
			sContenido += "<div id='hipath3' " + sEstilo2 + " onclick='comunicacionesUnificadas();'>Comunicaciones Unificadas</div>";
			sContenido += "<div id='hipath4' " + sEstilo2 + " onclick='seguridadProcesos();'>Seguridad y Procesos</div>";
			sContenido += "<div id='hipath5' " + sEstilo2 + " onclick='telefonos();'>Tel&eacute;fonos</div>";
			
			oDiv.innerHTML = sContenido;

			oDiv.style.left = "293px";
			document.body.appendChild(oDiv);
			
			//agrega el submenu de PARA LA PYME
			var oDivOpcion0 = document.getElementById("hipath0");
			oDivOpcion0.onmouseover = function() {
				Barra.resaltame(oDivOpcion0);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "160px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='paraPyme0' onclick='hipath1100();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 1100</div>";
				sContenido += "<div id='paraPyme1' onclick='hipath2000();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 2000</div>";
				sContenido += "<div id='paraPyme2' onclick='hipath3000();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 3000</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de GOBIERNO Y CORPORATIVO
			var oDivOpcion1 = document.getElementById("hipath1");
			oDivOpcion1.onmouseover = function() {
				Barra.resaltame(oDivOpcion1);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "181px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0)
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "1px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='paraGob0' onclick='hipath30002();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 3000</div>";
				sContenido += "<div id='paraGob1' onclick='hipath4000();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 4000</div>";
				sContenido += "<div id='paraGob2' onclick='hipath8000();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 8000</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de MOVILIDAD
			var oDivOpcion2 = document.getElementById("hipath2");
			oDivOpcion2.onmouseover = function() {
				Barra.resaltame(oDivOpcion2);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "202px";  
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "1px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='movilidad0' onclick='hipathWireless();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath Wireless</div>";
				sContenido += "<div id='movilidad1' onclick='hipathMobileConect();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath MobileConect</div>";
				sContenido += "<div id='movilidad2' onclick='hipathCordless();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath Cordless</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de COMUNICACIONES UNIFICADAS
			var oDivOpcion3 = document.getElementById("hipath3");
			oDivOpcion3.onmouseover = function() {
				Barra.resaltame(oDivOpcion3);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "223px";  
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "2px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='comunicacionesUnificadas0' onclick='openScape();' onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(0);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">OpenScape</div>";
				sContenido += "<div id='comunicacionesUnificadas1' onclick='xpressions();' onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(1);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Xpressions</div>";				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de SEGURIDAD Y PROCESOS
			var oDivOpcion4 = document.getElementById("hipath4");
			oDivOpcion4.onmouseover = function() {
				Barra.resaltame(oDivOpcion4);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "244px";  
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "4px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='seguridadProcesos0' onclick='networkSystem();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Network &amp; System</div>";
				sContenido += "<div id='seguridadProcesos1' onclick='accessManagement();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Identity & Access Management</div>";
				sContenido += "<div id='seguridadProcesos2' onclick='hiPathProCenter();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath ProCenter</div>";
				sContenido += "<div id='seguridadProcesos3' onclick='hiPathFieldForceMobility();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath Field Force Mobility</div>";
				sContenido += "<div id='seguridadProcesos4' onclick='commandControlCenter();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Command Control Center</div>";
				sContenido += "<div id='seguridadProcesos5' onclick='hiPathDAKS();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath DAKS</div>";

				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de TELEFONOS
			var oDivOpcion5 = document.getElementById("hipath5");
			oDivOpcion5.onmouseover = function() {
				Barra.resaltame(oDivOpcion5);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "264px";  
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "5px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='telefonos0' onclick='sipEscritorio();'      onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(2);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Tel&eacute;fonos SIP de escritorio</div>";
				sContenido += "<div id='telefonos1' onclick='telefonosIP();'        onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(3);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Tel&eacute;fonos IP</div>";
				sContenido += "<div id='telefonos2' onclick='telefonosDigitales();' onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(4);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Tel&eacute;fonos Digitales</div>";
				sContenido += "<div id='telefonos3' onclick='telefonosMoviles();'   onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(5);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Tel&eacute;fonos M&oacute;viles</div>";

				oDivSub.innerHTML = sContenido;
			}
			
			break;
		case 2:
			sContenido += "<div id='servicios0' " + sEstilo2 + " onclick='serviciosAdministrados();'> Servicios Administrados</div>";
			sContenido += "<div id='servicios1' " + sEstilo2 + " onclick='soluciones();'> Soluciones</div>";

			oDiv.innerHTML = sContenido;
			oDiv.style.left = "423px";
			document.body.appendChild(oDiv);
						
			//agrega el submenu de SERVICIOS ADMINISTRADOS
			var oDivOpcion0 = document.getElementById("servicios0");
			oDivOpcion0.onmouseover = function() {
				Barra.resaltame(oDivOpcion0);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "160px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "644px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='serviciosAdministrados0' onclick='bms();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">BMS (para la PyME)</div>";
				sContenido += "<div id='serviciosAdministrados0' onclick='cms();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">CMS (Gobierno y Corporativo)</div>";
				sContenido += "<div id='serviciosAdministrados0' onclick='ventajasSA();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Ventajas de SA</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de PARA GOBIERNO Y COORPORATIVOS
			var oDivOpcion1 = document.getElementById("servicios1");
			oDivOpcion1.onmouseover = function() {
				Barra.resaltame(oDivOpcion1);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "181px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "644px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='soluciones0' onclick='medico();' 	 onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">M&eacute;dico</div>";
				sContenido += "<div id='soluciones1' onclick='hoteleria();' 	 onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Hoteler&iacute;a</div>";
				sContenido += "<div id='soluciones2' onclick='financierosSeguros();'   onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Financieros y Seguros</div>";
				sContenido += "<div id='soluciones3' onclick='farmaceutica();'   onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Industria Farmac&eacute;utica</div>";
				sContenido += "<div id='soluciones4' onclick='automotriz();' 	 onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Automotriz</div>";
				sContenido += "<div id='soluciones5' onclick='aeropuertos();'	 onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Aeropuertos</div>";
				sContenido += "<div id='soluciones6' onclick='centrosComerciales();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Centros Comerciales</div>";
				sContenido += "<div id='soluciones7' onclick='serviciosPublicos();'  onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Servicios P&uacute;blicos</div>";
				sContenido += "<div id='soluciones8' onclick='gobierno();'       onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Gobierno</div>";
				sContenido += "<div id='soluciones9' onclick='retail();'         onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Retail</div>";
				
				oDivSub.innerHTML = sContenido;
			}			
			break;
		case 3:
			sContenido += "<div id='socios0' " + sEstilo2 + ">Go Forward!</div>";
			sContenido += "<div id='socios1' " + sEstilo2 + ">Socios de Tecnolog&iacute;a</div>";
			sContenido += "<div id='socios2' " + sEstilo + ">Capacitaci&oacute;n &amp; Certificaci&oacute;n</div>";
			sContenido += "<div id='socios3' " + sEstilo2 + ">Portal de Socios</div>";
			
			oDiv.innerHTML = sContenido;

			oDiv.style.left = "553px";
			document.body.appendChild(oDiv);
			
			//agrega el submenu de GO FORWARD
			var oDivOpcion0 = document.getElementById("socios0");
			oDivOpcion0.onmouseover = function() {
				Barra.resaltame(oDivOpcion0);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "160px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "774px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='goForward0' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Requerimientos</div>";
				sContenido += "<div id='goForward1' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Costos &amp; Beneficios</div>";
				sContenido += "<div id='goForward2' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Capacitaci&oacute;n &amp; Certificaci&oacute;n</div>";
				sContenido += "<div id='goForward3' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Informaci&oacute;n &amp; Aplicaci&oacute;n</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de SOCIOS DE TECNOLOGIA
			var oDivOpcion1 = document.getElementById("socios1");
			oDivOpcion1.onmouseover = function() {
				Barra.resaltame(oDivOpcion1);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "181px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "774px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='sociosTecnologia0' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Niveles de Socios</div>";
				sContenido += "<div id='sociosTecnologia1' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Segmentos de Tecnolog&iacute;a</div>";
				sContenido += "<div id='sociosTecnologia2' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Informaci&oacute;n &amp; Aplicaci&oacute;n</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el menu de PORTAL DE SOCIOS
			var oDivOpcion2 = document.getElementById("socios3");
			oDivOpcion2.onmouseover = function() {
				Barra.resaltame(oDivOpcion2);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "223px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0)
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "2px";	
				}
				
				oDivSub.style.left = "774px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='portalSocios0' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Newsletter</div>";
				sContenido += "<div id='portalSocios1' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Noticias</div>";
				sContenido += "<div id='portalSocios2' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Herramientas</div>";
				sContenido += "<div id='portalSocios3' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Referencias</div>";
				sContenido += "<div id='portalSocios4' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Capacitaci&oacute;n &amp; Certificaci&oacute;n</div>";
				sContenido += "<div id='portalSocios5' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Descargas</div>";
				sContenido += "<div id='portalSocios6' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Informaci&oacute;n Especial</div>";
								
				oDivSub.innerHTML = sContenido;
			}
			
			break;
	}		
}

Barra.muestraSubmenu = function(iCual) {
	//antes de mostrar el submenu oculta los submenus
	Barra.ocultaSubSubmenus();
	
	var oDiv = document.createElement("div");
	oDiv.style.position = "absolute";
	oDiv.style.width = "188px";
	oDiv.style.backgroundColor = "#D8DCE1";
	
	oDiv.id = "subsubmenu"
	
	var sContenido = "";
	var sEstilo =    "style='line-height: 21px;" +  
			 "background-color: #D8DCE1;" +  
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "text-indent: 10px'" + 
			 "onmouseover='Barra.resaltame(this);'" + 
			 "onmouseout='Barra.desresaltame(this);'";
	
	//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
	if(navigator.userAgent.indexOf("MSIE 6") > 0) 
		oDiv.style.marginLeft = "10px";
	
	switch(iCual)
	{
		case 0:
			oDiv.style.left = "703px";
			oDiv.style.top = "223px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "2px";
			sContenido += "<div id='telefonos00' onclick='osEnterprise();'       onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape Enterprise</div>";
			sContenido += "<div id='telefonos01' onclick='osVoiceLink();'        onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape VoiceLink</div>";
			sContenido += "<div id='telefonos00' onclick='osEnterpriseHosted();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape Enterprise Hosted</div>";
			sContenido += "<div id='telefonos01' onclick='osComAssistant();'     onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape ComAssistant</div>";				
			break;
		case 1:
			oDiv.style.left = "703px";
			oDiv.style.top = "244px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "2px";
			sContenido += "<div id='telefonos00' onclick='osXpressions();'        onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OS Xpressions</div>";
			sContenido += "<div id='telefonos01' onclick='osXpressionsCompact();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OS Xpressions Compact</div>";				
			break;
		case 2:
			oDiv.style.left = "703px";
			oDiv.style.top = "264px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "5px";
			sContenido += "<div id='telefonos00' onclick='openStageSIPphones()' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenStage SIP Phones</div>";
			sContenido += "<div id='telefonos01' onclick='optipoint150s();'     onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 150 S</div>";
			sContenido += "<div id='telefonos01' onclick='optipoint410_420();'  onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 410/420</div>";				
			break;
		case 3:
			oDiv.style.left = "703px";
			oDiv.style.top = "285px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "5px";
			sContenido += "<div id='telefonos00' onclick='optipoint410();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 410</div>";
			sContenido += "<div id='telefonos01' onclick='optipoint420();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 420</div>";				
			break;
		case 4:
			oDiv.style.left = "703px";
			oDiv.style.top = "306px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "6px";
			sContenido += "<div id='telefonos00' onclick='optipoint500();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 500</div>";
			sContenido += "<div id='telefonos01' onclick='openStageTDM();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenStage TDM Phones</div>";				
			break;
		case 5:
			oDiv.style.left = "703px";
			oDiv.style.top = "327px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "7px";
			sContenido += "<div id='telefonos00' onclick='wlanPhones();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">WLAN Phones</div>";
			sContenido += "<div id='telefonos01' onclick='gigaset();'    onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Gigaset</div>";				
			break;
	}
	
	document.body.appendChild(oDiv);
	oDiv.innerHTML = sContenido;
}

Barra.ocultaMenus = function() {
	elimina("menu0");
	elimina("menu1");
	elimina("menu2");
	elimina("menu3");
	Barra.ocultaSubmenus();	
}

Barra.ocultaSubmenus = function() {
	elimina("submenu");
	Barra.ocultaSubSubmenus();
}

Barra.ocultaSubSubmenus = function() {
	elimina("subsubmenu");	
}

Barra.resaltame = function(oDiv) {
	Barra.ocultaSubmenus();
	oDiv.style.cursor = 'pointer';
	oDiv.style.fontWeight = 'bolder';
	oDiv.style.backgroundColor = '#333';
	oDiv.style.color = '#FFF';
	if(oDiv.style.backgroundImage == "url(./imagenes/flecha.png)")
		oDiv.style.backgroundImage = "url(./imagenes/flecha2.png)";
}

Barra.soloResaltame = function(oDiv) {
	oDiv.style.cursor = 'pointer';
	oDiv.style.fontWeight = 'bolder';
	oDiv.style.backgroundColor = '#333';
	oDiv.style.color = '#FFF';
}

Barra.desresaltame = function(oDiv) {
	oDiv.style.cursor = 'default';
	oDiv.style.fontWeight = 'normal';
	oDiv.style.backgroundColor = '#D8DCE1';
	oDiv.style.color = '#000';
	if(oDiv.style.backgroundImage == "url(./imagenes/flecha2.png)")
		oDiv.style.backgroundImage = "url(./imagenes/flecha.png)";
}

Barra.resaltaPrincipal = function(iCual) {
	Barra.desresaltaPrincipal();
	Barra.resaltame(document.getElementById("principal" + iCual));
}

Barra.desresaltaPrincipal = function() {
	for(var i = 0; i < 4; i++) {
		Barra.desresaltame(document.getElementById("principal" + i));	
	}
}

Barra.subresaltame = function(oDiv) {
	//se puede simplificar factorizando codigo de resaltame
	oDiv.style.cursor = 'pointer';
	oDiv.style.fontWeight = 'bolder';
	oDiv.style.backgroundColor = '#333';
	oDiv.style.color = '#FFF';
	if(oDiv.style.backgroundImage == "url(./imagenes/flecha.png)")
		oDiv.style.backgroundImage = "url(./imagenes/flecha2.png)";	
}

/*
	=============================================================
	Fin del Codigo Barra de navegacion
	=============================================================
*/


var Barra = new Object();
Barra.muestrate = function() {	
	//arreglo de opciones principales del menu
	var aOpciones = ["Inicio","Portafolio","Servicios y Soluciones","Socios de Negocios"];
	
	//crea los elementos principales del menu
	for(var i = 0; i < aOpciones.length; i++)
	{
		var oDiv = document.createElement("div");	
		oDiv.appendChild(document.createTextNode(aOpciones[i]));
		oDiv.style.position = "absolute";
		oDiv.style.top = "129px";
		oDiv.style.width = "129px";
		oDiv.style.height = "30px";
		oDiv.style.fontFamily = "Arial, Helvetica, sans-serif";
		oDiv.style.fontSize = "12px";
		oDiv.style.textAlign = "center";
		oDiv.style.backgroundColor = "#D8DCE1";		
		oDiv.style.lineHeight = "30px";

		//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
		if(navigator.userAgent.indexOf("MSIE 6") > 0) 
			oDiv.style.marginLeft = "10px";
		
		oDiv.id = "principal" + i;
		
		//agrega los menus con sus manejadores de enventos
		switch(i)
		{
			//INICIO
			case 0:
				oDiv.style.left = "163px";
				oDiv.onmouseover = function() { 
					Barra.resaltaPrincipal(0);
					Barra.ocultaMenus();
				};
				oDiv.onclick = function() {
					inicio();
					setTimeout("Barra.muestraMenu(0);",100)
				}
				break;

			//PORTAFOLIO
			case 1:
				oDiv.style.left = "293px";
				oDiv.onmouseover = function() { 
					Barra.resaltaPrincipal(1);
					Barra.ocultaMenus();
				};
				oDiv.onclick = function() {
					portafolio();
					setTimeout("Barra.muestraMenu(1);",100)
				}
				break;
			
			//SERVICIOS Y SOLUCIONES
			case 2:
				oDiv.style.left = "423px";
				oDiv.onmouseover = function() { 
					Barra.resaltaPrincipal(2);
					Barra.ocultaMenus();
				};
				oDiv.onclick = function() {
					serviciosSoluciones();	
					setTimeout("Barra.muestraMenu(2);",100)
				}
				break;
			
			//SOCIOS DE NEGOCIOS
			case 3: 
				oDiv.style.left = "553px";
				oDiv.style.width = "130px";
				oDiv.onmouseover = function() { 
					Barra.resaltaPrincipal(3);
					Barra.ocultaMenus();
				};
				oDiv.onclick = function() {
					sociosNegocios();
					setTimeout("Barra.muestraMenu(3);",100)
				}
				break;
		}
		document.body.appendChild(oDiv);
	}
}

//Muestra los menus cuando se hace clic en uno de los menus principales
Barra.muestraMenu = function(iCual) {
	//antes de mostrar el menu oculta los demas
	Barra.ocultaMenus();
	
	var oDiv = document.createElement("div");
	oDiv.style.position = "absolute";
	oDiv.style.top = "160px";
	oDiv.style.width = "220px";
	oDiv.style.backgroundColor = "#D8DCE1";
	
	//agrega los id's menu1, menu2, menu3, menu4
	oDiv.id = "menu" + (iCual);
	
	var sContenido = "";
	
	//estilo para cualquier item de un menu
	var sEstilo =    "style='line-height: 21px;" +  
			 "background-color: #D8DCE1;" +  
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "text-indent: 10px'" + 
			 "onmouseover='Barra.resaltame(this);'" + 
			 "onmouseout='Barra.desresaltame(this);'";
			 
	//estilo para items con submenus
	var sEstilo2 =   "style='line-height: 21px;" +  
			 "background-image: url(./imagenes/flecha.png);" +
			 "background-position: 0px -4px;" +
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "text-indent: 10px'" +
			 "onmouseover='Barra.resaltame(this);'" + 
			 "onmouseout='Barra.desresaltame(this);'";
			 
	var sEstilo3 =   "style='line-height: 21px;" +  
			 "background-image: url(./imagenes/flecha.png);" +
			 "background-position: -32px -4px;" +
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "text-indent: 10px'" +
			 "onmouseover='Barra.resaltame(this);'" + 
			 "onmouseout='Barra.desresaltame(this);'";
	
	//estilo para items que estan inactivos
	var sEstilo4 =   "style='line-height: 21px;" +  
			 "background-color: #D8DCE1;" +  
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "color: #999;" + 
			 "text-indent: 10px'";
	
	
	//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
	if(navigator.userAgent.indexOf("MSIE 6") > 0) 
		oDiv.style.marginLeft = "10px";
	
	//determina cual menu se va a mostrar
	switch(iCual)
	{
		case 0:
			sContenido += "<div id='inicio0' " + sEstilo2 + "  onclick='openCommunications();'>OpenCommunications</div>";
			sContenido += "<div id='inicio1' " + sEstilo + "   onclick='beneficios();'>Beneficios</div>";
			sContenido += "<div id='inicio2' " + sEstilo2 + "  onclick='contacto();'>Contacto</div>";
			
			oDiv.innerHTML = sContenido;
			oDiv.style.left = "163px";
			document.body.appendChild(oDiv);
			
			//agrega el submenu de OPEN COMMUNICATIONS
			var oDivOpcion0 = document.getElementById("inicio0");
			oDivOpcion0.onmouseover = function() {
				Barra.resaltame(oDivOpcion0);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "160px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "384px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				//elementos del submenu OPEN COMMUNICATIONS
				sContenido += "<div id='openCommunications0' onclick='lifeworks();'       onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Lifeworks</div>";
				sContenido += "<div id='openCommunications1' onclick='sietePrincipios();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">7 Principios</div>";
				sContenido += "<div id='openCommunications2' onclick='openPath();'        onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenPath</div>";				
				
				oDivSub.innerHTML = sContenido;
			}
				
			//agrega el submenu de CONTACTO
			var oDivOpcion1 = document.getElementById("inicio2");
			oDivOpcion1.onmouseover = function() {
				Barra.resaltame(oDivOpcion1);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "202px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0)
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "2px";
				}
				
				oDivSub.style.left = "384px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				//elementos del submenu CONTACTO
				sContenido += "<div id='contacto0' onclick='ubicacionContacto();'     onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Ubicaci&oacute;n y Contacto</div>";
				sContenido += "<div id='contacto1'" + sEstilo4 + ">Nuestros Socios</div>";
				sContenido += "<div id='contacto2' onclick='recursosHumanos();'       onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Recursos Humanos</div>";				
				
				oDivSub.innerHTML = sContenido;
			}
			break;
		case 1:
			sContenido += "<div id='hipath0' " + sEstilo2 + " onclick='paraPyme();'>Para la Pyme</div>";
			sContenido += "<div id='hipath1' " + sEstilo2 + " onclick='paraGobierno();'>Para Gobierno y Corporativo</div>";
			sContenido += "<div id='hipath2' " + sEstilo2 + " onclick='movilidad();'>Movilidad</div>";
			sContenido += "<div id='hipath3' " + sEstilo2 + " onclick='comunicacionesUnificadas();'>Comunicaciones Unificadas</div>";
			sContenido += "<div id='hipath4' " + sEstilo2 + " onclick='seguridadProcesos();'>Seguridad y Procesos</div>";
			sContenido += "<div id='hipath5' " + sEstilo2 + " onclick='telefonos();'>Tel&eacute;fonos</div>";
			
			oDiv.innerHTML = sContenido;

			oDiv.style.left = "293px";
			document.body.appendChild(oDiv);
			
			//agrega el submenu de PARA LA PYME
			var oDivOpcion0 = document.getElementById("hipath0");
			oDivOpcion0.onmouseover = function() {
				Barra.resaltame(oDivOpcion0);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "160px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='paraPyme0' onclick='hipath1100();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 1100</div>";
				sContenido += "<div id='paraPyme1' onclick='hipath2000();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 2000</div>";
				sContenido += "<div id='paraPyme2' onclick='hipath3000();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 3000</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de GOBIERNO Y CORPORATIVO
			var oDivOpcion1 = document.getElementById("hipath1");
			oDivOpcion1.onmouseover = function() {
				Barra.resaltame(oDivOpcion1);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "181px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0)
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "1px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='paraGob0' onclick='hipath30002();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 3000</div>";
				sContenido += "<div id='paraGob1' onclick='hipath4000();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 4000</div>";
				sContenido += "<div id='paraGob2' onclick='hipath8000();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath 8000</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de MOVILIDAD
			var oDivOpcion2 = document.getElementById("hipath2");
			oDivOpcion2.onmouseover = function() {
				Barra.resaltame(oDivOpcion2);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "202px";  
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "1px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='movilidad0' onclick='hipathWireless();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath Wireless</div>";
				sContenido += "<div id='movilidad1' onclick='hipathMobileConect();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath MobileConect</div>";
				sContenido += "<div id='movilidad2' onclick='hipathCordless();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath Cordless</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de COMUNICACIONES UNIFICADAS
			var oDivOpcion3 = document.getElementById("hipath3");
			oDivOpcion3.onmouseover = function() {
				Barra.resaltame(oDivOpcion3);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "223px";  
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "2px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='comunicacionesUnificadas0' onclick='osVideo();' 			onmouseover='Barra.subresaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape Video</div>";
				sContenido += "<div id='comunicacionesUnificadas1' onclick='osEnterprise();' 		onmouseover='Barra.subresaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape Enterprise</div>";
				sContenido += "<div id='comunicacionesUnificadas2' onclick='osEnterpriseHosted();' 	onmouseover='Barra.subresaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape Enterprise Hosted</div>";
				sContenido += "<div id='comunicacionesUnificadas3' onclick='osVoiceLink();' 		onmouseover='Barra.subresaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape VoiceLink</div>";
				sContenido += "<div id='comunicacionesUnificadas4' onclick='osXpressions();' 		onmouseover='Barra.subresaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape Xpressions</div>";
				sContenido += "<div id='comunicacionesUnificadas5' onclick='osXpressionsCompact();' onmouseover='Barra.subresaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OS Xpressions Compact</div>";
				sContenido += "<div id='comunicacionesUnificadas6' onclick='osComAssistant();' 		onmouseover='Barra.subresaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape ComAssistant</div>";
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de SEGURIDAD Y PROCESOS
			var oDivOpcion4 = document.getElementById("hipath4");
			oDivOpcion4.onmouseover = function() {
				Barra.resaltame(oDivOpcion4);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "244px";  
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "4px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='seguridadProcesos0' onclick='networkSystem();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Network &amp; System</div>";
				sContenido += "<div id='seguridadProcesos1' onclick='accessManagement();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Identity & Access Management</div>";
				sContenido += "<div id='seguridadProcesos2' onclick='hiPathProCenter();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath ProCenter</div>";
				sContenido += "<div id='seguridadProcesos3' onclick='hiPathFieldForceMobility();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath Field Force Mobility</div>";
				sContenido += "<div id='seguridadProcesos4' onclick='commandControlCenter();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Command Control Center</div>";
				sContenido += "<div id='seguridadProcesos5' onclick='hiPathDAKS();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">HiPath DAKS</div>";

				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de TELEFONOS
			var oDivOpcion5 = document.getElementById("hipath5");
			oDivOpcion5.onmouseover = function() {
				Barra.resaltame(oDivOpcion5);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "264px";  
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "5px";
				}
				
				oDivSub.style.left = "514px";
				oDivSub.style.width = "188px";
				oDivSub.style.backgroundColor = "#FFF";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='telefonos0' onclick='sipEscritorio();'      onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(2);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Tel&eacute;fonos SIP de escritorio</div>";
				sContenido += "<div id='telefonos1' onclick='telefonosIP();'        onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(3);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Tel&eacute;fonos IP</div>";
				sContenido += "<div id='telefonos2' onclick='telefonosDigitales();' onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(4);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Tel&eacute;fonos Digitales</div>";
				sContenido += "<div id='telefonos3' onclick='telefonosMoviles();'   onmouseover='Barra.subresaltame(this); Barra.muestraSubmenu(5);' ommouseout='Barra.desresaltame(this);' " + sEstilo3 + ">Tel&eacute;fonos M&oacute;viles</div>";

				oDivSub.innerHTML = sContenido;
			}
			
			break;
		case 2:
			sContenido += "<div id='servicios0' " + sEstilo2 + " onclick='serviciosAdministrados();'> Servicios Administrados</div>";
			sContenido += "<div id='servicios1' " + sEstilo2 + " onclick='soluciones();'>Soluciones para Sectores</div>";

			oDiv.innerHTML = sContenido;
			oDiv.style.left = "423px";
			document.body.appendChild(oDiv);
						
			//agrega el submenu de SERVICIOS ADMINISTRADOS
			var oDivOpcion0 = document.getElementById("servicios0");
			oDivOpcion0.onmouseover = function() {
				Barra.resaltame(oDivOpcion0);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "160px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "644px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='serviciosAdministrados0' onclick='bms();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">BMS (para la PyME)</div>";
				sContenido += "<div id='serviciosAdministrados0' onclick='cms();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">CMS (Gobierno y Corporativo)</div>";
				sContenido += "<div id='serviciosAdministrados0' onclick='ventajasSA();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Ventajas de SA</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el submenu de PARA GOBIERNO Y COORPORATIVOS
			var oDivOpcion1 = document.getElementById("servicios1");
			oDivOpcion1.onmouseover = function() {
				Barra.resaltame(oDivOpcion1);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "181px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "644px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='soluciones0' onclick='medico();' 	 	onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">M&eacute;dico</div>";
				sContenido += "<div id='soluciones1' onclick='hoteleria();' 	 	onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Hoteler&iacute;a</div>";
				sContenido += "<div id='soluciones2' onclick='financierosSeguros();'   	onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Financieros y Seguros</div>";
				sContenido += "<div id='soluciones3' onclick='farmaceutica();'  	onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Industria Farmac&eacute;utica</div>";
				sContenido += "<div id='soluciones4' onclick='automotriz();' 		onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Automotriz</div>";
				sContenido += "<div id='soluciones5' onclick='aeropuertos();'		onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Aeropuertos</div>";
				sContenido += "<div id='soluciones6' onclick='centrosComerciales();' 	onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Centros Comerciales</div>";
				sContenido += "<div id='soluciones7' onclick='serviciosPublicos();'  	onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Servicios P&uacute;blicos</div>";
				sContenido += "<div id='soluciones8' onclick='gobierno();'       	onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Gobierno</div>";
				sContenido += "<div id='soluciones9' onclick='retail();'         	onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Retail</div>";
				
				oDivSub.innerHTML = sContenido;
			}			
			break;
		case 3:
			sContenido += "<div id='socios0' " + sEstilo4 + ">Go Forward!</div>";
			sContenido += "<div id='socios1' " + sEstilo4 + ">Socios de Tecnolog&iacute;a</div>";
			sContenido += "<div id='socios2' onclick='capacitacionCertificacion();'" + sEstilo + ">Capacitaci&oacute;n &amp; Certificaci&oacute;n</div>";
			sContenido += "<div id='socios3' onclick='seba();'" + sEstilo + ">Portal de Socios</div>";
			
			oDiv.innerHTML = sContenido;

			oDiv.style.left = "553px";
			document.body.appendChild(oDiv);
			
			/* ESTE CONTENIDO SE COMENTO PARA DESHABILITAR LOS MENUS
			
			//agrega el submenu de GO FORWARD
			var oDivOpcion0 = document.getElementById("socios0");
			oDivOpcion0.onmouseover = function() {
				Barra.resaltame(oDivOpcion0);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "160px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "774px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='goForward0' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Requerimientos</div>";
				sContenido += "<div id='goForward1' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Costos &amp; Beneficios</div>";
				sContenido += "<div id='goForward2' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Capacitaci&oacute;n &amp; Certificaci&oacute;n</div>";
				sContenido += "<div id='goForward3' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Informaci&oacute;n &amp; Aplicaci&oacute;n</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			
			//agrega el submenu de SOCIOS DE TECNOLOGIA
			var oDivOpcion1 = document.getElementById("socios1");
			oDivOpcion1.onmouseover = function() {
				Barra.resaltame(oDivOpcion1);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "181px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0) 
					oDivSub.style.marginLeft = "10px";
				
				oDivSub.style.left = "774px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='sociosTecnologia0' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Niveles de Socios</div>";
				sContenido += "<div id='sociosTecnologia1' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Segmentos de Tecnolog&iacute;a</div>";
				sContenido += "<div id='sociosTecnologia2' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Informaci&oacute;n &amp; Aplicaci&oacute;n</div>";
				
				oDivSub.innerHTML = sContenido;
			}
			
			//agrega el menu de PORTAL DE SOCIOS
			var oDivOpcion2 = document.getElementById("socios3");
			oDivOpcion2.onmouseover = function() {
				Barra.resaltame(oDivOpcion2);
				var oDivSub = document.createElement("div");
				oDivSub.style.position = "absolute";
				oDivSub.style.top = "223px";
				
				//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
				if(navigator.userAgent.indexOf("MSIE 6") > 0)
				{
					oDivSub.style.marginLeft = "10px";
					oDivSub.style.marginTop = "2px";	
				}
				
				oDivSub.style.left = "774px";
				oDivSub.style.width = "188px";
				oDivSub.id = "submenu";
				document.body.appendChild(oDivSub);
				
				var sContenido = ""
				sContenido += "<div id='portalSocios0' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Newsletter</div>";
				sContenido += "<div id='portalSocios1' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Noticias</div>";
				sContenido += "<div id='portalSocios2' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Herramientas</div>";
				sContenido += "<div id='portalSocios3' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Referencias</div>";
				sContenido += "<div id='portalSocios4' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Capacitaci&oacute;n &amp; Certificaci&oacute;n</div>";
				sContenido += "<div id='portalSocios5' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Descargas</div>";
				sContenido += "<div id='portalSocios6' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Informaci&oacute;n Especial</div>";
								
				oDivSub.innerHTML = sContenido;
			}
			*/
			break;
	}		
}

Barra.muestraSubmenu = function(iCual) {
	//antes de mostrar el submenu oculta los submenus
	Barra.ocultaSubSubmenus();
	
	var oDiv = document.createElement("div");
	oDiv.style.position = "absolute";
	oDiv.style.width = "188px";
	oDiv.style.backgroundColor = "#D8DCE1";
	
	oDiv.id = "subsubmenu"
	
	var sContenido = "";
	var sEstilo =    "style='line-height: 21px;" +  
			 "background-color: #D8DCE1;" +  
			 "height: 20px;" + 
			 "font-family: arial;" + 
			 "font-size: 12px;" + 
			 "border-bottom: 1px solid gray;" + 
			 "text-indent: 10px'" + 
			 "onmouseover='Barra.resaltame(this);'" + 
			 "onmouseout='Barra.desresaltame(this);'";
	
	//-----------------------------------------------------------------------------SOLO PARA INTERNET EXPLORER 6
	if(navigator.userAgent.indexOf("MSIE 6") > 0) 
		oDiv.style.marginLeft = "10px";
	
	switch(iCual)
	{
		case 0:
			oDiv.style.left = "703px";
			oDiv.style.top = "223px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "2px";
			sContenido += "<div  onclick='osEnterprise();'       onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape Enterprise</div>";
			sContenido += "<div  onclick='osVoiceLink();'        onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape VoiceLink</div>";
			sContenido += "<div  onclick='osEnterpriseHosted();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape Enterprise Hosted</div>";
			sContenido += "<div  onclick='osComAssistant();'     onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenScape ComAssistant</div>";				
			break;
		case 1:
			oDiv.style.left = "703px";
			oDiv.style.top = "244px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "2px";
			sContenido += "<div  onclick='osXpressions();'        onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OS Xpressions</div>";
			sContenido += "<div  onclick='osXpressionsCompact();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OS Xpressions Compact</div>";				
			break;
		case 2:
			oDiv.style.left = "703px";
			oDiv.style.top = "264px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "5px";
			sContenido += "<div  onclick='openStageSIPphones()' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenStage SIP Phones</div>";
			sContenido += "<div  onclick='optipoint150s();'     onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 150 S</div>";
			sContenido += "<div  onclick='optipoint410_420();'  onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 410/420</div>";				
			break;
		case 3:
			oDiv.style.left = "703px";
			oDiv.style.top = "285px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "5px";
			sContenido += "<div  onclick='optipoint410();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 410</div>";
			sContenido += "<div  onclick='optipoint420();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 420</div>";				
			break;
		case 4:
			oDiv.style.left = "703px";
			oDiv.style.top = "306px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "6px";
			sContenido += "<div  onclick='optipoint500();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OptiPoint 500</div>";
			sContenido += "<div  onclick='openStageTDM();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">OpenStage TDM Phones</div>";				
			break;
		case 5:
			oDiv.style.left = "703px";
			oDiv.style.top = "327px";
			if(navigator.userAgent.indexOf("MSIE 6") > 0) 
				oDiv.style.marginTop = "7px";
			sContenido += "<div  onclick='wlanPhones();' onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">WLAN Phones</div>";
			sContenido += "<div  onclick='gigaset();'    onmouseover='Barra.soloResaltame(this);' ommouseout='Barra.desresaltame(this);' " + sEstilo + ">Gigaset</div>";				
			break;
	}
	
	document.body.appendChild(oDiv);
	oDiv.innerHTML = sContenido;
}

Barra.ocultaMenus = function() {
	elimina("menu0");
	elimina("menu1");
	elimina("menu2");
	elimina("menu3");
	Barra.ocultaSubmenus();	
}

Barra.ocultaSubmenus = function() {
	elimina("submenu");
	Barra.ocultaSubSubmenus();
}

Barra.ocultaSubSubmenus = function() {
	elimina("subsubmenu");	
}

Barra.resaltame = function(oDiv) {
	Barra.ocultaSubmenus();
	oDiv.style.cursor = 'pointer';
	oDiv.style.fontWeight = 'bolder';
	oDiv.style.backgroundColor = '#333';
	oDiv.style.color = '#FFF';
	if(oDiv.style.backgroundImage == "url(./imagenes/flecha.png)")
		oDiv.style.backgroundImage = "url(./imagenes/flecha2.png)";
}

Barra.soloResaltame = function(oDiv) {
	oDiv.style.cursor = 'pointer';
	oDiv.style.fontWeight = 'bolder';
	oDiv.style.backgroundColor = '#333';
	oDiv.style.color = '#FFF';
}

Barra.desresaltame = function(oDiv) {
	oDiv.style.cursor = 'default';
	oDiv.style.fontWeight = 'normal';
	oDiv.style.backgroundColor = '#D8DCE1';
	oDiv.style.color = '#000';
	if(oDiv.style.backgroundImage == "url(./imagenes/flecha2.png)")
		oDiv.style.backgroundImage = "url(./imagenes/flecha.png)";
}

Barra.resaltaPrincipal = function(iCual) {
	Barra.desresaltaPrincipal();
	Barra.resaltame(document.getElementById("principal" + iCual));
}

Barra.desresaltaPrincipal = function() {
	for(var i = 0; i < 4; i++) {
		Barra.desresaltame(document.getElementById("principal" + i));	
	}
}

Barra.subresaltame = function(oDiv) {
	//se puede simplificar factorizando codigo de resaltame
	oDiv.style.cursor = 'pointer';
	oDiv.style.fontWeight = 'bolder';
	oDiv.style.backgroundColor = '#333';
	oDiv.style.color = '#FFF';
	if(oDiv.style.backgroundImage == "url(./imagenes/flecha.png)")
		oDiv.style.backgroundImage = "url(./imagenes/flecha2.png)";	
}

/*
	=============================================================
	Fin del Codigo Barra de navegacion
	=============================================================
*/