var map;
var latlng;
var arr_points = new Array();
var arr_content = new Array();
var globaljson;
var myPano;
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 = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
        zoom: 10,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        streetViewControl: true
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    google.maps.event.trigger(map, 'resize');
			
}
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,numb, content) {

    google.maps.event.addListener(marker, 'click', function() {
    	showInfoWindow(marker,numb, content);
    });

}

function showInfoWindow(marker,number, content)
{
   
	$("#pano").html("");
	//$("#pano").show();
/*       var point = new GLatLng(globaljson[number].Latitude, globaljson[number].Longitude);
    panoramaOptions = { latlng:point };
    var myPano = new GStreetviewPanorama(document.getElementById("pano"), panoramaOptions);
    GEvent.addListener(myPano, "error", handleNoFlash);*/
   var html = '<div class="tabsmap" id=\"tabsmap'+number+'\" >'+content+'<span style="position:absolute;bottom:20px;left:10px;"></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);

}
