views:

15

answers:

0

I have the follwing code to display tabbed infowindow but i am not able to change the background color of tabs

function createMarker(point, name, address, imagepath, imagelocation) {
        var marker = new GMarker(point, gicons[imagepath]);
        var image1 = imagelocation.replace(/\\/g, "/");
        var m1 = image1.slice(60, 80);
        var html1 = '<div id="mydiv"><span class="name-tab"><b>' + name + '</b></span><span class="info"><br/>' + address + '</span></div>';
        var content3 = '<img width="350px" Height="200px" src=' + m1 + ' />';
        var content = '<img width="350px" Height="200px" src="http://www.visitingdc.com/images/golden-gate-bridge-picture.jpg" />';

        var content1 = '<div id="popup"><object type="application/x-shockwave-flash" style="width:350px; height:200px;" data="http://www.youtube.com/v/-XvzDos4_5E"&gt;&lt;param name="movie" value="http://www.youtube.com/v/-XvzDos4_5E" /></object></div>';
        GEvent.addListener(marker, 'click', function() {
        var infoTabs = [new GInfoWindowTab("Address", html1), new GInfoWindowTab("Images", content), new GInfoWindowTab("videos", content1), new GInfoWindowTab("image1", content3)];
            marker.openInfoWindowTabsHtml(infoTabs);
        });