// Tab menu
function menuHover(page) {
		var menuItem = document.getElementById(page);
		var menuItemText = document.getElementById(page + "TEXT");
		menuItem.style.cursor = "pointer";
		menuItemText.style.color = "#645F81";
	}
	<!-- 	When mouse moves out of the current menu item check to make sure the menu item is not the selected not to change the text color to #FFFFFF -->
	function menuHoverOut(page) {
		var selectedItem = document.getElementById(page);
		if (selectedItem.style.backgroundImage != "url(images/tab_up.png)") {
			var menuItemText = document.getElementById(page + "TEXT");
			menuItemText.style.color = "#000000";		
		}
	}
	<!-- When clicked check to make sure that the we havent clicked any menu items yet if we have we set the current menu field for the first time other wise we change images of the previously selected menu item the set the new current menu item in a hidden field and change text xolor and bg image -->
	function menuClick(page) {
		var menuItem = document.getElementById(page);
		var currentPage = document.getElementById("currentItem");
		
		if (currentPage.value == "" || currentPage.value == null || currentPage.value == "undefined") {
			var menuItemText = document.getElementById(page + "TEXT");
			menuItemText.style.color = "#FFCC33";
			currentPage.value = page;
			menuItem.style.backgroundImage = "url('images/tab_up.png')";
			loadmap(page);
		}
		else {
			var currentMenuItem = document.getElementById(currentPage.value);
			currentMenuItem.style.backgroundImage = "url('images/tab_down.png')";
			var currentMenuItemText = document.getElementById(currentPage.value + "TEXT");
			currentMenuItemText.style.color = "#000000";
			var menuItemText = document.getElementById(page + "TEXT");
			menuItemText.style.color = "#FFCC33";
			menuItem.style.backgroundImage = "url('images/tab_up.png')";
			currentPage.value = page;
			loadmap(page);
		}
	}
	// Google maps api stuff
	// Create marker array to use for sidebar
	var gmarkers = [];
	var m = 0;
	var allinfo = "";

	
	function loadmap(page) {
      if (GBrowserIsCompatible()) {	
	  		try {
				GDownloadUrl("data/" + page + ".txt", process_it);
			}
			catch(e) {
				alert(e.message);
			}
		}
    }
	function createMarker(point, data) {
		var marker = new GMarker(point);
		GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml(data);
		});
		return marker;
		}

	function process_it(loc) {
		var markercount = 0;
		var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(32.236036,-93.449707), 8);
		map.addControl(new GMapTypeControl());
		map.addControl(new GLargeMapControl());
		map.addControl(new GOverviewMapControl());
		var locations = loc.split("|");
		
		for (var i=0; i < locations.length; i++) {
			if (locations[i] != "undefined" || locations[i+1] != "undefined" || locations[i+2] != "undefined" || locations[i] != "" || locations[i+1] != "" || locations[i+2] != "") {
			var point = new GPoint(locations[i+1], locations[i]);
			var marker = createMarker(point,locations[i+2]);
			// this code collects all the meeting information into one object and sets the hidden iframes (buffer) innerHTML
			allinfo = loc;				
			var frame = document.getElementById("buffer");
			var oDoc = frame.contentWindow || frame.contentDocument;
			if (oDoc.document) {
        		oDoc = oDoc.document;
    		}
    		oDoc.body.innerHTML = allinfo;
			markercount++;
			gmarkers[markercount] = marker;
			map.addOverlay(marker);
			i=i+2
			}
		}
		createSideBarLinks(markercount);
	}
	
	function createSideBarLinks(count) {
		var sidebar = document.getElementById("sidebar");
		sidebar.innerHTML = "<center><h4>Groups & Times</h4>";
		for (var i = 0; i < count; i++) {
			var group = window.frames[0].document.getElementById('group' + i);
			var time = window.frames[0].document.getElementById('time' + i);
			sidebar.innerHTML += '<a href="#" class="mainmenuitems" onclick="markerClick(' + i + ')" >' + group.innerHTML + "<br />" + time.innerHTML + '</a>';
		}
	}
	function dynamiccontentNS6(elementid,content){
		if (document.getElementById && !document.all){
			rng = document.createRange();
			el = document.getElementById(elementid);
			rng.setStartBefore(el);
			htmlFrag = rng.createContextualFragment(content);
				while (el.hasChildNodes())
					el.removeChild(el.lastChild);
					el.appendChild(htmlFrag);
		}
	}
	function markerClick(group) {
		GEvent.trigger(gmarkers[group+1], "click");	
	}