//<![CDATA[
function domRollover() {
  if (navigator.userAgent.match(/Opera (\S+)/)) {
    var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]);
  }
  if (!document.getElementById||operaVersion <7) return;
  var imgarr=document.getElementsByTagName('img');
  var imgPreload=new Array();
  var imgSrc=new Array();
  var imgClass=new Array();
  for (i=0;i<imgarr.length;i++){
    if (imgarr[i].className.indexOf('domroll')!=-1){
      imgSrc[i]=imgarr[i].getAttribute('src');
      imgClass[i]=imgarr[i].className;
      imgPreload[i]=new Image();
      if (imgClass[i].match(/domroll (\S+)/)) {
        imgPreload[i].src = imgClass[i].match(/domroll (\S+)/)[1]
      }
      imgarr[i].setAttribute('xsrc', imgSrc[i]);
      imgarr[i].onmouseover=function(){
        this.setAttribute('src',this.className.match(/domroll (\S+)/)[1])
      }
      imgarr[i].onmouseout=function(){
        this.setAttribute('src',this.getAttribute('xsrc'))
      }
    }
  }
}

    if (GBrowserIsCompatible()) {
      var gmarkers = [];
			var menuitems = [];
			var smallradius = [];
			var largeradius = [];
      var gAreas = [];
			var gRegions = [];
      var gCategories = [];
      var gicons = [];
			var linkstate = [];
      var centerpoint = new GLatLng('31.3348710339506','-100.01953125');
      var startzoom = 6;

			function createCat(name, desc) {
				var cat = new Object;
				cat.name = name;
				cat.desc = desc;
				gCategories.push(cat);
				return cat;
			}
			function createRegion(number,name,zoom,latitude,longitude,point) {
				var region = new Object;
				region.point = point;
				region.number = number;
				region.name = name;
				region.zoom = zoom;
				region.latitude = latitude;
				region.longitude = longitude;
				gRegions.push(region);
				return region;
			}

			// Create a base icon for all of our markers that specifies the
			// shadow, icon dimensions, etc.
			var pinIcon = new GIcon();
					pinIcon.shadow = "map_icons/iconshadow.png";
					pinIcon.iconSize = new GSize(40, 40);
					pinIcon.shadowSize = new GSize(40, 40);
					pinIcon.iconAnchor = new GPoint(14, 38);
					pinIcon.infoWindowAnchor = new GPoint(15, 0);
					pinIcon.infoShadowAnchor = new GPoint(14,38);

	gicons["Attractions"] = new GIcon(pinIcon,"map_icons/attractions.png"); 
	gicons["City Travel Information"] = new GIcon(pinIcon,"map_icons/texas.png"); 
	gicons["Cultural Tourism"] = new GIcon(pinIcon,"map_icons/cultural.png"); 
	gicons["Lodging"] = new GIcon(pinIcon,"map_icons/lodging.png"); 
	gicons["Nature Tourism"] = new GIcon(pinIcon,"map_icons/nature.png"); 
	gicons["Outdoor Activities"] = new GIcon(pinIcon,"map_icons/outdoor.png"); 
	gicons["Shopping"] = new GIcon(pinIcon,"map_icons/shopping.png"); 
	gicons["Restaurants"] = new GIcon(pinIcon,"map_icons/restaurants.png"); 
	gicons["RV Parks"] = new GIcon(pinIcon,"map_icons/rv.png"); 
	gicons["State Parks"] = new GIcon(pinIcon,"map_icons/texas.png"); 
gicons["City Travel Information"] = new GIcon(pinIcon,"map_icons/texas.png"); 
gicons["Birding"] = new GIcon(pinIcon,"map_icons/nature.png"); 
gicons["River Activites"] = new GIcon(pinIcon,"map_icons/nature2.png"); 
gicons["Caves"] = new GIcon(pinIcon,"map_icons/nature3.png"); 
gicons["Hiking"] = new GIcon(pinIcon,"map_icons/nature4.png"); 
gicons["Camping"] = new GIcon(pinIcon,"map_icons/nature5.png"); 
gicons["Hotels"] = new GIcon(pinIcon,"map_icons/lodging.png"); 
gicons["Historical Hotels"] = new GIcon(pinIcon,"map_icons/lodging2.png"); 
gicons["Cabins"] = new GIcon(pinIcon,"map_icons/lodging3.png"); 
gicons["Bed and Breakfasts"] = new GIcon(pinIcon,"map_icons/lodging4.png"); 
gicons["Guest Ranches"] = new GIcon(pinIcon,"map_icons/lodging5.png"); 
gicons["Events"] = new GIcon(pinIcon,"map_icons/cultural.png"); 
gicons["Festivals"] = new GIcon(pinIcon,"map_icons/cultural2.png"); 
gicons["Music"] = new GIcon(pinIcon,"map_icons/cultural3.png"); 
gicons["Rodeos"] = new GIcon(pinIcon,"map_icons/cultural4.png"); 
gicons["Theme Parks"] = new GIcon(pinIcon,"map_icons/attractions.png"); 
gicons["Museums"] = new GIcon(pinIcon,"map_icons/attractions2.png"); 
gicons["Aquariums"] = new GIcon(pinIcon,"map_icons/attractions3.png"); 
gicons["Water Parks"] = new GIcon(pinIcon,"map_icons/attractions4.png"); 
gicons["Historical"] = new GIcon(pinIcon,"map_icons/attractions5.png"); 
gicons["Lakes"] = new GIcon(pinIcon,"map_icons/outdoors.png"); 
gicons["Horseback Riding"] = new GIcon(pinIcon,"map_icons/outdoors2.png"); 
gicons["Golf"] = new GIcon(pinIcon,"map_icons/outdoors3.png"); 
gicons["Fishing"] = new GIcon(pinIcon,"map_icons/outdoors4.png"); 
gicons["Boating"] = new GIcon(pinIcon,"map_icons/outdoors5.png"); 
gicons["Beaches"] = new GIcon(pinIcon,"map_icons/outdoors6.png"); 
gicons["Wines"] = new GIcon(pinIcon,"map_icons/shopping.png"); 
gicons["Gourmet Food"] = new GIcon(pinIcon,"map_icons/shopping2.png"); 
gicons["Retail"] = new GIcon(pinIcon,"map_icons/shopping3.png"); 
gicons["Texas Spices"] = new GIcon(pinIcon,"map_icons/shopping4.png"); 
gicons["Restaurants"] = new GIcon(pinIcon,"map_icons/restaurants.png"); 
gicons["Hook ups"] = new GIcon(pinIcon,"map_icons/rv.png"); 
gicons["RV Cabins"] = new GIcon(pinIcon,"map_icons/rv2.png"); 
gicons["RV Camping"] = new GIcon(pinIcon,"map_icons/rv3.png"); 
gicons["State Parks"] = new GIcon(pinIcon,"map_icons/texas3.png"); 

      // A function to create the marker and set up the event window
      function createMarker(point,name,html,category,mylink,mastercat,region) {
        var marker = new GMarker(point,gicons[category]);
        // === Store the category and name info as a marker properties ===
        marker.mycategory = category;                                 
				marker.mastercat = mastercat;
				marker.region = region;
        marker.myname = name;
        GEvent.addListener(marker, "click", function() { top.location=mylink; });
        GEvent.addListener(marker, "mouseover", function() { 
					marker.openInfoWindowHtml(html); 
				});
        gmarkers.push(marker);
        return marker;
      }
			function createMenuItem(cat,imgOn,imgOff) {
				var menuitem = new Object;
				menuitem.selected = 'false';
				menuitem.cat = cat;
				menuitem.imgOn = imgOn;
				menuitem.imgOff = imgOff;
			  menuitems.push(menuitem);
				return menuitem;	
			}
			function mapMenu() {
				var html = "";
				for (var i=0; i<menuitems.length; i++) {
					if (menuitems[i].selected == 'true') {
						imgOn = menuitems[i].imgOff;
						imgOff = menuitems[i].imgOff;
					} else {
						imgOn = menuitems[i].imgOn;
						imgOff = menuitems[i].imgOff;
					}
						html += '<a href="#" onclick="makeAreas(\''+i+'\')"><img src="'+imgOn+
						'" class="domroll '+imgOff+'" /></a>\n';
				}
				//alert(html);
        //document.getElementById("papernav").innerHTML = html;
				domRollover();
			}
			function createRadius(point,name,size) {
				if(size == 'small') { 
			  	var myradius = new EInsert(point, "images/smradius.png", new GSize(424,416), 14)
				} else {
			  	var myradius = new EInsert(point, "images/lgradius.png", new GSize(633,611), 13)
				}
				myradius.point = point
				myradius.name = name
				if(size == 'small') {
					smallradius.push(myradius)
				} else {
					largeradius.push(myradius)
				}
				return myradius;
			}
			function createArea(point,name,zoom,cat) {
				var area = new Object;
				area.point = point;
				area.name = name;
				area.zoom = zoom;
				area.cat  = cat;
				//alert("point: "+area.point+"\nName: "+area.name);
				gAreas.push(area);
				return area;
			}

			function showradius(id,size) {
					if(size == 'small') {
							smallradius[id].show();
					} else {
							largeradius[id].show();
					}
						linkstate[id] = 'on';
			}
			function hideradius(id,size) {
					if (size == 'small') {
						smallradius[id].hide();
					} else {
						largeradius[id].hide();
					}
						linkstate[id] = 'off';
			}
      // == shows all markers of a particular category, and ensures the checkbox is checked ==
			function toggle_cat(category) {
				if (linkstate[category] == "on") {
					hide(category);
				} else {
					show(category);
				}
			}
			function showsubs(category) {
        for (var i=0; i<gmarkers.length; i++) {
					if (gmarkers[i].mastercat == category) {
						gmarkers[i].show();
						linkstate[gmarkers[i].mycategory] = "on";
					}
				}
			}
      function show(category) {
        for (var i=0; i<gmarkers.length; i++) {
          if (gmarkers[i].mycategory == category) {
            gmarkers[i].show();
						//radius[i].show();
          }
        }
        // == check the checkbox ==
				if(document.getElementById(category+"box")) {
        	document.getElementById(category+"box").checked = true;
				}
				linkstate[category] = "on";
      }

      // == hides all markers of a particular category, and ensures the checkbox is cleared ==
      function hide(category) {
        for (var i=0; i<gmarkers.length; i++) {
          if (gmarkers[i].mycategory == category) {
            gmarkers[i].hide();
          }
        }
        // == clear the checkbox ==
				if(document.getElementById(category+"box")) {
        	document.getElementById(category+"box").checked = false;
				}
				linkstate[category] = "off";
        // == close the info window, in case its open on a marker that we just hid
        map.closeInfoWindow();
      }

      // == a checkbox has been clicked ==
      function boxclick(box,category) {
        if (box.checked) {
					//linkstate[category] = "off";
          show(category);
					document.getElementById(category+"box").checked = false;
        } else {
          hide(category);
        }
        // == rebuild the side bar
        //makeSidebar();
      }
			function radiustoggle(elementid,id) {
				if(linkstate[id] == 'on') {
					//elementid.checked = false;
					elementid.setAttribute('src','images/radio-unchecked.jpg');
					hideradius(id,'small');
					hideradius(id,'large');
				} else {
					//elementid.checked = true;
					elementid.setAttribute('src','images/radio-checked.jpg');
					if (map.getZoom() == 13) {
						showradius(id,'large');	
					} else if (map.getZoom() == 14) {
						showradius(id,'small');	
					} else {
						//elementid.checked = false;
						elementid.setAttribute('src','images/radio-unchecked.jpg');
					}
				}
			}
			function toggle(elementid,category) {
				if(linkstate[category]== "on") {
					//document.getElementById(category+"box").checked = false;
					document.getElementById(category+"box").setAttribute('src','images/radio-unchecked.jpg');
					hide(category);
					//alert("linkstate: " + linkstate[category]+"\ncategory: "+category);
					//linkstate[category] = "off";
        	//makeSidebar();
				} else {
					//document.getElementById(category+"box").checked = true;
					document.getElementById(category+"box").setAttribute('src','images/radio-checked.jpg');
					show(category);
					//alert("linkstate: " + linkstate[category]+"\ncategory: "+category);
					//linkstate[category] = "on";
        	//makeSidebar();
				}
			}

      function myclick(i) {
        GEvent.trigger(gmarkers[i],"click");
      }
			function zoomregion(number){
				number = number-1;
				var zoom = gRegions[number].zoom;
				map.setZoom(zoom);
				map.panTo(gRegions[number].point);
				//map.setCenter(gRegions[number].point, zoom, G_NORMAL_MAP);
				//alert(gRegions[number].name);
			}
      function zoomclick(i,cat) {
				hide(cat);
				for (var c=0; c<gCategories.length; c++) { hide(gCategories[c].name); }
				if (gAreas[i].zoom != map.getZoom()) { map.setZoom(gAreas[i].zoom); }
        map.panTo(gAreas[i].point);
				var html = "";
				var radiusnum = 0;
        for (var c=0; c<gAreas.length; c++) {
            if (gAreas[c].cat == cat) {
							if (c == i) {
								for (cc=0; cc < gmarkers.length; cc++) {
									if (gmarkers[cc].myname == gAreas[i].name) { gmarkers[cc].show(); }
									else { gmarkers[cc].hide(); }
								}
								for (ri=0; ri < smallradius.length; ri++) {
									if (smallradius[ri].name == gAreas[i].name) { radiusnum = ri; }
								}
              	html += '<a href="javascript:zoomclick(' + c + ',\''+cat+'\')"><b> - ' + gAreas[c].name + '</b></a><br>';
/*
								html+='&nbsp; <img onclick="radiustoggle(this,'+ radiusnum + 
								');" src="images/radio-unchecked.jpg" /> 1-2-3 Mile View<br>\n';
*/
        				for (var ii=0; ii<gCategories.length; ii++) {
									if (gCategories[ii].name == 'schools') {
          					html += "&nbsp; <img src=\"images/radio-checked.jpg\" id=\"" 
									} else {
          					html += "&nbsp; <img src=\"images/radio-unchecked.jpg\" id=\"" 
									}
									html += gCategories[ii].name + "box\" onclick=\"toggle(this,\'" +
                  gCategories[ii].name + "\');\" />" + gCategories[ii].desc + "<br />\n";

/*
          				html += "&nbsp; <input type=\"radio\" id=\"" + gCategories[ii].name + 
									"box\" onclick=\"toggle(this,\'" +
                  gCategories[ii].name + "\');\" />" + gCategories[ii].desc + "<br />\n";
*/
        				}
								//html+='<br><font color=#6A8E82>Toggle the buttons above to show Area Amenities</font><br>&nbsp;<br>\n';
								//html+='&nbsp; - Printable Brochure <br>\n';
								//html+='&nbsp; - Available Properties <br>\n';
							} else {
              	html += '<a href="javascript:zoomclick(' + c + ',\''+cat+'\')"> - ' + gAreas[c].name + '</a><br>';
							}
            }
        }
				//alert(html);
				//mapArea
        //document.getElementById("papernav").innerHTML = html;
				//show("City");
				//show("medical");
				//show("employer");
				//show("shopping");
			}


      // == rebuilds the sidebar to match the markers currently displayed ==
      function makeSidebar() {
        var html = "";
        for (var i=0; i<gmarkers.length; i++) {
          if (!gmarkers[i].isHidden()) {
            html += '<a href="javascript:zoomclick(' + i + ',\''+ gmarkers[i].mycategory +'\')">' + gmarkers[i].myname + '</a><br>';
          }
        }
        //document.getElementById("papernav").innerHTML = html;
      }

      function makeAreas(num) {
				for (var i=0; i<menuitems.length; i++) { menuitems[i].selected = 'false'; }
				menuitems[num].selected = 'true'
				mapMenu();
				for (var ii=0; ii<gCategories.length; ii++) { hide(gCategories[ii].name); }
				map.setZoom(startzoom);
				map.panTo(centerpoint);
        var html = "";
        for (var i=0; i<gAreas.length; i++) {
						hide(gAreas[i].cat); 
						//alert(gAreas[i].cat);
						if (gAreas[i].cat == menuitems[num].cat) {
            	html += '<a href="javascript:zoomclick(' + i + ',\''+menuitems[num].cat+'\')"> - ' + gAreas[i].name + '</a><br>';
						}
				show(menuitems[num].cat)
        }
				//alert(html);
				//mapArea
        //document.getElementById("papernav").innerHTML = html;
				
      }
			function makeCategories() {
				var html = "";
        for (var i=0; i<gCategories.length; i++) {
					//html += "<input type=radio id=" + gCategories[i].name + "box ";
					code = "<input type=\"radio\" id=\"" + gCategories[i].name + "box\" onclick=\"toggle(this,\'" + 
									gCategories[i].name + "\');\" />" + gCategories[i].desc + "<br />\n";
					//alert(code);
					html += code;
				}
				//alert(html);
				document.getElementById("mapIcons").innerHTML = html;
				//document.getElementById("mapIcons").style.visibility="hidden";
			}
			function hideCategories() {
				for (var i=0; i<gCategories.length; i++) { hide(gCategories[i].name); }
			}

      // create the map
      var map = new GMap2(document.getElementById("map"));
			GEvent.addListener(map, "singlerightclick", function(point, src, overlay) {
			  var myHtml = "Point Lat, Lng: " + map.fromContainerPixelToLatLng(point) + "\n<br>Zoom Level: " + 
				map.getZoom() + "\n<br>Center: " + map.getCenter();
  			map.openInfoWindow(map.fromContainerPixelToLatLng(point), myHtml);
			});
			map.enableScrollWheelZoom() 
      map.addControl(new GLargeMapControl());
			map.addControl(new GScaleControl());
      map.addControl(new GMapTypeControl());
			map.addMapType(G_PHYSICAL_MAP);
			map.removeMapType(G_SATELLITE_MAP);
			map.setCenter(centerpoint, startzoom, G_NORMAL_MAP);


      // Read the data
			GDownloadUrl("code/categories.php", function(doc) {
				var xmlDoc = GXml.parse(doc);
				var categories = xmlDoc.documentElement.getElementsByTagName("category");
				for (var i = 0; i < categories.length; i++) {
					var name = categories[i].getAttribute("name");
					var desc = categories[i].getAttribute("desc");
					var img  = "map_icons/" + categories[i].getAttribute("image");
					var cat = createCat(name,desc);
				}
				//alert(gCategories[1].name);
				//makeCategories();
			});
			GDownloadUrl("code/regions.php", function(doc) {
				var xmlDoc = GXml.parse(doc);
				var regions = xmlDoc.documentElement.getElementsByTagName("region");
				for (var i = 0; i < regions.length; i++) {
					var number = parseInt(regions[i].getAttribute("number"));
					var name = regions[i].getAttribute("name");
					var zoom = parseInt(regions[i].getAttribute("zoom"));
					var latitude = regions[i].getAttribute("latitude");
					var longitude = regions[i].getAttribute("longitude");
          var point = new GLatLng(latitude,longitude);
					var region = createRegion(number, name, zoom, latitude, longitude,point);
				}
			});
			GDownloadUrl("code/areas.php", function(doc) {
				var xmlDoc = GXml.parse(doc);
				var areas = xmlDoc.documentElement.getElementsByTagName("area");
				for (var i = 0; i < areas.length; i++) {
					var name = areas[i].getAttribute("name");
					var lat = parseFloat(areas[i].getAttribute("lat"));
					var lng = parseFloat(areas[i].getAttribute("lng"));
          var point = new GLatLng(lat,lng);
					var cat = areas[i].getAttribute("category");
					var zoom = parseInt(areas[i].getAttribute("zoom"));
					//alert("lat: "+lat+"\nlng: "+lng+"\npoint: "+point+"\nname: "+name);
					var area = createArea(point, name, zoom, cat);
				}
				var menus = xmlDoc.documentElement.getElementsByTagName("menuitem");
				for (var i=0; i< menus.length; i++) {
					var menucat = menus[i].getAttribute("cat");
					var imgOff   = menus[i].getAttribute("imgOff");
					var imgOn   = menus[i].getAttribute("imgOn");
					var menuItem = createMenuItem(menucat,imgOn,imgOff);
				}
				makeAreas(0);
			});
      GDownloadUrl("code/markers.php", function(doc) {
        var xmlDoc = GXml.parse(doc);
        var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          
        for (var i = 0; i < markers.length; i++) {
          // obtain the attribues of each marker
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new GLatLng(lat,lng);
					var lgpoint = new GLatLng(lat - .0020,lng + .0025);
					var smpoint = new GLatLng(lat - .0010,lng + .0015);
          var address = markers[i].getAttribute("address");
          var address2 = markers[i].getAttribute("address2");
          var mastercat = markers[i].getAttribute("mastercat");
					var region = markers[i].getAttribute("region");
          var name = markers[i].getAttribute("name");
					var mylink = markers[i].getAttribute("link");
					var linktext = markers[i].getAttribute("linktext");
          var html = "<div id=map_popup align=center><b> "+name+"</b><br>&nbsp;<br>"+address+"<br>"+address2+"<br>&nbsp;<br><a href=\""+mylink+"\">"+linktext+"</a></div>";
          var category = markers[i].getAttribute("category");
          // create the marker
          var marker = createMarker(point,name,html,category,mylink,mastercat,region);
					var smradius = createRadius(smpoint,name,'small');
					var lgradius = createRadius(lgpoint,name,'large');
					
                    /*Below 4 lines are commented by Iqsoftwares - 7 Jan 2011*/
                    /*map.addOverlay(smradius);
					map.addOverlay(lgradius);
					smallradius[i].hide();
					largeradius[i].hide();*/
                    
          map.addOverlay(marker);
        }

        // == show or hide the categories initially ==
				//hideCategories();
				for (var i=0; i<gCategories.length; i++) { hide(gCategories[i].name); }
				//show("City Travel Information");
        //  == create the initial sidebar ==
    		//    makeSidebar(); 
      });
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
    // This Javascript is based on code provided by the
    // Blackpool Community Church Javascript Team
    // http://www.commchurch.freeserve.co.uk   
    // http://econym.googlepages.com/index.htm

    //]]>