var arbeiten = new Array();
var windowMinHeight = 730;
var arbeitHeight = 30;
var vAbstand = 25;
var hAbstand = 10;
var imgs = new Array();
var arbeit = -1;
var styleLeftLeft = 0;
var styleLeftRight = 0;
var spacer = new Array(0,81);//platz oben, platz drauftun
var vSpace = 0;
var bottomHeight = 104;
var direction = 'Left';
var geladen = false;
imgs['drauftun'] = new Image(211,42);
imgs['drauftun'].src = 'pix/drauftun.gif';
imgs['kontakt'] = new Image(90,83);
imgs['kontakt'].src = 'pix/kontakt.gif';
imgs['pfeilBerg'] = new Array();
imgs['pfeilBerg'][0] = new Image();
imgs['pfeilBerg'][0].width = 37;
imgs['pfeilBerg'][0].height = 37;
imgs['pfeilBerg'][0].src = 'pix/pfeilBerg.gif';
imgs['pfeilBerg'][1] = new Image();
imgs['pfeilBerg'][1].width = 155;
imgs['pfeilBerg'][1].height = 82;
imgs['pfeilBerg'][1].src = 'pix/bergArbeit.gif';

function openPortfolio(){
	window.open("portfolio.html","Portfolio","width=430,height=580,left=200,top=100,status=no,toolbar=no,menubar=no,hotkeys=no,resizeable=no,location=no,dependent=yes,scrollbars=yes").focus();
}

function loadPosition(){
	geladen = true;
	setTimeout("setMoPosition()",100);
}

function loadPositionOnResize(){
	setTimeout("setMoHorizontalPosition()",100);
}

function setMoPosition(){
	if(geladen){
		setMoTopPosition();
		setMoHorizontalPosition();
	}else{
		alert("notLoaded");
	}
}

function setMoTopPosition(){
	var mspace = getInteger(document.getElementsByTagName('span')['moBottom'].offsetTop);
	var wch = getWindowHeight();
	//alert("setMoTopPosition: " +  mspace + ":" + wch + "|" + windowMinHeight);
	wch = wch < windowMinHeight ? windowMinHeight : wch;
	if(spacer[0] < (wch - mspace)){
		spacer[0] = wch - mspace;
		addTopSpace(spacer[0]);
		//alert(document.getElementsByTagName('td')['mo_vSpacer'].style.height);
	}
	window.scrollTo(0,wch);
}

function addTopSpace(space){
	var curH = getInteger(document.images['mo_vSpacer'].height);
	document.images['mo_vSpacer'].height = (curH + space);
}

function setMoHorizontalPosition(){
	var platz = getAbsoluteOffsetLeft(document.getElementsByTagName('table')['arbeiten']);
	styleLeftRight = platz + 75 + hAbstand;
	styleLeftLeft = platz - hAbstand;
	if(arbeit != -1){
		showProjekt(arbeit, direction);
		direction = direction == 'Right' ? 'Left' : 'Right';
		hidePreview(arbeit);
		showPreview(arbeit);
		direction = direction == 'Right' ? 'Left' : 'Right';
	}
}

function over(idx){
	if(idx != arbeit){
		if(arbeit == -1){
			direction = 'Left';
		}
		document.getElementsByTagName('td')['arbeit'+idx].style.backgroundColor = '#666666';
		showProjekt(idx, direction == 'Left' ? 'Right' : 'Left');
	}
}
function out(idx, t){
	if(idx != arbeit){
		document.getElementsByTagName('td')['arbeit'+idx].style.backgroundColor = '#B3B3B3';
		if(t){
			hideProjekt(direction);
		}else{
			hideProjekt(direction == 'Left' ? 'Right' : 'Left');
		}
	}
}
function showProjekt(idx, direct){
	var div = document.getElementsByTagName('div')['projekt'+direct];
	div.style.top = (getProjektOffsetTop(idx) - 13) + "px";
	//alert(div.style.top);
	div.style.left = (direct == 'Left' ? styleLeftLeft - 375 : styleLeftRight) + 'px';
	div.style.visibility = "visible";
	document.getElementsByTagName('td')['projekt'+direct+'Text'].innerHTML = arbeiten[idx][0];
}

function hideProjekt(direct){
	var div = document.getElementsByTagName('div')['projekt'+direct];
	div.style.top = '-300px';
	div.style.visibility = "hidden";
	document.getElementsByTagName('td')['projekt'+direct+'Text'].innerHTML = '';
}

