/* ************************** */
/* Detalles de Inicialización */
/* ************************** */
   iluminada1 = new Image(133,15)
   iluminada1.src = 'images/clinicag.gif'
   apagada1 = new Image(133,15)
   apagada1.src = 'images/clinicab.gif'
   
   iluminada2 = new Image(133,15)
   iluminada2.src = 'images/emedicog.gif'
   apagada2 = new Image(133,15)
   apagada2.src = 'images/emedicob.gif'
   
   iluminada3 = new Image(133,15)
   iluminada3.src = 'images/filosofiag.gif'
   apagada3 = new Image(133,15)
   apagada3.src = 'images/filosofiab.gif'
   
   iluminada4 = new Image(133,15)
   iluminada4.src = 'images/noticiasg.gif'
   apagada4 = new Image(133,15)
   apagada4.src = 'images/noticiasb.gif'
   
   iluminada5 = new Image(133,15)
   iluminada5.src = 'images/consultanosg.gif'
   apagada5 = new Image(133,15)
   apagada5.src = 'images/consultanosb.gif'
   
   iluminada6 = new Image(133,15)
   iluminada6.src = 'images/localizaciong.gif'
   apagada6 = new Image(133,15)
   apagada6.src = 'images/localizacionb.gif'
   
   iluminada7 = new Image(133,15)
   iluminada7.src = 'images/oralmaxilofacialg.gif'
   apagada7 = new Image(133,15)
   apagada7.src = 'images/oralmaxilofacialb.gif'

   iluminada8 = new Image(133,15)
   iluminada8.src = 'images/cirugiaesteticag.gif'
   apagada8 = new Image(133,15)
   apagada8.src = 'images/cirugiaesteticab.gif'
   
   iluminada9 = new Image(133,15)
   iluminada9.src = 'images/implantologiag.gif'
   apagada9 = new Image(133,15)
   apagada9.src = 'images/implantologiab.gif'
   
   iluminada10 = new Image(133,15)
   iluminada10.src = 'images/laserg.gif'
   apagada10 = new Image(133,15)
   apagada10.src = 'images/laserb.gif'
   
   iluminada11 = new Image(133,15)
   iluminada11.src = 'images/dermatologiag.gif'
   apagada11 = new Image(133,15)
   apagada11.src = 'images/dermatologiab.gif'
   
   iluminada12 = new Image(133,15)
   iluminada12.src = 'images/medicinaesteticag.gif'
   apagada12 = new Image(133,15)
   apagada12.src = 'images/medicinaesteticab.gif'
   
   iluminada13 = new Image(133,15)
   iluminada13.src = 'images/antienvejecimientog.gif'
   apagada13 = new Image(133,15)
   apagada13.src = 'images/antienvejecimientob.gif'
   
   iluminada14 = new Image(133,15)
   iluminada14.src = 'images/instalacionesg.gif'
   apagada14 = new Image(133,15)
   apagada14.src = 'images/instalacionesb.gif'
   
   iluminada15 = new Image(133,15)
   iluminada15.src = 'images/noticiasg.gif'
   apagada15 = new Image(133,15)
   apagada15.src = 'images/noticiasb.gif'
   
   iluminada16 = new Image(133,15)
   iluminada16.src = 'images/formaciong.gif'
   apagada16 = new Image(133,15)
   apagada16.src = 'images/formacionb.gif'
   
   iluminada17 = new Image(133,15)
   iluminada17.src = 'images/trabajag.gif'
   apagada17 = new Image(133,15)
   apagada17.src = 'images/trabajab.gif'
   
   iluminada18 = new Image(133,15)
   iluminada18.src = 'images/pidecitag.gif'
   apagada18 = new Image(133,15)
   apagada18.src = 'images/pidecitab.gif'

   iluminada19 = new Image(133,15)
   iluminada19.src = 'images/icatg.gif'
   apagada19 = new Image(133,15)
   apagada19.src = 'images/icatb.gif'
   
   
// escribimos los estilos para el Netscape 4
//var CSS=""
//if (document.layers) {
//	CSS="<link rel='stylesheet' type='text/css' href='css/estilos_ns4.css'>"
//} else {
//	CSS="<link rel='stylesheet' type='text/css' href='css/estilos.css'>"
//}
//document.write(CSS)

// creamos una instancia del objeto CollapseMenu. El ultimo argumento representa
// el color de fondo del menu (p.ej. '#ffaa66'), si es transparente (null) se produce un lapso 
// entre el despliegue y la visualizacion de la capa de subopciones
collapse = new CollapseMenu(30,190,135,5,'collapseMenu',null);	
collapse.openStyle = 'glide';
collapse.build();
writeCSS(collapse.css);

// para recoger el estado en que estamos 
function getArgs() {
	var args = new Object();
	var query = location.search.substring(1);	  // quitamos el ? a la cadena
	var pairs = query.split("&");                 // troceamos la cadena por los &

	for (var i=0; i < pairs.length; i++) {
		var pos = pairs[i].indexOf('='); 	      // Busca nombre=valor
		if (pos == -1) continue;
		var argName  = pairs[i].substring(0,pos); // el nombre
		var argValue = pairs[i].substring(pos+1); // el valor
		args [argName] = unescape(argValue);      // lo guarda como propiedad
	}

	return args;
}

