var photoInterval;
var photo_move_map_disabled = false;

function photoOnLoad(){
	getPhotos();
	photoTimeout = setTimeout(getPhotos,30000);
}

function getPhotos(){
	var loader = new net.ContentLoader('sdp/photo.php?r=' + create_random(), updatePhotos);
}

function updatePhotos(){
	var photoItems = this.req.responseXML.getElementsByTagName('item');
	var photoContainer = document.getElementById('photo');
	
	var nextPhoto = document.createElement('a');
	var Photo = document.createElement('img');

	var id = photoItems[0].attributes.getNamedItem('id').value;
	var GEOlat = getInnerText(photoItems[0].getElementsByTagName('geo_lat')[0]);
	var GEOlng = getInnerText(photoItems[0].getElementsByTagName('geo_lng')[0]);
	
	if(GEOlat && GEOlng){
		mapPlaceMarker(GEOlat,GEOlng);
	}else{
		mapPlaceMarker(0, 0);
	}		
	
	if(photo_move_map_disabled == false){
		if(GEOlat && GEOlng){
			mapGoTo(GEOlat,GEOlng);
		}else{
			mapGoTo(52.663,6.884);
		}
	}

	if(Photo.attachEvent){
		Photo.attachEvent('onclick',function(){showPhoto(id)});
	}else{
		Photo.setAttribute('onclick','showPhoto(' + id + ')');
	}
	
	Photo.setAttribute('src','/infomap/photo.php?type=3&id=' + id);
	Photo.setAttribute('alt','Dit is foto nr. ' + id);
	Photo.style.border = '1px solid #888888';
	Photo.style.margin = '5px';
	
	nextPhoto.setAttribute('href','javascript:nextRandomPhoto()');
	nextPhoto.innerHTML = 'Volgende foto';
	
	var morePhotos = document.createElement('a');
	morePhotos.setAttribute('href', 'javascript:morePhotos()');
	morePhotos.innerHTML = 'Meer foto\'s...';
	
	photoContainer.innerHTML = '';
	photoContainer.appendChild(nextPhoto);
	photoContainer.appendChild(Photo);
	photoContainer.appendChild(document.createElement('br'));
	photoContainer.appendChild(morePhotos);

	if(photoTimeout){
		clearTimeout(photoTimeout);
		photoTimeout = setTimeout(getPhotos,30000);
	}
}

function nextRandomPhoto(){
	getPhotos();
}

function showPhoto(id){
	var overlay_content = handle_overlay(true);
	
	overlay_content.style.padding = 10 + 'px';
	overlay_content.style.backgroundColor = '#FFFFFF';
	overlay_content.style.fontWeight = 'bold';
	overlay_content.style.textAlign = 'center';
	overlay_content.style.border = '1px solid #000000';
	
	var photo = document.createElement('img');
	
	overlay_content.style.visibility = 'hidden';
	
	if(photo.attachEvent){
		photo.attachEvent('onload',function(){
							overlay_content.appendChild(photo);
							centerContent(overlay_content);
							overlay_content.innerHTML = overlay_content.innerHTML + '<p onclick="handle_overlay(false);"><a href="#">Foto ' + id + ' Sluiten</a></p>';
							overlay_content.style.visibility = 'visible';
						});
	}else{
		photo.addEventListener('load',function(){
							overlay_content.appendChild(photo);
							centerContent(overlay_content);
							overlay_content.innerHTML = overlay_content.innerHTML + '<p onclick="handle_overlay(false);"><a href="#">Foto ' + id + ' Sluiten</a></p>';
							overlay_content.style.visibility = 'visible';
						}, true);
	}
	photo.setAttribute('alt','Dit is foto nr. ' + id);
	photo.setAttribute('src','/infomap/photo.php?type=20&id=' + id);
	photo.style.border = '1px solid #888888';
	photo.style.cursor = 'hand';
	
	return true;
}

function morePhotos(){
	prepareArticle('photo_article');
	var articleTitle = document.getElementById('photo_article_title');
	var articleBody = document.getElementById('photo_article_body');
	
	articleTitle.innerHTML = '<b>Foto\'s</b>';
	articleBody.innerHTML = 'Het is de bedoeling dat op deze plek meer mogelijkheden komen om foto\'s te bekijken.';
	if(photo_move_map_disabled){
		articleBody.innerHTML += '<br /><input type="checkbox" checked="true" onclick="togglePhotoMoveMap();" id="togglerPhotoMoveMap" />Plattegrond niet centreren op foto';
	}else{
		articleBody.innerHTML += '<br /><input type="checkbox" onclick="togglePhotoMoveMap();" id="togglerPhotoMoveMap" />Plattegrond niet centreren op foto';
	}
}

function togglePhotoMoveMap(){
	var toggler = document.getElementById('togglerPhotoMoveMap');
	
	if(toggler){
		//alert(toggler.checked);
		photo_move_map_disabled = toggler.checked;
	}
	//if(photo_move_map_disabled){
	//	photo_move_map_disabled = false;
	//}else{
	//	photo_move_map_disabled = true;
	//}
}