// JavaScript Document

// Especial para la pagina principal porque tiene 5 contenedores

function resaltar1()
{
	document.getElementById('imagen1').style.border="2px solid #000000";
	document.getElementById('contenedor1').style.opacity=1;
	document.getElementById('contenedor2').style.opacity=0.7;
	document.getElementById('contenedor3').style.opacity=0.7;
	document.getElementById('contenedor4').style.opacity=0.7;
	document.getElementById('contenedor5').style.opacity=0.7;
	
	// Para IE
	document.getElementById('contenedor1').style.filter="alpha(opacity=100)";
	document.getElementById('contenedor2').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor3').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor4').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor5').style.filter="alpha(opacity=70)";
}

function resaltar2()
{
	document.getElementById('imagen2').style.border="2px solid #000000";
	document.getElementById('contenedor1').style.opacity=0.7;
	document.getElementById('contenedor2').style.opacity=1;
	document.getElementById('contenedor3').style.opacity=0.7;
	document.getElementById('contenedor4').style.opacity=0.7;
	document.getElementById('contenedor5').style.opacity=0.7;
	
	// Para IE
	document.getElementById('contenedor1').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor2').style.filter="alpha(opacity=100)";
	document.getElementById('contenedor3').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor4').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor5').style.filter="alpha(opacity=70)";
	
}

function resaltar3()
{
	document.getElementById('imagen3').style.border="2px solid #000000";
	document.getElementById('contenedor1').style.opacity=0.7;
	document.getElementById('contenedor2').style.opacity=0.7;
	document.getElementById('contenedor3').style.opacity=1;
	document.getElementById('contenedor4').style.opacity=0.7;
	document.getElementById('contenedor5').style.opacity=0.7;
	
	// Para IE
	document.getElementById('contenedor1').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor2').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor3').style.filter="alpha(opacity=100)";
	document.getElementById('contenedor4').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor5').style.filter="alpha(opacity=70)";
	
}

function resaltar4()
{
	document.getElementById('imagen4').style.border="2px solid #000000";
	document.getElementById('contenedor1').style.opacity=0.7;
	document.getElementById('contenedor2').style.opacity=0.7;
	document.getElementById('contenedor3').style.opacity=0.7;
	document.getElementById('contenedor4').style.opacity=1;
	document.getElementById('contenedor5').style.opacity=0.7;
	
	// Para IE
	document.getElementById('contenedor1').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor2').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor3').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor4').style.filter="alpha(opacity=100)";
	document.getElementById('contenedor5').style.filter="alpha(opacity=70)";
}

function resaltar5()
{
	document.getElementById('imagen5').style.border="2px solid #000000";
	document.getElementById('contenedor1').style.opacity=0.7;
	document.getElementById('contenedor2').style.opacity=0.7;
	document.getElementById('contenedor3').style.opacity=0.7;
	document.getElementById('contenedor4').style.opacity=0.7;
	document.getElementById('contenedor5').style.opacity=1;
	
	// Para IE
	document.getElementById('contenedor1').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor2').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor3').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor4').style.filter="alpha(opacity=70)";
	document.getElementById('contenedor5').style.filter="alpha(opacity=100)";
}


function quitarOpacidad()
{
	document.getElementById('contenedor1').style.opacity=1;
	document.getElementById('contenedor2').style.opacity=1;
	document.getElementById('contenedor3').style.opacity=1;
	document.getElementById('contenedor4').style.opacity=1;
	document.getElementById('contenedor5').style.opacity=1;
	
	document.getElementById('imagen1').style.border="none";
	document.getElementById('imagen2').style.border="none";
	document.getElementById('imagen3').style.border="none";
	document.getElementById('imagen4').style.border="none";
	document.getElementById('imagen5').style.border="none";
	
	// Para IE
	document.getElementById('contenedor1').style.filter="alpha(opacity=100)";
	document.getElementById('contenedor2').style.filter="alpha(opacity=100)";
	document.getElementById('contenedor3').style.filter="alpha(opacity=100)";
	document.getElementById('contenedor4').style.filter="alpha(opacity=100)";
	document.getElementById('contenedor5').style.filter="alpha(opacity=100)";

}