google.load("maps", "2.x");
$(document).ready(function(){
    $('#fill-in').css({ display : 'block'});
    $('#fill-in-text').css({ display : 'block'});
    $('#map').css({ background : 'none'});
});
function $map(className){

   var elm = document.getElementsByTagName('a');
   
   for (var i = 0; i < elm.length; i++){
		if ( elm[i].className.toString().match(className) )
			return elm[i];
	}		
	return false;
}

function addClass(element, value) {
	if(!element.className) {
		element.className = value;
	} else {
		newClassName = element.className;
		newClassName+= " ";
		newClassName+= value;
		element.className = newClassName;
	}
}

function removeClass(element, value) {
	element.className = element.className.replace(value, '');
}

function map_view() {
	var map = new google.maps.Map2(document.getElementById("map"));
/*	GEvent.addListener(map, "load", function(){alert(122)}); */
	map.setCenter(new google.maps.LatLng(51.512569,-0.125334), 17);
	map.addOverlay(new GMarker(new GLatLng(51.512604,-0.125283)));
}

function street_view(){
	var largeblue = new GLatLng(51.512657,-0.125185);
	myPOV = {yaw:320, pitch:0.2};
	panoramaOptions = { latlng:largeblue, pov:myPOV };
	var myPano = null;
	myPano = new GStreetviewPanorama(document.getElementById("map"), panoramaOptions);
/*	GEvent.addListener(myPano, "initialize", function(){alert(122)});*/

}

function set_listeners() {
	street_view();
	addClass($map('street-view'), 'selected');

	$map('street-view').onclick = function(event){

		street_view();

		addClass(this, 'selected');
		removeClass($map('map-view'), 'selected');

		return false;
	}

	$map('map-view').onclick = function(event){
		map_view();

		addClass(this, 'selected');
		removeClass($map('street-view'), 'selected');
		
		return false;
	}
}

google.setOnLoadCallback(set_listeners);