var map;
var latlng;
var arr_points = new Array();
var arr_content = new Array();
var globaljson;
var myPano;
var point;
function handleNoFlash(errorCode) {

    if (errorCode == 603) {
        alert("Error: Flash doesn’t appear to be supported by your browser");
        return;
    }
    if (errorCode == 600) {
        alert("Street View Not Available For This Location");
        return;
    }

}
function initialize(latlng) {
        if(!latlng){
            latlng = new google.maps.LatLng(37.926057, -122.529935);
        }
    var myOptions = {
        zoom: 10,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        streetViewControl: true
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
    
        
}
function streetView(number)
{
    //$("#pano").toggle();
    
    var point = new google.maps.LatLng(globaljson[number].Latitude, globaljson[number].Longitude);
    panoramaOptions  =  {
        position: point,
        enableCloseButton: true,
        addressControl: true,
        pov: {
            heading: 34,
            pitch: 10,
            zoom: 1
        }
    };

        myPano = new  google.maps.StreetViewPanorama(document.getElementById("map_canvas"), panoramaOptions);
    map.setStreetView(myPano);
    
   /*
    var content = $("#pano").html();
    $.fancybox(
    content,
    {
        'autoDimensions'	: false,
        'width'         		: 650,
        'height'        		: 500,
        'transitionIn'		: 'none',
        'transitionOut'		: 'none'
    }
);*/
}

function attachInfowindow(marker,number, content) {

    google.maps.event.addListener(marker, 'click', function() {

        showInfoWindow(marker,number, content);

    });



}
function showInfoWindow(marker,number, content)
{
    //$("#pano").html("");
    
        
        
        var html = ' <div class="tabsmap" id=\"tabsmap'+number+'\" >'+content+'<span style="position:absolute;bottom:20px;left:10px;"><a href=\"#\" onclick=\"streetView('+number+');return false;\" class=\"panolink\" >Street view</a></span></div></div>';
        
        var infowindow = new google.maps.InfoWindow(
        {
            maxWidth:600

        });

        infowindow.setContent(html);

        infowindow.open(map,marker);
       // var tid = '#tabsmap'+number;
        
        //        setTimeout("$('"+tid+"').tabs()",600);

    }