var queryValues = getArgs();
var estado = queryValues.e - 0;

// funcion que se ejecuta una vez se ha cargado la pagina
function init() {
	collapse.activate()
//	if (is.ns4) document.height = collapse.lyr.y + collapse.h
	if (estado>=0 && estado<=menu.length) {
		abrirOpcion(estado)
	}else{
		//capturamos el error
	}
}

/* ****************************************** */
/* Cargamos las opciones del menu en un ARRAY */
/* ****************************************** */

// escribimos el 1er nivel de navegacion
menu = new Array();
	menu[0] = "<img src='images/quienes-somos.gif' border='0'>";
	menu[1] = "<img src='images/especialidades.gif' border='0'>";
	menu[2] = "<img src='images/instalaciones.gif' border='0'>";
	menu[3] = "<img src='images/areaprofesional.gif' border='0'>";
	menu[4] = "<img src='images/pidecitamenu.gif' border='0'>";

// datos del 2o nivel de navegacion [texto, uri]
subMenu = new Array();
	subMenu[0] = new Array();
		subMenu[0][0] = ["<img src='images/clinicab.gif' border='0' name='imagen3'>","/quienes/laclinica.php' onmouseover=\"window.document['imagen3'].src =iluminada1.src\" onmouseout=\"window.document['imagen3'].src = apagada1.src\" "];
		subMenu[0][1] = ["<img src='images/emedicob.gif' border='0' name='imagen4'>","/quienes/equipomedico.php' onmouseover=\"window.document['imagen4'].src =iluminada2.src\" onmouseout=\"window.document['imagen4'].src = apagada2.src\" "];
		subMenu[0][2] = ["<img src='images/filosofiab.gif' border='0' name='imagen5'","/quienes/filosofia.php' onmouseover=\"window.document['imagen5'].src =iluminada3.src\" onmouseout=\"window.document['imagen5'].src = apagada3.src\""];
		subMenu[0][3] = ["<img src='images/noticiasb.gif' border='0' name='imagen6'","/quienes/areanoticias.php' onmouseover=\"window.document['imagen6'].src =iluminada4.src\" onmouseout=\"window.document['imagen6'].src = apagada4.src\""];
		subMenu[0][4] = ["<img src='images/consultanosb.gif' border='0' name='imagen7'","/contacto.php' onmouseover=\"window.document['imagen7'].src =iluminada5.src\" onmouseout=\"window.document['imagen7'].src = apagada5.src\""];
		subMenu[0][5] = ["<img src='images/localizacionb.gif' border='0' name='imagen8'","/quienes/localizacion.php' onmouseover=\"window.document['imagen8'].src =iluminada6.src\" onmouseout=\"window.document['imagen8'].src = apagada6.src\""];

	subMenu[1] = new Array();
		subMenu[1][0] = ["<img src='images/oralmaxilofacialb.gif' border='0' name='imagen9'>","/oralmaxilofacial/oralmaxilofacial.php' onmouseover=\"window.document['imagen9'].src =iluminada7.src\" onmouseout=\"window.document['imagen9'].src = apagada7.src\""];
		subMenu[1][1] = ["<img src='images/cirugiaesteticab.gif' border='0' name='imagen10'>","/cirugiaestetica/cirugiaestetica.php' onmouseover=\"window.document['imagen10'].src =iluminada8.src\" onmouseout=\"window.document['imagen10'].src = apagada8.src\""];
		subMenu[1][2] = ["<img src='images/implantologiab.gif' border='0' name='imagen11'>","/implantologia/implantologia.php' onmouseover=\"window.document['imagen11'].src =iluminada9.src\" onmouseout=\"window.document['imagen11'].src = apagada9.src\""];
		subMenu[1][3] = ["<img src='images/laserb.gif' border='0' name='imagen12'>","/laser/laser.php ' onmouseover=\"window.document['imagen12'].src =iluminada10.src\" onmouseout=\"window.document['imagen12'].src = apagada10.src\""];
		subMenu[1][4] = ["<img src='images/dermatologiab.gif' border='0' name='imagen13'>","/dermatologia/dermatologia.php' onmouseover=\"window.document['imagen13'].src =iluminada11.src\" onmouseout=\"window.document['imagen13'].src = apagada11.src\""];
		subMenu[1][5] = ["<img src='images/medicinaesteticab.gif' border='0' name='imagen14'>","/medicinaestetica/medicinaestetica.php' onmouseover=\"window.document['imagen14'].src =iluminada12.src\" onmouseout=\"window.document['imagen14'].src = apagada12.src\""];
		subMenu[1][6] = ["<img src='images/antienvejecimientob.gif' border='0' name='imagen15'>","/medicinaantienvejecimiento/medicinaantienvejecimiento.php' onmouseover=\"window.document['imagen15'].src =iluminada13.src\" onmouseout=\"window.document['imagen15'].src = apagada13.src\""];
		subMenu[1][7] = ["<img src='images/icatb.gif' border='0' name='imagen21'>","/icat/icat.php' onmouseover=\"window.document['imagen21'].src =iluminada19.src\" onmouseout=\"window.document['imagen21'].src = apagada19.src\""];
   
	subMenu[2] = new Array();
		subMenu[2][0] = ["<img src='images/instalacionesb.gif' border='0' name='imagen16'>","/instalaciones.php' onmouseover=\"window.document['imagen16'].src =iluminada14.src\" onmouseout=\"window.document['imagen16'].src = apagada14.src\""];
		
	subMenu[3] = new Array();
		subMenu[3][0] = ["<img src='images/noticiasb.gif' border='0' name='imagen17'>","/areaprofesional/areanoticias.php' onmouseover=\"window.document['imagen17'].src =iluminada15.src\" onmouseout=\"window.document['imagen17'].src = apagada15.src\""];
        subMenu[3][1] = ["<img src='images/formacionb.gif' border='0' name='imagen18'>","/areaprofesional/formacion.php' onmouseover=\"window.document['imagen18'].src =iluminada16.src\" onmouseout=\"window.document['imagen18'].src = apagada16.src\""];
		subMenu[3][2] = ["<img src='images/trabajab.gif' border='0' name='imagen19'>","/areaprofesional/trabaja.php' onmouseover=\"window.document['imagen19'].src =iluminada17.src\" onmouseout=\"window.document['imagen19'].src = apagada17.src\""];
		
	subMenu[4] = new Array();
		subMenu[4][0] = ["<img src='images/pidecitab.gif' border='0' name='imagen20'>","/pidecita.php' onmouseover=\"window.document['imagen20'].src =iluminada18.src\" onmouseout=\"window.document['imagen20'].src = apagada18.src\""];
		
