jQuery(document).ready(function(){ //Start script when ready
if (document.getElementById("map_canvas")) {//Checks to see that the page element exists and to prevent conflict with other maps
// Create our "tiny" marker icon
var blueIcon = new GIcon(G_DEFAULT_ICON);
blueIcon.image = "images/map_marker.png";
blueIcon.iconSize = new GSize(25, 25);
blueIcon.shadowSize = new GSize(40, 26);
// Set up our GMarkerOptions object
markerOptions = { icon:blueIcon };
//Default map center location
var defaultLat = 30.38;
var defaultLon = -97.75;
var markers = new Array(); // For Lat & Long use http://itouchmap.com/latlong.html
markers[0] = new Array(new GMarker(new GLatLng(30.26883,-97.757152),markerOptions), "Austin", "TownLake Branch
1100 W. Cesar Chavez
Austin, TX 78703
(P) 512-542-9622
Branch WebsiteGet Directions to Branch");
markers[1] = new Array(new GMarker(new GLatLng(30.291928,-97.662591),markerOptions), "East Austin", "East Communities Branch
5315 Ed Bluestein
Austin, TX 78723
(P) 512-933-9622
Branch WebsiteGet Directions to Branch");
markers[2] = new Array(new GMarker(new GLatLng(30.366636,-97.695794),markerOptions), "North Austin", "North Park Branch
9616 N. Lamar Blvd,
Ste. 130
Austin, TX 78753
(P) 512-973-9622
Branch WebsiteGet Directions to Branch");
markers[3] = new Array(new GMarker(new GLatLng(30.446271,-97.734174),markerOptions), "Northwest Austin", "Northwest Family Branch
5807 McNeil Dr.
Austin, TX 78729
(P) 512-335-9622
Branch WebsiteGet Directions to Branch");
markers[4] = new Array(new GMarker(new GLatLng(30.236324,-97.853689),markerOptions), "Southwest Austin", "Southwest Branch
6219 Oakclaire Dr.
Austin, TX 78735
(P) 512-891-9622
Branch WebsiteGet Directions to Branch");
markers[5] = new Array(new GMarker(new GLatLng(30.100231,-97.879986),markerOptions), "Buda / Kyle", "Hays Communities Family Branch
465 Buda Sportsplex Dr.
Buda, TX 78610
(P) 512-523-0099
Branch WebsiteGet Directions to Branch");
markers[6] = new Array(new GMarker(new GLatLng(30.494951,-97.809563),markerOptions), "Cedar Park", "Twin Lakes Family YMCA
204 E. Little Elm Trl.,
Cedar Park, TX 78613
(P) 512-250-9622
Branch WebsiteGet Directions to Branch");
markers[7] = new Array(new GMarker(new GLatLng(30.183434,-98.085733),markerOptions), "Dripping Springs", "Springs Family Branch
27216 Ranch Rd. 12
Dripping Springs, TX 78620
(P) 512-894-3309
Branch WebsiteGet Directions to Branch");
markers[8] = new Array(new GMarker(new GLatLng(30.543744,-97.544225),markerOptions), "Hutto", "Hutto Family YMCA
101 Anthony St.,
Hutto, TX 78634
(P) 512-846-2360
Branch WebsiteGet Directions to Branch");
markers[9] = new Array(new GMarker(new GLatLng(30.526106,-97.686918),markerOptions), "Round Rock", "CHASCO Family YMCA
1812 N. Mays St.,
Round Rock, TX 78664
(P) 512-246-9622
Branch WebsiteGet Directions to Branch");
markers[10] = new Array(new GMarker(new GLatLng(30.583698,-97.412358),markerOptions), "Taylor", "Taylor Family YMCA
106 W. Lake Dr.,
Taylor, TX 76574
(P) 512-365-9622
Branch WebsiteGet Directions to Branch");
var map = new google.maps.Map2(jQuery("#map_canvas").get(0));//Initialise google maps
map.setMapType(G_NORMAL_MAP);
map.setCenter(new GLatLng(defaultLat, defaultLon), 10);//Set location to the default and zoom level to 8
var mapControl = new GMapTypeControl();
map.addControl(mapControl);
map.addControl(new GLargeMapControl());
jQuery(markers).each(function(i,marker){
map.addOverlay(marker[0]);
jQuery("")
.html(markers[i][1])//Use list item label from array
.click(function(){
displayPoint(marker[0], i);
setActive(this);//Show active state
if (jQuery('#map_message').is(':hidden')) {//Allow toggling of active state
setActive();
}
})
.appendTo("#map_list");
GEvent.addListener(marker[0], "click", function(){
displayPoint(marker[0], i);
setActive(i);//Show active location
if (jQuery('#map_message').is(':hidden')) {//Allow toggling of active state
setActive();
}
});
});
jQuery("#map_list").css("opacity","0.2").animate({opacity: 1}, 1100);//Fade in menu
jQuery("#map_message").appendTo(map.getPane(G_MAP_FLOAT_SHADOW_PANE));
function displayPoint(marker, index){
if (jQuery('#map_message').is(':hidden')) {//Allow toggling of markers
jQuery('#map_message').fadeIn();
}
else{//Remove all .active classes and hide markers
jQuery('#map_message').hide();
jQuery(".active").removeClass();
}
//jQuery("#map_message").hide();//Default behaviour, doesn't allow toggling
var moveEnd = GEvent.addListener(map, "moveend", function(){
var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
jQuery("#map_message")
.html(markers[index][2])//Use information from array
.fadeIn()
.css({ top:markerOffset.y, left:markerOffset.x });
GEvent.removeListener(moveEnd);
});
map.panTo(marker.getLatLng());
//map.setZoom(10);
}
function setActive(el){
jQuery("#map_list").find('li').eq(el).addClass('active');//Find list element equal to index number and set active
jQuery(el).addClass('active');//Set active if list element clicked directly
}
}//End if map_canvas exists
}); //End onReady