$(document).ready(function(){
  
    var themap = $('<div id="themap" style="width: 650px; height:450px; margin-bottom: 20px;"></div>').insertBefore('table.mb-mapme');

    var mapstraction = new mxn.Mapstraction('themap','google');
    mapstraction.addControls({
        zoom: 'small'
    });


$('table.mb-mapme tr.mb-mapme_point').each(function() {
        var standort = $(this);
    		
    		
    		var latitude = standort.find('span.lat').text();
        	var longitude = standort.find('span.long').text();
        	var mbid = standort.find('td.mb-nummer').text();
        	var mbtype = standort.find('td.mb-typ a').text();
        	var mbadr = standort.find('td.mb-adr div a').text();
        	var markerlabel = "MB" + standort.find('td.mb-nummer').text() + ": " + mbtype;
        	if (mbtype=="Classic") { var markericon = "/fileadmin/template/megaboard/img/m_classic.png"; }
        	else if(mbtype=="Backlight") { var markericon = "/fileadmin/template/megaboard/img/m_backlight.png"; }
        	else if(mbtype=="Prisma") { var markericon = "/fileadmin/template/megaboard/img/m_prisma.png"; }
        	else if(mbtype=="Megaposter") { var markericon = "/fileadmin/template/megaboard/img/m_megaposter.png"; }
        	else if(mbtype=="Brandboard") { var markericon = "/fileadmin/template/megaboard/img/m_brandboard.png"; }
        	else{ var markericon = "/fileadmin/template/megaboard/img/m_sonderflaeche.png"; }
        	
        	var imgurl = "/old/media/megaboards/" + mbid + ".jpg";
        	var codedpoint = new mxn.LatLonPoint(latitude, longitude);
    		
    		
    		var marker = new mxn.Marker(codedpoint);
    		marker.setLabel(markerlabel); // erscheint bei Rollover
    		marker.setIcon(markericon);
    		//marker.setAttribute("id",mbid);
    		marker.setInfoBubble('<div class="bubble" style="width: 300px; height:240px"><strong>' + markerlabel + '</strong>, ' + mbadr + '<br /><img width="300" src="' + imgurl + '"</div>'); // Code fuer das Routensuch-Formular

    		
    		mapstraction.addMarker(marker);
    		mapstraction.autoCenterAndZoom();
    		

    });

});