function Browser() {
	var ua, s, i;
	this.isIE    = false;  
	this.isNS    = false;  
	this.version = null;
	
	ua = navigator.userAgent;
	
	s = "MSIE";
	if ((i = ua.indexOf(s)) >= 0) {
		this.isIE = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}
	
	s = "Netscape6/";
	if ((i = ua.indexOf(s)) >= 0) {
		this.isNS = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}
	
	// Treat any other "Gecko" browser as NS 6.1.
	
	s = "Gecko";
	if ((i = ua.indexOf(s)) >= 0) {
		this.isNS = true;
		this.version = 6.1;
		return;
	}
}

var browser = new Browser();

var menuActivo=null;

function mostrarMenu(event, menuId){
	var boton;
	
	if (browser.isIE)
		boton = window.event.srcElement;
	else
		boton = event.currentTarget;

	if(boton==menuActivo)
		return false;
	
	boton.menu = document.getElementById(menuId);
	if(boton.menu!=null)
		boton.className += " botonMenuActivo";

	if(menuActivo!=null)
		reseteaMenu(menuActivo);
		
	if(boton.menu!=null){
		boton.menu.style.visibility = "visible";
		menuActivo=boton;
	}
	else
		menuActivo=null;
}

function reseteaMenu(boton) {
	remueveClase(boton, "botonMenuActivo");
	boton.menu.style.visibility = "hidden";
}

function remueveClase(elemento, nombre) {
	var i, curList, newList;
	if (elemento.className == null)
		return;
	newList = new Array();
	curList = elemento.className.split(" ");
	for (i = 0; i < curList.length; i++)
		if (curList[i] != nombre)
			newList.push(curList[i]);
	elemento.className = newList.join(" ");
}

function creaMenu(){
	//Barra de Men�s
	document.write("<div class=\"barraMenu\">");
	document.write("<a class=\"botonMenu\" href=\"index.php\" onmouseover=\"mostrarMenu(event, 'mInicio');\">Inicio</a>");
	document.write("<a class=\"botonMenu\" href=\"\" onclick=\"return false;\" onmouseover=\"mostrarMenu(event, 'mNosotros');\">Nosotros</a>");
	document.write("<a class=\"botonMenu\" href=\"\" onclick=\"return false;\" onmouseover=\"mostrarMenu(event, 'mServicios');\">Servicios</a>");
	document.write("<a class=\"botonMenu\" href=\"eventos.php\" onmouseover=\"mostrarMenu(event, 'mEventos');\">Eventos</a>");
	document.write("<a class=\"botonMenu\" href=\"contactenos.php\" onmouseover=\"mostrarMenu(event, 'mContact');\">Contactenos</a>");
	document.write("<a class=\"botonMenu\" href=\"http://correo.clubelbosque.com.co\" onmouseover=\"mostrarMenu(event, 'mContact');\">Correo</a></div>");
	

	//Menus
	//Men� Nosotros
	document.write("<div id='mNosotros' class=\"menu\">");
	document.write("<a class=\"menuItem\" href=\"nosotros.php?texto=1\">Rese&ntilde;a Hist&oacute;rica</a>");
	document.write("<a class=\"menuItem\" href=\"nosotros.php?texto=2\">Misi&oacute;n</a>");
	document.write("<a class=\"menuItem\" href=\"nosotros.php?texto=3\">Visi&oacute;n</a>");
	document.write("<a class=\"menuItem\" href=\"nosotros.php?texto=4\">Junta Directiva</a>");
	document.write("<a class=\"menuItem\" href=\"nosotros.php?texto=5\">Galer&iacute;a</a></div>");
	
	// Men� Servicios
	document.write("<div id='mServicios' class=\"menu\">");
	document.write("<a class=\"menuItem\" href=\"servicios.php?texto=1\">Recreaci&oacute;n y Deportes</a>");
	document.write("<a class=\"menuItem\" href=\"servicios.php?texto=2\">Zonas H&uacute;medas</a>");
	document.write("<a class=\"menuItem\" href=\"servicios.php?texto=3\">Restaurante</a>");
	document.write("<a class=\"menuItem\" href=\"servicios.php?texto=4\">Alojamiento</a>");
	document.write("<a class=\"menuItem\" href=\"servicios.php?texto=5\">Programaci&oacute;n de Eventos</a>");
	document.write("<a class=\"menuItem\" href=\"servicios.php?texto=6\">Otros</a></div>");
}