function escribirSubMenu(num){
	var stSubopcion = "";
	if (subMenu[num]==null){
		stSubopcion += "<!-- -->";
	}else{
		for (j=0 ; j<subMenu[num].length; j++){
			stSubopcion += "<table border='0' cellpadding='0' cellspacing='1'><tr><td width='140'><table border='0' cellpadding='0' cellspacing='0'><tr><td width='135'><a href='" + subMenu[num][j][1] + "' class='gris' target='principal' >" + subMenu[num][j][0] + "</a></td></tr></table></td></tr></table>";
		}
	}
	document.write(stSubopcion)
}

function escribirMenu(){
	for (i=0 ; i<menu.length; i++){
		stOpcion  = "";
		stOpcion += "<div id='collapseMenuBlock" +i+ "'>";
		stOpcion += "<div id='collapseMenuBlock" +i+ "Item'>";
	   	stOpcion += "<table border='0' cellpadding='0' cellspacing='1'><tr><td width='140'><div id='menu'><table border='0' cellpadding='0' cellspacing='1'><tr><td width='135'><a class='blanco' href='javascript:abrirOpcion(" +i+ ")'>" + menu[i] + "</a></td></tr></table></div></td></tr></table>";
		stOpcion += "</div>";
		stOpcion += "<div id='collapseMenuBlock" +i+ "Content' >";
		document.write(stOpcion); 
		escribirSubMenu(i);
		stOpcion  = "";
		stOpcion += "	</div>";
		document.write(stOpcion); 
	}
}  

// Modificacion de estas librerías para que collapseMenu 
// funcione correctamente en Netscape 6.
// Autor: Juan Antonio Jimenez
// Fecha: 2001 06 08

// En NS6 parace ser que no se puede consultar la propiedad Height sino la has inicializado. 
// ie y ns4 no la inicializan. Escriben en la capa y luego la consultan. En ns6 no se puede
// hacer eso, asi que hay que inicializar los valores en algún momento. Y estos son:

// El 1er vector contiene la altura en px de los títulos de la seccion. Es logico, por tanto, 
// que ocupen todos lo mismo. El 2o vector se refiere a la altura de los bloques de la segunda
// navegación. Por eso miden diferentes. Los valores tomados aquí son los que devuelve el ie
// con un alert.

alturaItem = new Array()
	alturaItem[0] = 15;
	alturaItem[1] = 15;
	alturaItem[2] = 15;
	alturaItem[3] = 15;
	alturaItem[4] = 15;

alturaContent = new Array()
	alturaContent[0] = 102;
	alturaContent[1] = 119;
	alturaContent[2] = 18;
	alturaContent[3] = 57;
	alturaContent[4] = 18;    
   
function abrir_ventana(contenido,titulo,ancho,alto)
{var izq = (screen.width - ancho) /2;
 var arriba = (screen.height - alto)/2;
 ventana = open(contenido,titulo,'width='+ancho+',height='+alto+',left='+izq+',top='+arriba+',resizable=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1"');
}