/*
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
- menuPagina, elemento que se encuentra seleccionado en la página. Se envia únicamente en el onload de la pagina.

FUNCIONALIDAD: Al pasar por encima o quitarse de encima de un elemento del NIVEL 1, como cambia el estilo
*/
function changeMenuIzquierda1(element,colorFondo,enlace,clase,alrededor,menuPagina){
	var menuActual;
	if (menuPagina)
	{
		menuActual = menuPagina;
		claseActual = clase;
	}
	if (menuActual == element)
	{
		document.getElementById('menu' + enlace).className = claseActual;
		element.style.backgroundImage = "url(../../../img/izquierda/bandaNegra.gif)";
	}
	else
	{
		document.getElementById('menu' + enlace).className = clase;
		if(alrededor != 0){
			element.style.backgroundImage = "url(../../../img/izquierda/bandaNegra.gif)";
		}
		else{
			element.style.backgroundImage = "url(../../../img/izquierda/bandaBlanca.gif)";
		}
	}
}

/*
Microdeco S.A.

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
- menuPagina, elemento que se encuentra seleccionado en la página. Se envia únicamente en el onload de la pagina.

FUNCIONALIDAD: Al pasar por encima de un elemento del NIVEL 2 del menu izquierda o quitarse de encima aqui como 
cambia el estilo
*/
function changeMenuIzquierda2(element,colorFondo,enlace,clase,alrededor,menuPagina){
	if (menuPagina)
	{
		menuActual = menuPagina;
		claseActual = clase;
	}

	if (menuActual == element)
	{
		document.getElementById('subMenu' + enlace).className = claseActual;
		element.style.backgroundImage = "url(../../../img/izquierda/realceGris.gif)";
	}
	else
	{
		document.getElementById('subMenu' + enlace).className = clase;
		if(alrededor != 0){
			element.style.backgroundImage = "url(../../../img/izquierda/realceGris.gif)";
		}
		else{
			element.style.backgroundImage = "";
		}
	}
}

/* Microdeco S.A.
   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 aqui como cambia el estilo */
function changeBoton(element,colorFondo,enlace,clase,alrededor){
	element.bgColor	= colorFondo;
	document.getElementById('boton' + enlace).className = clase;
	if(alrededor != 0){
		document.getElementById('botonSup' + enlace).innerHTML = '<img src="../../../img/comun/superiorBoton.gif"/>';
		document.getElementById('botonInf' + enlace).innerHTML = '<img src="../../../img/comun/inferiorBoton.gif"/>';
	}
	else{
		document.getElementById('botonSup' + enlace).innerHTML = '<img src="../../../img/comun/vacio.gif"/>';
		document.getElementById('botonInf' + enlace).innerHTML = '<img src="../../../img/comun/vacio.gif"/>';	
	}
}

function validateLogin()
{
	if (document.form1.login.value == "bosch" && document.form1.password.value == "bosch")
	{
		window.location.href = "../Clientes/home.htm";
	}
}

var fondoLineaSuperior = "#808080";
var fondoLineaInferior = "#808080";
var fondoNivel1 = "#FFFFFF";
var fondoSobreNivel1 = "#000000";
var fondoNivel2 = "#FFFFFF";
var fondoSobreNivel2 = "#FFFFFF";
var fondoLogin = "#FFFFFF";
var fondoBoton = "#002A57";
var fondoSobreBoton = "#8094AC";

