var panorama;
var currentYaw = 180;
var currentPitch = 0;
var timer;
var currentZoom = 0;
var zoomingIn = true;

$(document).ready(function (){
	$("#pano").click(function(){
		clearInterval(timer);
	});
})

function load() {
  panorama = new GStreetviewPanorama(document.getElementById("pano"));
  panorama.setLocationAndPOV(new GLatLng(51.478568,-3.185477), {yaw: currentYaw, pitch: currentPitch, zoom: currentZoom});
  timer = window.setInterval(spiral, 100);
}

function spiral() {
  currentYaw += 2;
  panorama.panTo({yaw:currentYaw, pitch:currentPitch});
}

function stopAndZoom() {
  clearInterval(timer);
  zoomingIn = true;
  timer = window.setInterval(zoom, 500);
}

function zoom() {
  if (zoomingIn) {
    currentZoom++;
  } else {
    currentZoom--;
  }

  panorama.panTo({yaw:currentYaw, pitch:currentPitch, zoom:currentZoom});
  if (currentZoom == 2) {
    zoomingIn = false;
  }
  if (currentZoom == 0) {
    clearInterval(timer);
    timer = window.setInterval(spiral, 100);
  }
}