var webcamLocation = "http://pbump.servehttp.com/webcam.jpg";
var imageUnique = 1;

function random_photo() {
	xmlHttp=GetXmlHttpObject();
	
	updateHTML('aboutpic', '<p>loading<br /><em>image will appear more slowly</em></p>');
	off('picviews');
	
	var url="shared/flickr.php";
	var toGet = currImg + 1;
	url = url + "?r=1";
	url = url + "&t=" + count;
	count++;
	
	xmlHttp.onreadystatechange = stateFlickr;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
	}
	
function swap(direction) {
	if (direction == "left") {
		var chek = currImg + 1;
		if (photoArray[chek]) {
			currImg++;
			newPhoto();
			} else {
			xmlHttp=GetXmlHttpObject();	
			updateHTML('aboutpic', '<p>loading<br /><em>image will appear more slowly</em></p>');
			off('picviews');
			
			var url="shared/flickr.php";
			var toGet = currImg + 1;
			url = url + "?n=" + toGet;
			url = url + "&t=" + count;
			count++;
			
			xmlHttp.onreadystatechange = stateFlickr;
			xmlHttp.open("GET",url,true);
			xmlHttp.send(null);
			}
		} else if (currImg > 1) {
		var chek = currImg - 1;
		if (photoArray[chek]) {
			currImg--;
			newPhoto();
			} else {
			xmlHttp=GetXmlHttpObject();	
			updateHTML('aboutpic', '<p>loading<br /><em>image will appear more slowly</em></p>');
			off('picviews');
			
			var url="shared/flickr.php";
			var toGet = currImg - 1;
			url = url + "?n=" + toGet;
			url = url + "&t=" + count;
			count++;
			
			xmlHttp.onreadystatechange = stateFlickr;
			xmlHttp.open("GET",url,true);
			xmlHttp.send(null);
			}
		} else { updateHTML('aboutpic', '<p>There are no newer photos.</p>'); }
	}

function stateFlickr() {
	if (xmlHttp.readyState==4) {
		var returnArray = new Array();
		returnArray = xmlHttp.responseText.split("==");
		
		if (returnArray[2]) {
			currImg = parseFloat(returnArray[6]);
			photoArray[currImg] = new Array();
			photoArray[currImg]['when'] = returnArray[0];
			photoArray[currImg]['link'] = returnArray[1];
			photoArray[currImg]['img'] = returnArray[2];
			photoArray[currImg]['title'] = returnArray[3];
			photoArray[currImg]['lat'] = returnArray[4];
			photoArray[currImg]['lng'] = returnArray[5];
			photoArray[currImg]['width'] = returnArray[7];
			photoArray[currImg]['height'] = returnArray[8];
			photoArray[currImg]['views'] = returnArray[9];
			newPhoto();
			} else {
			updateHTML('aboutpic', '<p>This is the oldest photo.</p>');
			}
	    }
    }
	
function newPhoto() {
	if (!(smallLoaded)) {
		loadmap();
		}

	document.outside.src = photoArray[currImg]['img'];
	document.getElementById('picLink').href = photoArray[currImg]['link'];
	updateHTML('aboutpic', '<p>' + photoArray[currImg]['title'] + '<br /><em>' + photoArray[currImg]['when'] + '</em></p>');
	
	on('picviews');
	updateHTML('picviews', photoArray[currImg]['views'] + '<br />views');
	
	if ((photoArray[currImg]['lat'] != "x") && (photoArray[currImg]['lng'] != "x")) {
		if (mapShowing == 1) { on('smallmap'); } else { on('bigmap'); }
		shiftMap(photoArray[currImg]['lat'],photoArray[currImg]['lng']);
		} else {
		if (mapShowing == 1) { off('smallmap'); } else { off('bigmap'); }
		}
	
	document.outside.style.width = photoArray[currImg]['width'] + 'px';
	document.outside.style.height = photoArray[currImg]['height'] + 'px';
	
	document.getElementById('photosize').style.height = photoArray[currImg]['height'] + 'px';
	}
	
function shiftMap(newLat, newLng) {
	var point = new GLatLng(newLat, newLng);
	
	if (smallLoaded) {
		smarker.setPoint(point);
		smap.setCenter(new GLatLng(newLat, newLng), 11);
		}
	if (bigLoaded) {	
		lmarker.setPoint(point);
		lmap.setCenter(new GLatLng(newLat, newLng), 15);
		}
	}

function goHome() {
	off('aboutpic');
	off('toolbox');
	off('picviews');
	if (mapShowing == 1) { off('smallmap'); } else { off('bigmap'); }
	
	document.outside.src = webcamLocation;
	document.outside.style.height = '240px';
	document.getElementById('picLink').href = "";
	
	document.getElementById('photosize').style.height = '240px';
	
	updateHTML('toolbox', '<div style="padding: 10px;"><p><a href="javascript:reload();" class="button">reload</a><a href="http://twitter.com/pbumpcam" class="button">twitter feed</a><a href="javascript:fromHome();" class="button">view photos</a></p></div>');
	}
	
function fromHome() {
	on('aboutpic');
	on('picviews');
	off('toolbox');
	if (mapShowing == 1) { on('smallmap'); } else { on('bigmap'); }
	
	updateHTML('toolbox', '<div style="padding: 10px;"><p><a href="javascript:swap(\'left\');" class="button">&lt; previous</a><a href="javascript:swap(\'right\');" class="button">next &gt;</a><a href="javascript:random_photo();" class="button">random image</a><a href="javascript:goHome();" class="button">home webcam</a></p></div>');
	newPhoto();
	}
	
function reload() {
	document.outside.src = webcamLocation + '?' + imageUnique;
	imageUnique++;
	}