var xPos = { konka:590, arcuswear:650, crewlock:650, crew:625, mitfahrzentrale:630, events:590, ford72:635, berg:590, links:610, contact:600 };
var yPos = { konka:440, arcuswear:440, crewlock:400, crew:450, mitfahrzentrale:420, events:330, ford72:420, berg:435, links:400, contact:400 };
var image;
var frameBottomFull;
var frameBottomShort;
var frameRightFull;
var frameRightShort;
var previewCleared = false;
var isPageLoaded = false;

function pageLoaded(){
	for (var id in xPos) {
		var link = document.getElementById(id);
		link.onmouseover = new Function("showPreview('" + id + "');");
		link.onmouseout = new Function("clearPreview();");
	}
	image = document.getElementById('preview');
	frameBottomFull = document.getElementById('frame_bottom_full');
	frameBottomShort = document.getElementById('frame_bottom_short');
	frameRightFull = document.getElementById('frame_right_full');
	frameRightShort = document.getElementById('frame_right_short');
	isPageLoaded = true;
}

function previewLoaded() {
	if (!previewCleared && isPageLoaded) {
		image.style.display = "inline";  // avoid flicker on low speed connections
	}
}

function showPreview(link) {
//	clearPreview();
	image.alt = link;
	image.style.display = "none";  // avoid flicker on low speed connections
	frameBottomShort.style.display = 'inline';
	frameRightShort.style.display = 'inline';
	frameBottomFull.style.display = 'none';
	frameRightFull.style.display = 'none';
	image.style.left = xPos[link] + "px";
	image.style.top = yPos[link] + "px";
	previewCleared = false;
	image.src = "pics/" + link + "_pic.gif";
}

function clearPreview() {
	previewCleared = true;
	image.style.display = "none";  // avoid flicker on low speed connections
	frameBottomFull.style.display = 'inline';
	frameRightFull.style.display = 'inline';
	frameBottomShort.style.display = 'none';
	frameRightShort.style.display = 'none';
}