var slow = false;
if(navigator.userAgent.indexOf('Internet Explorer') != -1){slow = true;}
if(navigator.userAgent.indexOf('Media Center') != -1){slow = true;}

var current = '';
var doOpen = '';
var doClose = '';
var elem = new Array();

function init() {
	var menu = new Array('person', 'skills', 'kontakt');
	for (var i = 0; i < menu.length; i++) {
		var item = menu[i];
		elem[item] = new Object();
		elem[item]['elem'] = getElement(item);
		elem[item]['height'] = elem[item]['elem'].offsetHeight;
		elem[item]['elem'].style.display = 'none';	
	}
	hideBox(100, 'onload');
}

function menu(selection) {
	if (doClose != '') {
		closeBox(elem[doClose]['height'], doClose);
		if (selection == doClose) {
			doClose = '';
			doOpen = '';
		} else {
			doOpen = selection;
		}
	} else {
		elem[selection]['elem'].style.display = 'block';
		openBox(0, selection);
	}
	document.getElementById('a' + selection).blur();
}

function openBox(height, box) {
    if(height < elem[box]['height']) {
        newHeight = slow ? height + 29 : height + 9;
        elem[box]['elem'].style.height = newHeight + 'px';
        elem[box]['elem'].setTimer = setTimeout("openBox(" + newHeight + ", \"" + box + "\");", 0);
    } else {
    	elem[box]['elem'].style.height = elem[box]['height'] + 'px';
        clearTimeout(elem[box]['elem'].setTimer);
    	current = box;
        doClose = box;
    }
}

function closeBox(height, box) {
    if(height > 0) {
        newHeight = slow ? height - 29 : height - 9;
        if (newHeight < 0) {
        	newHeight = 0;
        }
        elem[box]['elem'].style.height = newHeight + 'px';
        elem[box]['elem'].setTimer = setTimeout("closeBox(" + newHeight + ", \"" + box + "\");", 0);
    } else {
    	elem[box]['elem'].style.height = '0px';
    	elem[box]['elem'].style.display = 'none';
        clearTimeout(elem[box]['elem'].setTimer);
        if (doOpen != '') {
        	elem[doOpen]['elem'].style.height = '0px';
        	elem[doOpen]['elem'].style.display = 'block';
        	openBox(0, doOpen);
        	doOpen = '';
        }
    }
}

function getElement(selection) {
	if (document.getElementById) {
		return document.getElementById(selection);
	} else if (document.all) {
		return document.all(selection).style.visibility ="visible";
	} else if (document.layers) {
		return document.layers(selection);
	}
}

function hideBox(opacity, box) {
	var elem = getElement(box);
	var newOpacity = slow ? opacity - 10 : opacity - 5;
	if (newOpacity > 0) {
		elem.style.opacity = (newOpacity / 100);
		elem.style.MsFilter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + newOpacity + ")";
		elem.style.filter = "alpha(opacity=" + newOpacity + ")";
		elem.style.MozOpacity = (newOpacity / 100);
        elem.setTimer = setTimeout("hideBox(" + newOpacity + ", \"" + box + "\");", 0);		
	} else {
        elem.style.display ='none';
        clearTimeout(elem.setTimer);		
	}
}