var homeURL = "http://www.esmas.com/movil/";
var hmURL = "http://www.esmas.com/telehit";
var niURL = "http://www.esmas.com/ninos";
var cmURL = "http://www.esmascompras.com.mx";

function writeNavhorCanal4 (){

	nav = new Array
	(
	//titulo,URL
	"Contacto","#"
	);
	
var output = "";
output += ' <style type="text/css">';
output += ' 	A { color:FFFFFF;text-decoration:none;}';												          /*lll*/
output += ' 	A:hover { color:FFFFFF;text-decoration:none;}';
output += '    .tlhit_texto_nota {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: normal; text-decoration: none}';
output += '    .tlhit_titulo_nota {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #666666; text-decoration: none}';
output += '    .tlhit_textosubnavegacion:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #00CCFF}';
output += '    .tlhit_navsec {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none}';
output += '    .tlhit_tit_seccion {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none}';
output += '    .tlhit_nav_princ {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none}';
output += '    .tlhit_nav_princlay {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none}';
output += '    .tlhit_balazo {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none}';
output += '    .tlhit_tit_nota_homenot {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #46461e; text-decoration: none}';
output += '    .tlhit_tx_nota_homenot {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none}';
output += '	   .secciones {font-size: 10px;color: #333333;text-align: center;font-weight: bold;}';
output += '	   .secciones A {color: #333333;text-decoration: none;}';
output += '	   .secciones A:hover {color: #ffffff;text-decoration: none;}';
output += '</style>';
output += '      <table width="194" border="0" cellspacing="0" cellpadding="0" align="center">';
output += '        <tr>';
output += '			<td class="secciones" width="96"><a href="javascript:openEsmasTv(\'6814\',\'79\')">Promociones</a></td>';
output += ' 		<td><img src="http://i.esmas.com/img/univ/canal4/2006/separador.gif" width="1" height="32"></td>';
var seleccionado = "";
var seleccionado1 = "";
var strMenu = "";
var url = document.location.href;
var existeUrl = 0;
var k = 1;
var celdas = [97,''];

for(i=0;i<nav.length;i++){
	strMenu = 'onMouseOver="subir(' + k + ')" onMouseOut="bajar(' + k + ')"';
	navAlt = nav[i+1] + "/";	
	if ( (!(url != nav[i+1])) || (!(url != navAlt)) ) {
		seleccionado = "<font color=\"#333333\">";
		seleccionado1 = "</font>";
		strMenu = "";
	}
	else {
		existeURL = url.indexOf(nav[i+1]);
		if ((existeURL != -1)&&(nav[i+1] != hmURL)&&(nav[i+1] != hmURL + "/")) {	
			seleccionado = "<font color=\"#333333\">";
			seleccionado1 = "</font>";
			strMenu = "";	
		}
	}	
	output += '		 	<td width="'+ celdas[i] + '" align="center" class="secciones"><a href="' + nav[i+1] + '" ' + strMenu + '>' + seleccionado + nav[i] + seleccionado1 + '</a></td>';
	seleccionado = "";
	seleccionado1 = "";
	i++
	k ++;
}
output += '  		</tr>';
output += '  	</table>';

document.write(output);
}
//Comienza construcción headers dinámicos
cuantosSubMenus = 1;

//Configurar los menus uno por uno en el array
arMenu1 = new Array(
"880","138","1",		//left, top
"mailto:sugerencias4tv@televisa.com.mx","Sugerencias", //url, texto
"mailto:comercializacion4tv@televisa.com.mx","Comercializaci&oacute;n",
"mailto:programacion4tv@televisa.com.mx","Programaci&oacute;n",
"mailto:direcciongeneral4tv@televisa.com.mx","Direcci&oacute;n General"
)
//Determino el browser
var ie=(document.all)
var ns=(document.layers)
var ns6=(document.getElementById&&!document.all)
var imagen = "";	