function showPreview(idx){
	document.getElementsByTagName('td')['arbeit'+idx].style.backgroundColor = '#FF9966';
	document.getElementsByTagName('td')['previewTitle'].innerHTML = arbeiten[idx][2];
	document.getElementsByTagName('td')['previewContent'].innerHTML = arbeiten[idx][1];
	var win = document.getElementsByTagName('div')['previewFrame'];
	var h = arbeiten[idx][4] + 15;
	var w = arbeiten[idx][3];

	if(document.all){
		h -= 2;
		w -= 2;
	}
	if(navigator.platform.toLowerCase().search(/mac/) != -1){
		w += 2;
	}


	setPreviewWindowPosition(win, h, w, idx);
	win.style.width = w + 'px';
	win.style.height = h + 'px';
	win.style.visibility = 'visible';



	var tab = document.getElementsByTagName('table')['previewTable'];
	tab.style.width = w + 'px';
	tab.style.height = (h-2) + 'px';
	//alert(aOT + "|" + w + "|" + h);
}

function setPreviewWindowPosition(win, h, w, idx){
	setPreviewWindowHorizontalPosition(win, w);
	setPreviewWindowVerticalPosition(win, h, idx);
}

function getProjektOffsetTop(idx){
	return getAbsoluteOffsetTop(document.getElementsByTagName('table')['arbeiten']) + (idx * 10);
}

function setPreviewWindowVerticalPosition(win, h, idx){
	var aOT = getProjektOffsetTop(idx);
	var topSpace = 0;
	if(aOT + arbeitHeight + vAbstand + h + bottomHeight < spacer[0]){//wenn es unter die projektbeschreibung passt
		topSpace = aOT + arbeitHeight + vAbstand;
	}else if(aOT - (h + vAbstand) >= 12){
		topSpace = aOT - (h + vAbstand);
	}else{
		//alert("setPreviewWindowVerticalPosition: " + aOT + "|" + (h + vAbstand + 12));
		addTopSpace((h + vAbstand + 12) - aOT);
		showProjekt(arbeit, direction == 'Left' ? 'Right' : 'Left');
		setPreviewWindowVerticalPosition(win, h, idx);
	}
	win.style.top = topSpace + 'px';
}

function setPreviewWindowHorizontalPosition(win, w){
	var leftSpace = direction == 'Right' ? styleLeftLeft - w : styleLeftRight;
	win.style.left = leftSpace + "px";
}

function hidePreview(){
	var win = document.getElementsByTagName('div')['previewFrame'];
	win.style.visibility = 'hidden';
	win.style.top = "-10px";
	win.style.left = "-10px";
	win.style.width = '0px';
	win.style.height = '0px';
	document.getElementsByTagName('td')['previewContent'].innerHTML = '';
	document.getElementsByTagName('td')['previewTitle'].innerHTML = '';
}

function showArbeit(idx){
	if(idx == arbeit){
		hidePreview(arbeit);
		old = arbeit;
		arbeit = -2;
		out(old, true);
		direction = direction == 'Right' ? 'Left' : 'Right';
		over(old);
		arbeit = -1;
	}else{
		if(arbeit >= 0){
			hidePreview(arbeit);
			var old = arbeit;
			arbeit = -1;
			out(old, true);
		}
		arbeit = idx;
		showPreview(arbeit);
		direction = direction == 'Right' ? 'Left' : 'Right';
	}
}

function hideArbeit(){
	var old = arbeit;
	arbeit = -1;
	hidePreview(old);
	out(old, true);
	direction = 'Left';
}

function near(a, m, t){
	return a < m + t && a > m - t;
}

function getWindowHeight(){
	if(window.innerHeight){
		//alert(window.innerHeight);
		return window.innerHeight;
	}else if(document.all){
		//alert("getWindowHeight: " + document.body.offsetHeight);
		return document.body.offsetHeight;
	}
	//alert("nichts gefunden");
	return windowMinHeight;
}

function changeImg(imgID, was){
	if(was == 1){
		document.images[imgID].src = imgs[imgID].src;
	}else{
		document.images[imgID].src = 'pix/px.gif';
	}
}

function changeThisImg(img, idx){
	img.src = imgs[img.id][idx].src;
	img.width = imgs[img.id][idx].width;
	img.height = imgs[img.id][idx].height;
}


function getAbsoluteOffsetTop(ele){
	if(ele.parentNode.nodeName.toLowerCase() != "body"){
		if(ele.nodeName.toLowerCase() == 'tr'){
			return getAbsoluteOffsetTop(ele.parentNode);
		}else{
			return getInteger(ele.offsetTop) + getAbsoluteOffsetTop(ele.parentNode);
		}
	}else{
		return getInteger(ele.offsetTop);
	}
}

function getAbsoluteOffsetLeft(ele){
	if(ele.parentNode.nodeName.toLowerCase() != "body"){
		//alert(ele.nodeName + ":" + ele.offsetLeft);
		return getInteger(ele.offsetLeft) + getAbsoluteOffsetLeft(ele.parentNode);
	}else{
		return getInteger(ele.offsetLeft);
	}
}

function getInteger(val){
	if(isNaN(parseInt(val))){
		return 0;
	}
	return parseInt(val);
}

onresize = loadPositionOnResize;