var electroStyle = [
  {
    featureType: "all",
    elementType: "all",
    stylers: [
      { invert_lightness: true }
    ]
  }, {
    featureType: "administrative.country",
    elementType: "geometry",
    stylers: [
      { visibility: "off"}
    ]
  }, {
    featureType: "landscape",
    elementType: "all",
    stylers: [
      { visibility: "off" }
    ]
  },{
    featureType: "poi",
    elementType: "all",
    stylers: [
      { visibility: "off" }
    ]
  },{
    featureType: "road",
    elementType: "all",
    stylers: [
      { hue: "#ffff00", lightness: 100, saturation: 1000, gamma: 10}
    ]
  },{
    featureType: "transit",
    elementType: "all",
    stylers: [
      { hue: "#ffff00", lightness: 300, saturation: 100, gamma: 10 }
    ]
  },{
    featureType: "water",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  },{
    featureType: "water",
    elementType: "geometry",
    stylers: [
      { lightness: 20 }
    ]
  },  {
    featureType: "all",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  }
]

var Data = [
  { img: "http://i29.photobucket.com/albums/c268/denny_816/mia.jpg",
    location: [30.16175, -97.443502],
    link: "http://i29.photobucket.com/albums/c268/denny_816/mia.jpg"
  },
  { img: "http://okfoc.us/mia/maps/getshit.png",
    location: [37.0625,-95.677068],
    link: "http://ithinkyoumightgetshitforthat.com/"
  },
  { img: "http://okfoc.us/mia/maps/boat.png",
    location: [43.406045,-78.821411],
    link: "http://4thepeopleontheboat.com/"
  },
  { img: "http://okfoc.us/mia/maps/fb.png",
    location: [40.732826,-73.993992],
    link: "http://facebookgooglemyspaceyoutube.com/"
  },
  { img: "http://okfoc.us/mia/maps/lilpeople.png",
    location: [37.0625,-95.677068],
    link: "http://yesthelittlepeoplewillneverwinbuttheycanfuckshitup.com/"
  },
  { img: "http://okfoc.us/mia/maps/bedroom.png",
    location: [34.041281,-118.138733],
    link: "http://bedroomtothehallwaytotheroadtotheworld.com/"
  },

];

function markify(url) {
  return "http://service.simile-widgets.org/painter/painter?renderer=map-marker&shape=circle&alpha=0.7&width=60&height=60&background=FF9000&label=&icon=" + url + "&iconX=0&iconY=0&pinHeight=6&pinWidth=6&.png";
}


function initialize() {

    var latlng = new google.maps.LatLng(30.16175,-97.443502);
    var myOptions = {
      zoom: 3,
      center: latlng,
      disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
    var electroMapOptions = {
      name: "ElectroType"
    };
    var electroType = new google.maps.StyledMapType(electroStyle, electroMapOptions);

    map.mapTypes.set('electro', electroType);
    map.setMapTypeId('electro');

    for (var i in Data) {
      var d = Data[i];
      var marker = new google.maps.Marker({
        position: new google.maps.LatLng(d.location[0], d.location[1]),
        map: map,
        icon: markify(d.img)
      });  
      google.maps.event.addListener(marker, 'click', function() {

      });
    }
}