//Genero los divs para los submenus
for (a=1; a<cuantosSubMenus+1; a++)
{
	//Saco el objeto del array que me interesa
	contenidoMenu=eval("arMenu"+a);
	d=0;
		
	//Genero el contenido del submenu
	c='<table border="0" cellpadding="0" cellspacing="1" width="97" bgcolor="#333333" align="left">';
	for(b=3;b<contenidoMenu.length;b++){
		c+='<tr><td align="left" bgcolor="#64A700" height="17" width="120" onMouseOut="mOut2(this,\'#64A700\');" onMouseOver="mOvr2(this,\'#64A700\');" onClick="mClk2(this);"><a href="'+contenidoMenu[b]+'" class="secciones">&nbsp;'+contenidoMenu[b+1]+'</a></td></tr>';
		b++;																																																	
		d=1;
	}
	c+='</table>';
	
	//Escribimos el contenido de los submenus
	if (ie||ns6){
		if (d==1)	//Checamos si hay contenido del submenu
			document.write('<div id="menu_ie'+a+'" style="position:absolute;left='+contenidoMenu[0]+'px;top:'+contenidoMenu[1]+'px;visibility:hidden" onMouseOver="entroAlLayer()" onMouseOut="salioDelLayer()">'+c+'</div>');
		else
			document.write('<div id="menu_ie'+a+'" style="position:absolute;left=1px;top:1px;visibility:hidden" onMouseOver="entroAlLayer()" onMouseOut="salioDelLayer()">'+''+'</div>');
	}
	if(ns){
		if (d==1)	//Checamos si hay contenido del submenu
			document.write('<layer left="'+contenidoMenu[0]+'" top="'+contenidoMenu[1]+'" visibility="hide" onMouseOver="entroAlLayer()" onMouseOut="salioDelLayer()" id="menu_ns'+a+'">'+c+'</layer>');
		else
			document.write('<layer left="1" top="1" visibility="hide" onMouseOver="entroAlLayer()" onMouseOut="salioDelLayer()" id="menu_ns'+a+'">'+''+'</layer>');
	}
}		

//Iniciamos variables
estaSobreSubMenu = 0;
menuArriba = 1;
timeID1 = setTimeout("bajarSubMenus()", 1);
timeID2 = setTimeout("bajarSubMenus()", 1);

function entroAlLayer(){
	estaSobreSubMenu = 1;
	clearTimeout(timeID1);
	clearTimeout(timeID2);
}

function salioDelLayer(){
	estaSobreSubMenu = 0;
	timeID1 = setTimeout("bajarSubMenus()", 100);
}

function bajarSubMenus(rollover){
	//Bajar todos los submenus
	for (a=1;a<cuantosSubMenus+1;a++)
	{
		if (ie){
			menu = eval('document.all.menu_ie'+a);
			menu.style.visibility='hidden';
		}
		if(ns){
			menu = eval('document.menu_ns'+a);
			menu.visibility='hide';
		}
		if (ns6){
			menu = eval(document.getElementById('menu_ie'+a));
			menu.style.visibility='hidden';
		}
	}
}

function subir(queMenu){
	clearTimeout(timeID2);
	bajarSubMenus();	//Quito los submenus que esten visibles
	
	//Hago visible el submenu que me piden	
	if (ie){
		menu = eval('document.all.menu_ie'+queMenu);
		menu.style.visibility='visible';
	}
	if(ns){
		menu = eval('document.menu_ns'+queMenu);
		menu.visibility='show';
	}
	if(ns6){
		menu = eval(document.getElementById('menu_ie'+queMenu));
		contenidoMenu=eval("arMenu"+queMenu);
		menu.style.left=contenidoMenu[0];
		menu.style.visibility="visible";
	}
}

function bajar(queMenu){
	timeID2 = setTimeout("bajarSubMenus()", 100);
	menuArriba = queMenu;
}

function mOvr2(src,clrOver) {
if (!src.contains(event.fromElement)) {
		src.style.cursor = 'hand';
		src.bgColor = clrOver;
		src.children.tags('A')[0].style.color = "#FFFFFF";
		
	}
}

function mOut2(src,clrIn) {
if (!src.contains(event.toElement)) {
		src.style.cursor = 'default';
		src.bgColor = clrIn;
		src.children.tags('A')[0].style.color = "#333333";		
	}
}

function mClk2(src)
{
	src.children.tags('A')[0].click();
}