document.write('<table border="0" width="160" align="left" cellpadding="0" cellspacing="0" marginwidth="0" marginheight="0">');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel1" width="160" background="../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,1,"menuSobreIzquierda",1); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,1,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu1" class="menuIzquierda" href="../Tecnologia/mediosProduccion.htm">medios de producción</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel2" width="160" background="../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,2,"menuSobreIzquierda",1); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,2,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu2" class="menuIzquierda" href="../Tecnologia/equiposProduccion.htm">equipos de producción</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel3" width="160" background="../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,3,"menuSobreIzquierda",1); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,3,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu3" class="menuIzquierda" href="../Tecnologia/mediosControl.htm">medios de control</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel4" width="160" background="../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,4,"menuSobreIzquierda",1); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,4,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu4" class="menuIzquierda" href="../Tecnologia/piezasSimilares.htm">piezas similares</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel5" background="../../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,5,"menuSobreIzquierda",2); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,5,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu5" class="menuIzquierda" href="../ValorAnadido/valorAnadido.htm">nuestro valor añadido</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel6" background="../../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,6,"menuSobreIzquierda",3); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,6,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu6" class="menuIzquierda" href="../Referencias/clientesEstrategicos.htm">clientes estratégicos</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel7" background="../../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,7,"menuSobreIzquierda",5); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,7,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu7" class="menuIzquierda" href="../../../Esp/Comun/Advertencia/enConstruccion.htm">metodología de gestión</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel8" background="../../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,8,"menuSobreIzquierda",7); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,8,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu8" class="menuIzquierda" href="../../../Esp/Comun/ValorAnadido/rsc.htm">RSC</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel9" background="../../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,9,"menuSobreIzquierda",7); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,9,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu9" class="menuIzquierda" href="../Contacto/comoContactar.htm">cómo contactar</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr><td height="10"><img src="../../img/comun/punto.gif" width="1" height="10"></td></tr>');

document.write('<tr><td bgcolor="' + fondoLineaSuperior + '" height="1"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');
document.write('<tr height="17">');
document.write('	<td align="left" id="nivel10" background="../../../img/izquierda/bandaBlanca.gif" onmouseover=javascript:changeMenuIzquierda1(this,fondoSobreNivel1,10,"menuSobreIzquierda",7); onmouseout=javascript:changeMenuIzquierda1(this,fondoNivel1,10,"menuIzquierda",0);>');
document.write('		&nbsp;<a id="menu10" class="menuIzquierda" href="../Contacto/dondeEstamos.htm">dónde estamos</a>');
document.write('	</td>');
document.write('</tr>');
document.write('<tr><td bgcolor="' + fondoLineaInferior + '" height="2"><img src="../../../img/comun/punto.gif" width="100%" height="1"></td></tr>');


document.write('<form name="form1" action="/microdeco/login.do" method="post">');
document.write('<tr><td align="center"><table width="100%" border="0" cellpading="0" cellspacing="0">');
document.write('	<tr bgcolor="' + fondoLogin + '"><td height="3" colspan="2"><img src="../../../img/comun/punto.gif" height="2"></td></tr>');
document.write('	<tr bgcolor="' + fondoLogin + '">');
document.write('		<td align="center" colspan="2"><p aling="justify" class="tituloDecorativo">área clientes</p></td>');
document.write('	</tr>');
document.write('	<tr bgcolor="' + fondoLogin + '">');
document.write('		<td align="left" class="formu">&nbsp;usuario:</td>');
document.write('		<td align="right"><input type="text" maxlength="10" name="login" size="9">&nbsp;</td>');
document.write('	</tr>');

document.write('	<tr bgcolor="' + fondoLogin + '">');
document.write('		<td align="left" class="formu">&nbsp;contraseña:</td>');
document.write('		<td align="right"><input type="Password" maxlength="10" name="password" size="9"/>&nbsp;</td>');
document.write('	</tr>');
document.write('	<tr bgcolor="' + fondoLogin + '"><td height="5" colspan="2"></td></tr>');

document.write('	<tr bgcolor="' + fondoLogin + '">');
document.write('		<td colspan="2" align="center">');

document.write('		</td>');
document.write('	</tr>');
document.write('	<tr><td align="center" colspan="2">');
document.write('		<input type="submit" class="envio" name="Aceptar" value="entrar" onclick="JavaScript:form1.submit();">');
document.write('	</td></tr>');
document.write('	<tr bgcolor="' + fondoLogin + '"><td height="3" colspan="2"><img src="../../../img/comun/punto.gif" height="2"></td></tr>');
document.write('</table></td></tr>');
document.write('</form>');

document.write('</table>');