/*
    Coded by Steven Bower (cc) 2010
    TurnWheel Designs - http://turnwheel.com/
    BPWebDesign - http://bpwebdesign.com/
*/

$(function() {
    // Create map
    var map = new google.maps.Map2(document.getElementById('gmap'));
    
    // Add Map Controls
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    
    // Set center of map
    map.setCenter(new google.maps.LatLng(38.269454,-122.732391),10);
    
    // Array of points to add icons
    var icons = [
        [38.393539,-122.722468,'<strong>3400 Standish Ave., Santa Rosa</strong><br />Open: Monday-Saturday 7am-3pm'],
        [38.114514,-122.566761,'<strong>7576 Redwood Blvd., Novato</strong><br />Open: Tuesday-Sunday 10am-4pm'],
        [38.111608,-122.591028,
            '<strong>The Square Shopping Center, Novato</strong><br />Open: Tuesday-Saturday 10am-4pm<br />'
            +'<strong class="red">Important Note:</strong> This location accepts CRV containers <strong>only</strong>'
        ]
    ];
    
    // Helper function used to create makers and click overlay
    var createMarker = function(data) {
        var marker = new GMarker(new GLatLng(data[0],data[1]));
        
        // Add click event to add HTML window
        GEvent.addListener(marker,'click', function() {
            this.openInfoWindowHtml(data[2]);
        });
        
        return marker;
    };
    
    // Create all icons in the array
    for (var x in icons) {
        var points = icons[x];
        map.addOverlay(createMarker(points));
    }
});
