Google Maps v3 Infobox Plugin

HTML

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>
<script type="text/javascript">
function initialize() {
    var loc, map, marker, infobox;
    
    loc = new google.maps.LatLng(-33.890542, 151.274856);
    
    map = new google.maps.Map(document.getElementById("map"), {
         zoom: 12,
         center: loc,
         mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    
    marker = new google.maps.Marker({
        map: map,
        position: loc,
        visible: true
    });

			var infobox = new google.maps.InfoWindow({
			    content: document.getElementById("infobox"),
			    maxWidth: 300
			});
    
    google.maps.event.addListener(marker, 'click', function() {
        infobox.open(map, this);
        map.panTo(loc);
    });
    
    infobox.open(map, marker);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<title>Creating and Using an InfoBox</title>

<body>
<div id="map" style="width: 100%; height: 300px"></div>
<br>

<div class="infobox-wrapper">
            <div id="infobox">
		   		<h4>Some long headlineeeeeeeeeeeee</h4>
		   		<div style="float:left">
                    <div style="display:inline-block">
                        <div>Name1</div>
                        <div>Name2</div>
                    </div>
                    <div style="display:inline-block; position:absolute; bottom: 2px; right:2px;">
                        <img src="http://www.4homejendrny.de/hintergruende/hell/hg009.jpg"/>
                    </div>
                </div>
	   		</div>
</div>
</body>