Brachenfilter

<select>
<option value="alle" onClick="alle()">Alle Branchen</option>
<option value="auto" onClick="auto()">Auto & Zweirad</option>
<option value="baby" onClick="baby()">Baby & Bekleidung</option>
</select>

if (GBrowserIsCompatible()) {
var side_bar_html = "";
gmarkers = [];
htmls = [];
i = 0;
gicons = [];
gicons["yellow"] = new GIcon(G_DEFAULT_ICON, "media/googlemaps/gelb.png");
gicons["blue"] = new GIcon(G_DEFAULT_ICON, "media/googlemaps/blau.png");
gicons["black"] = new GIcon(G_DEFAULT_ICON, "media/googlemaps/schwarz.png");
gicons["red"] = new GIcon(G_DEFAULT_ICON, "media/googlemaps/rot.png");
function createMarker(point,name,html,icontype) {
var marker = new GMarker(point, gicons[icontype]);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
gmarkers[i] = marker;
htmls[i] = html;
side_bar_html += '' + name + '
';
i++;
return marker;
}
function myclick(i) {
gmarkers[i].openInfoWindowHtml(htmls[i]);
}
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(51.704259, 8.7285116), 14, G_NORMAL_MAP);
else {
alert("Google Maps API ist falsch");
}
//Auto & Zweirad
function auto(){
map.clearOverlays();
side_bar_html="";
GDownloadUrl("media/googlemaps/auto.xml", function(data, responseCode) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
var label = markers[i].getAttribute("label");
var farbe = markers[i].getAttribute("farbe");
var marker = createMarker(point,label,html,farbe);
map.addOverlay(marker);
}
document.getElementById("side_bar").innerHTML = side_bar_html;
});
}

[/code]