//var fondoMenuSuperior1 = "#002A57";
//var fondoSobreMenuSuperior1 = "#8094AB";
var fondoMenuSuperior1 = "#1E4F93";
var fondoSobreMenuSuperior1 = "#8EA7C9";
var fondoMenuSuperior2 = "#70698C";
var fondoSobreMenuSuperior2 = "#B7B4C5";
var fondoMenuSuperior3 = "#808080";
var fondoSobreMenuSuperior3 = "#BFBFBF";

var quienesSomos = "quiénes somos";
var calidadMicrodeco = "la calidad en microdeco";

document.write('<table width="775" height="80" border="0" cellpadding="0" cellspacing="0" background="../../../img/superior/fondoCabecera.gif" style="background-repeat: no-repeat;" align="center">');
document.write('	<tr height="74">');
document.write('		<td colspan="5"><a href="../Inicio/home.htm"><img id="logoMicrodeco" src="../../../img/superior/logoCabecera.gif" border="0" alt="Página Principal"></a></td>');
document.write('		<td colspan="7">&nbsp;</td>');
document.write('	</tr>');
document.write('	<tr align="center" height="6">');
document.write('		<td></td>');
//document.write('		<td id="sup1"></td>');
//document.write('		<td></td>');
//document.write('		<td></td>');
document.write('		<td id="sup1"></td>');
document.write('		<td></td>');
document.write('		<td></td>');
document.write('		<td id="sup2"></td>');
document.write('		<td></td>');
document.write('		<td></td>');
document.write('		<td id="sup3"></td>');
document.write('		<td></td>');
document.write('	</tr>');
document.write('	<tr align="center" height="20">');
//document.write('		<td width="10" bgcolor="' + fondoMenuSuperior1 + '">&nbsp;</td>');
//document.write('		<td width="174" onmouseover=javascript:changeMenuSuperior(this,fondoSobreMenuSuperior1,1,"sobreSuperior",1); onmouseout=javascript:changeMenuSuperior(this,fondoMenuSuperior1,1,"superior",0); align="center" bgcolor="' + fondoMenuSuperior1 + '"><a id="centro1" href="../MenuSuperior/mapaWeb.htm" class="superior">mapa web</a></td>');
//document.write('		<td width="10" bgcolor="' + fondoMenuSuperior1 + '">&nbsp;</td>');
document.write('		<td width="10" bgcolor="' + fondoMenuSuperior1 + '">&nbsp;</td>');
document.write('		<td width="238" onmouseover=javascript:changeMenuSuperior(this,fondoSobreMenuSuperior1,1,"sobreSuperior",1); onmouseout=javascript:changeMenuSuperior(this,fondoMenuSuperior1,1,"superior",0); align="center" bgcolor="' + fondoMenuSuperior1 + '"><a id="centro1" href="../MenuSuperior/quienesSomos.htm" class="superior">' + quienesSomos + '</a></td>');
document.write('		<td width="10" bgcolor="' + fondoMenuSuperior1 + '">&nbsp;</td>');
document.write('		<td width="10" bgcolor="' + fondoMenuSuperior2 + '">&nbsp;</td>');
document.write('		<td width="238" onmouseover=javascript:changeMenuSuperior(this,fondoSobreMenuSuperior2,2,"sobreSuperior",2); onmouseout=javascript:changeMenuSuperior(this,fondoMenuSuperior2,2,"superior",0); align="center" bgcolor="' + fondoMenuSuperior2 + '"><a id="centro2" href="../MenuSuperior/calidadMicrodeco.htm" class="superior">' + calidadMicrodeco + '</a></td>');
document.write('		<td width="10" bgcolor="' + fondoMenuSuperior2 + '">&nbsp;</td>');
document.write('		<td width="10" bgcolor="' + fondoMenuSuperior3 + '">&nbsp;</td>');
document.write('		<td width="238" align="center" bgcolor="' + fondoMenuSuperior3 + '">');
document.write('			<table border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('				<tr>');
document.write('					<td align="right" width="30%"><a id="centro3" href="#" class="superior" onclick="showLanguages();"><img src="../../../img/superior/trianguloDePosicion.gif" border="0"></a></td>');
document.write('					<td align="center" width="40%"><a id="centro3" href="#" class="superior" onclick="showLanguages();">&nbsp;&nbsp;&nbsp;español&nbsp;&nbsp;&nbsp;</a></td>');
document.write('					<td align="left" width="30%"><a id="centro3" href="#" class="superior" onclick="showLanguages();"><img src="../../../img/superior/banderaEsp.gif" border="0"></a></td>');
document.write('				</tr>');
document.write('			</table>');
document.write('		</td>');
document.write('		<td width="9" bgcolor="' + fondoMenuSuperior3 + '">&nbsp;</td>');
document.write('	</tr>');
document.write('	<tr align="center" height="6">');
//document.write('		<td></td>');
//document.write('		<td id="inf1"></td>');
//document.write('		<td></td>');
document.write('		<td></td>');
document.write('		<td id="inf1"></td>');
document.write('		<td></td>');
document.write('		<td></td>');
document.write('		<td id="inf2"></td>');
document.write('		<td></td>');
document.write('		<td></td>');
document.write('		<td id="inf3"></td>');
document.write('		<td></td>');
document.write('	</tr>');
document.write('</table>');

var derecha = getRight();

function getRight(){
	var derechaInicial = 527;
	
	if(document.body.clientWidth > 775){
		derechaInicial = (document.body.clientWidth -775)/2 + derechaInicial;
	}
	return derechaInicial;
}

window.onresize = onResize;

function onResize(){
	document.getElementById('desplegableIdiomas').style.left = getRight();
}

document.write('<div id="desplegableIdiomas" class="submenu" style="left:' + derecha + '; width: 238; height: 112; top: 74; z-index: 1;" onmouseover="showLanguages();" onmouseout="hideLanguages();">');
document.write('	<table cellpadding="0" cellspacing="0" width="238" border="0" height="112">');
document.write('		<tr height="6">');
document.write('			<td id="supIdioma" align="center"><img src="../../../img/superior/bordeSuperior.gif" width="100%" height="6"/></td>');
document.write('		</tr>');
document.write('		<tr bgcolor="' + fondoSobreMenuSuperior3 + '" height="20">');
document.write('			<td align="center" width="100%" onmouseover="mouseOverLanguage(1);">');
document.write('				<table border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('					<tr id="idioma1" height="20">');
document.write('						<td align="right" width="30%">&nbsp;</td>');
document.write('						<td align="center" width="40%"><a href="#" class="superior" onclick="changeLanguage(1);">&nbsp;&nbsp;&nbsp;español&nbsp;&nbsp;&nbsp;</a></td>');
document.write('						<td align="left" width="30%"><a href="#" class="superior" onclick="changeLanguage(1);"><img src="../../../img/superior/banderaEsp.gif" border="0"></a></td>');
document.write('					</tr>');
document.write('				</table>');
document.write('			</td>');
document.write('		</tr>');
document.write('		<tr bgcolor="' + fondoSobreMenuSuperior3 + '" height="20">');
document.write('			<td align="center" width="100%" onmouseover="mouseOverLanguage(2);">');
document.write('				<table border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('					<tr id="idioma2" height="20">');
document.write('						<td align="right" width="30%">&nbsp;</td>');
document.write('						<td align="center" width="40%"><a href="../../../Eus/Comun/Inicio/home.htm" class="superior" onclick="changeLanguage(2);">&nbsp;&nbsp;&nbsp;euskera&nbsp;&nbsp;&nbsp;</a></td>');
document.write('						<td align="left" width="30%"><a href="../../../Eus/Comun/Inicio/home.htm" class="superior" onclick="changeLanguage(2);"><img src="../../../img/superior/banderaEus.gif" border="0"></a></td>');
document.write('					</tr>');
document.write('				</table>');
document.write('			</td>');
document.write('		</tr>');
document.write('		<tr bgcolor="' + fondoSobreMenuSuperior3 + '" height="20">');
document.write('			<td align="center" width="100%" onmouseover="mouseOverLanguage(3);">');
document.write('				<table border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('					<tr id="idioma3" height="20">');
document.write('						<td align="right" width="30%">&nbsp;</td>');
document.write('						<td align="center" width="40%"><a href="../../../Fra/Comun/Inicio/home.htm" class="superior" onclick="changeLanguage(3);">&nbsp;&nbsp;&nbsp;français&nbsp;&nbsp;&nbsp;</a></td>');
document.write('						<td align="left" width="30%"><a href="../../../Fra/Comun/Inicio/home.htm" class="superior" onclick="changeLanguage(3);"><img src="../../../img/superior/banderaFra.gif" border="0"></a></td>');
document.write('					</tr>');
document.write('				</table>');
document.write('			</td>');
document.write('		</tr>');
document.write('		<tr bgcolor="' + fondoSobreMenuSuperior3 + '" height="20">');
document.write('			<td align="center" width="100%" onmouseover="mouseOverLanguage(4);">');
document.write('				<table border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('					<tr id="idioma4" height="20">');
document.write('						<td align="right" width="30%">&nbsp;</td>');
document.write('						<td align="center" width="40%"><a href="../../../Eng/Comun/Inicio/home.htm" class="superior" onclick="changeLanguage(4);">&nbsp;&nbsp;&nbsp;english&nbsp;&nbsp;&nbsp;</a></td>');
document.write('						<td align="left" width="30%"><a href="../../../Eng/Comun/Inicio/home.htm" class="superior" onclick="changeLanguage(4);"><img src="../../../img/superior/banderaEng.gif" border="0"></a></td>');
document.write('					</tr>');
document.write('				</table>');
document.write('			</td>');
document.write('		</tr>');
document.write('		<tr bgcolor="' + fondoSobreMenuSuperior3 + '" height="20">');
document.write('			<td align="center" width="100%" onmouseover="mouseOverLanguage(5);">');
document.write('				<table border="0" cellpadding="0" cellspacing="0" width="100%">');
document.write('					<tr id="idioma5" height="20">');
document.write('						<td align="right" width="30%">&nbsp;</td>');
document.write('						<td align="center" width="40%"><a href="../../../Deu/Comun/Inicio/home.htm" class="superior" onclick="changeLanguage(5);">&nbsp;&nbsp;&nbsp;deutsch&nbsp;&nbsp;&nbsp;</a></td>');
document.write('						<td align="left" width="30%"><a href="../../../Deu/Comun/Inicio/home.htm" class="superior" onclick="changeLanguage(5);"><img src="../../../img/superior/banderaDeu.gif" border="0"></a></td>');
document.write('					</tr>');
document.write('				</table>');
document.write('			</td>');
document.write('		</tr>');
document.write('		<tr height="6">');
document.write('			<td id="infIdioma" align="center"><img src="../../../img/superior/bordeInferior.gif" width="100%" height="6"/></td>');
document.write('		</tr>');
document.write('	</table>');
document.write('</div>');

function changeLanguage(numero){
	hideLanguages();
}

function mouseOverLanguage(numero){
	for (i=1;i<6;i++){
		if (i == numero){
			eval("idioma" + i + ".bgColor='" + fondoMenuSuperior3 + "'");
		}
		else
		{
			eval("idioma" + i + ".bgColor='" + fondoSobreMenuSuperior3 + "'");
		}
	}
}

function showLanguages(){
	desplegableIdiomas.style.visibility = "visible";
}

function hideLanguages(){
	desplegableIdiomas.style.visibility = "hidden";
}

/* PARAMETROS:	  element, elemento desde el que llamamos a la imagen (this)
		  colorFondo, color de fondo al que queremos que cambie el td
		  enlace, id de la etiqueta <a> cuya clase va a cambiar
		  clase, pasamos el nombre de la clase de la etiqueta <a> que va a cambiar
		  	de la clase inicial basta con definir el a.clase
		  	y de la que se muestra al pasar por encima hay que definir
		  		a.clase2
		  		a.clase2:hover 
		  alrededor, tiene valores 0 si no se muestra nada o el numero que corresponde al td en el que se va a escribir la imagen
   FUNCIONALIDAD: al pasar por encima o quitarse del menu superior cambia el estilo 
*/
function changeMenuSuperior(element,colorFondo,enlace,clase,alrededor){
	element.bgColor	= colorFondo;
	document.getElementById('centro' + enlace).className = clase;
	if(alrededor != 0){
		document.getElementById('sup' + enlace).innerHTML = '<img src="../../../img/superior/bordeSuperior.gif" width="100%" height="6"/>';
		document.getElementById('inf' + enlace).innerHTML = '<img src="../../../img/superior/bordeInferior.gif" width="100%" height="6"/>';
	}
	else{
		document.getElementById('sup' + enlace).innerHTML = '';
		document.getElementById('inf' + enlace).innerHTML = '';	
	}
}