// JavaScript Document
function muestraMenu(id){
	// Primero ocultamos los submenus
	window.document.getElementById('submenu1').style.visibility = 'hidden';
	window.document.getElementById('submenu2').style.visibility = 'hidden';
	// Mostramos el indicado
	if (id != '') {
		// Calculamos la posicion del left
		var posx = ((document.body.clientWidth - 750) / 2) + 110;
		window.document.getElementById(id).style.left = posx + "px";
		window.document.getElementById(id).style.visibility = 'visible';
	}	
}

function cambiaColor(id){
	window.document.getElementById('op1').className = "opcion";
	window.document.getElementById('op2').className = "opcion";
	window.document.getElementById('op3').className = "opcion";
	window.document.getElementById('op4').className = "opcion";
	window.document.getElementById('op5').className = "opcion";
	window.document.getElementById('op6').className = "opcion";
	window.document.getElementById('op7').className = "opcion";

	if (id != '') {
		window.document.getElementById(id).className = "opcion on";
	}
}

function cambiaSubmenu(id) {

	var i = 1;
	
	for (i = 1; i <= 8; i++) {
		var nombre = "sub1" + i;
		window.document.getElementById(nombre).className = "sub";
		nombre = "sub2" + i;
		window.document.getElementById(nombre).className = "sub";
	}
	
	if (id != '') {
		window.document.getElementById(id).className = "sub on";
	}
}