// JavaScript Document

var arreglo_1 =  new Array ();
arreglo_1.push("../es/tratamiento_acne.htm");//0
arreglo_1.push("../es/botox.htm");//1
arreglo_1.push("../es/botox2.htm");//2
arreglo_1.push("../es/carboxiterapia_confort.htm");//3
arreglo_1.push("../es/depilacion_permanente_ipl.htm");//4
arreglo_1.push("../es/escleroterapia.htm");//5
arreglo_1.push("../es/fotobioestimulacion.htm");//6
arreglo_1.push("../es/fotorejuvenecimiento.htm");//7
arreglo_1.push("../es/microdermoabrasion.htm");//8
arreglo_1.push("../es/radiofrecuencia.htm");//9
arreglo_1.push("../es/rejuvenecimiento_facial.htm");//10
arreglo_1.push("../es/rejuvenecimiento.htm");//11
arreglo_1.push("../es/rellenos_dermicos.htm");//12
arreglo_1.push("../es/terapia_booster_corporal.htm");//13
arreglo_1.push("../es/terapia_fotodinamica.htm");//14


var arreglo_2 =  new Array ();
arreglo_2.push("../es/acne.htm");
arreglo_2.push("../es/lineas_finas.htm");
arreglo_2.push("../es/lineas_profundas.htm");
arreglo_2.push("../es/manchas_de_edad.htm");
arreglo_2.push("../es/melasma.htm");
arreglo_2.push("../es/rosacea.htm");
arreglo_2.push("../es/hiperhidrosis.htm");
arreglo_2.push("../es/flacidez.htm");
arreglo_2.push("../es/hiperplasia_sebacea.htm");

var arreglo_3 =  new Array ();
arreglo_3.push("../es/papiloma.htm");



var menu = Class.create({
  initialize: function(id) {
    this.id = id;
  },
  inicializacion: function() {
    var arreglo_hijos=$(this.id).childNodes;
	var n=0;
	
	for(var i = 0 ; i < arreglo_hijos.length ; i++)
	{
		var actual=arreglo_hijos[i];
		if(actual.nodeName=="UL")
		{
			agregar_eventos(actual.id);
		}
		
		if(actual.className=="encabezado_sub_menu")
		{
			actual.posicion = n;
			actual.onclick = this.activar_menu;
			n++;
		}
	}
	
  },
  activar_menu: function(){
	  
    var arreglo_hijos=$(this.parentNode.id).childNodes;
	var n=0;
	var menu_seleccionado;
	
	for(var i = 0 ; i < arreglo_hijos.length ; i++)
	{
		var actual=arreglo_hijos[i];
		var index_encabezado;
		var index_encabezado_temp;

		if(actual.nodeName=="UL")
		{
			if(n==this.posicion)
			{
				if(actual.clientHeight==2)
					actual.style.height="auto";
				else
					actual.style.height="2px";
				break;
			}
				
			n++;
		}
	}
	
	var index_encabezado;
	var index_encabezado_temp;
	n=0;
	
	for(var i = 0 ; i < arreglo_hijos.length ; i++)
	{
		var actual=arreglo_hijos[i];
		

		if(actual.className != null && actual.className.startsWith("encabezado")==true)
		{

			if(n==this.posicion)
			{
				if(actual.className == "encabezado_sub_menu_seleccionado")
					actual.className = "encabezado_sub_menu";
				else
					actual.className = "encabezado_sub_menu_seleccionado";
			}
			n++;
		}
	}
  },
  seleccionar_item: function(padre,lista,n_item)
  {
	  	var arre_hi = $(padre).childNodes;
		var n = 0;
		var m = 0;
		for(var i= 0 ; i < arre_hi.length ; i++)
		{
			if(arre_hi[i].nodeName == "UL")
			{
				if(n == lista)
				{
					var arre_hi_2 = arre_hi[i].childNodes;
					
					for(var j = 0 ; j < arre_hi_2.length ; j++)
					{
						if(arre_hi_2[j].nodeName == "LI")
						{
							if(m==n_item)
							{
								arre_hi_2[j].style.backgroundImage  = "url(../images/fondo_menu_2.gif)";
								arre_hi_2[j].style.color = "#ffffff";
								arre_hi_2[j].onmouseover = null;
								arre_hi_2[j].onmouseout = null;
								break;
							}
							m++;
						}
						
					}
					break;
				}
				n++;
			}
		}
  }
});

function agregar_eventos(id)
{
	var arreglo_hijos=$(id).descendants();
	var va=0;
	for(var i = 0 ; i < arreglo_hijos.length ; i++)
	{
		if(arreglo_hijos[i].nodeName == "LI")
		{
			if(id=="menu_1")
				arreglo_hijos[i].onclick=function(){ document.location.href=arreglo_1[this.value];}
			if(id=="menu_2")
			{
				arreglo_hijos[i].index = va;
				va++;
				arreglo_hijos[i].onclick=function(){document.location.href=arreglo_2[this.value]+"?"+this.index;}
			}
			if(id=="menu_3")
				arreglo_hijos[i].onclick=function(){ document.location.href=arreglo_3[this.value];}
			arreglo_hijos[i].onmouseover = function ()
			{
				if(this.parentNode.clientHeight != 2)
				{
					this.style.backgroundImage  = "url(../images/fondo_menu_2.gif)";
					this.style.color = "#ffffff";
				}
			}
			arreglo_hijos[i].onmouseout = function ()
			{
				this.style.backgroundImage  = "url(../images/fondo_menu.gif)";
				this.style.color = "#9AA388";
			}
		}
	}
}