Question - place pegman behind markers

by secretgspot

HTML

<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false"></script>
<body onload="initialize()">
    <div id="map_canvas" 
        style="position: absolute; top: 2em; left: 0; right: 0;
            height:40%;"></div>
    <div id="pano" 
        style="position: absolute; bottom: 0; left: 0; right: 0;
            height:40%;"></div>
    <div id="listener" 
        style="position: absolute; right: 5em; top 1em;"></div>
</body>

JavaScript

var map;
var panorama;
var streetView;

function initialize() {

    map = new google.maps.Map(
        document.getElementById("map_canvas"), {
            zoom: 14,
            center: new google.maps.LatLng(54.976, -2.017),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });

    panorama = new google.maps.StreetViewPanorama(
        document.getElementById("pano")
        );

    map.setStreetView(panorama);

    streetView = map.getStreetView();

    streetView.setPosition( new google.maps.LatLng(54.976, -2.020) );
   
    var marker1 = new google.maps.Marker({zIndex:10000099,
        position: new google.maps.LatLng(54.975, -2.0205),
        map: map});  
    
    google.maps.event.addListener(
        marker1,
        'click',
        function(){
            document.getElementById("listener").innerHTML +=
                "marker clicked<br>";
        });
    google.maps.event.addListener(
        marker1,
        'mouseover',
        function(){
            console.log('over')
        });

}