if (document.getElementById) {
	//document.write('<style type="text/css" media="all">#lines{display:none;}</style>');
}

function preLoad(photolink, key){
		var areaHref  = photolink.href;
		preImage = new Array();
		preImage[areaHref] = new Image();
		preImage[areaHref].src = areaHref;
}

function viewPhotoSrc(photolink, key){
	if (document.getElementById) {
		var areaHref  = photolink.href;
		var photoArea = document.getElementById('photo'+key);
		photoArea.getElementsByTagName("div")[0].innerHTML = '<a href="#map'+key+'" onClick="closePhoto('+"'"+key+"'"+'); return false;"><img src="'+ areaHref +'" /></a>';
		photoArea.style.display = "block";
		photoArea.style.zIndex = 2;
	}
}


function areaLink(key){
	if(document.getElementById) {
		//document.getElementById('photo'+key).style.display = "none";
		var map4fElement = document.getElementById("map"+key);
		var areaElements = map4fElement.getElementsByTagName("area");
		for (i = 0; i < areaElements.length; i++) {
			var areaElement = areaElements[i];
			areaElement.onclick = function(){viewPhotoSrc(this,key);return false;}
			areaElement.onmouseover = function(){preLoad(this,key);return false;}
		}
	}
}

function closePhoto(key){
	document.getElementById('photo'+key).style.zIndex = 20;
	document.getElementById('photo'+key).style.display = "none";
}

//(c) M
