function initViewFromBlock(id){
	if (!document.getElementsByTagName){ return; }
	thisMap = document.getElementById(id);
	areas = thisMap.getElementsByTagName('area');
	for(var i = 0; i < areas.length; i++){
		areas[i].onclick = function () {showViewFromBlock(this); return false;};
	}
	var objOverView = document.getElementById('priceAndSeatPlan').getElementsByTagName("div").item(0);

        var imgUrlPrefix = "";
        var loadingImage = "";
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	objOverlay.onclick = function () {this.style.display = 'none'; return false;};;
	objOverlay.style.display = 'none';
	objOverlay.style.position = 'absolute';
	objOverlay.style.top = '0';
	objOverlay.style.left = '0';
	objOverlay.style.zIndex = '90';
	objOverlay.style.width = '100%';
	objOverView.insertBefore(objOverlay, objOverView.firstChild);

	// preload and create loader image
	var imgPreloader = new Image();

	// if loader image found, create link to hide lightbox and create loadingimage
	imgPreloader.onload=function(){

		var objLoadingImage = document.createElement("img");
		objLoadingImage.src = imgUrlPrefix + loadingImage;
		objLoadingImage.setAttribute('id','loadingImage');
		objLoadingImage.style.position = 'absolute';
		objLoadingImage.style.zIndex = '150';
		objOverlay.appendChild(objLoadingImage);

		imgPreloader.onload=function(){};	//	clear onLoad, as IE will flip out w/animated gifs

		return false;
	}

	imgPreloader.src = imgUrlPrefix + loadingImage;


}
function showViewFromBlock(thisObj) {
	var objOverlay = document.getElementById('overlay');
	var objOverView = document.getElementById('priceAndSeatPlan').getElementsByTagName("div").item(0);
	var objLoadingImage = document.getElementById('loadingImage');
	var objViewFromDesc = document.getElementById("viewFromDesc");
	var objImgBlockPlan = document.getElementById('blockPlan');
	var objImgViewFrom = document.getElementById('viewFrom');
	var imageSrc = thisObj.id.substring(7);
	var imageDir = objImgBlockPlan.src.substring(0, objImgBlockPlan.src.lastIndexOf('/')-5);
	var seats = imageDir + "seats/" + imageSrc + ".gif";
	var view = imageDir + "views/" + imageSrc + ".jpg";
	var viewDefault = imageDir + "views/default.jpg";
	var hasLoaded = false;

	if (objLoadingImage) {
		objLoadingImage.style.top = (((objOverView.offsetHeight - 30 - objLoadingImage.height) / 2) + 'px');
		objLoadingImage.style.left = (((objOverView.offsetWidth - 20 - objLoadingImage.width) / 2) + 'px');
		objLoadingImage.style.display = 'block';
	}

	// set height of Overlay to take up whole page and show
	objOverlay.style.height = (objOverView.offsetHeight + 'px');
	objOverlay.style.display = 'block';

	// preload image for blockPlan
	imgBlockPlanPreload = new Image();

	imgBlockPlanPreload.onload=function(){
		objImgBlockPlan.src = seats;
		if (navigator.appVersion.indexOf("MSIE")!=-1){
			pause(250);
		}
		if (objLoadingImage) {	objOverlay.style.display = 'none'; }

		return false;
	}
	imgBlockPlanPreload.src = seats;

	// preload image for blockPlan
	imgViewFromPreload = new Image();

	imgViewFromPreload.onload=function(){
		objImgViewFrom.src = view;
		if (navigator.appVersion.indexOf("MSIE")!=-1){
			pause(250);
		}
		if (objLoadingImage) {	objOverlay.style.display = 'none'; }

		return false;
	}
	imgViewFromPreload.src = view;

	objViewFromDesc.innerHTML = thisObj.alt + ' (' +thisObj.title + ')';
}