var offset = 0;

var numEle = 5;

var eleAry = new blankArray(numEle);
/**
eleAry[0] = 'span_top';
eleAry[1] = 'inhalt_main';
eleAry[2] = 'navi_menu';
eleAry[3] = 'bottom';
eleAry[4] = 'center';
**/

eleAry[0] = 'frame';
eleAry[1] = 'header';
eleAry[2] = 'main';
eleAry[3] = 'footertitle';
eleAry[4] = 'footer';

var leftAry;
var browser_id;
var div = null;
var tableCalendarTop = 0;

function show(td){
	p = getOffset(td);

	div = td.getElementsByTagName('div')[0];
	if(div == null) return;

	div.style.display = 'block';
	div.style.visibility = 'visible';
	
	if(p.y + 20 + div.offsetHeight + tableCalendarTop > document.documentElement.clientHeight){
		p.y = p.y - div.offsetHeight;
	}
	div.style.top = (p.y + 20) + 'px';
	div.style.left = (p.x - div.offsetWidth + 20) + 'px';
}

function getOffset(ele){
	var p = {
		x:0,
		y:0
	};
	for(;ele != null;ele=ele.offsetParent){
		p.x += ele.offsetLeft;
		p.y += ele.offsetTop;
		if((browser_id > 2) && ele.id != 'tableCalendar') break;
	}
	return p;
}

function hide(){
	if(div != null){
		div.style.display = 'none';
		div.style.visibility = 'hidden';
	}
}

function blankArray(n) {

	for (var i=0; i < n; i++) this[i] = null;

	this.length = n;

}

function body_load(){

	//	leftAry = new blankArray(numEle);
	//
	//	for(i=0;i<numEle;i++){
	//
	//		leftAry[i] = parseInt(document.getElementById(eleAry[i]).style.left);
	//
	//	}
	//
	//	adjust();
	//
	browser_id = browser_type();
	//
	if(browser_id == 4 || browser_id == 0 || browser_id == 3)sfHover();
////
//	if(browser_id > 2) tableCalendarTop = 422;
}

function adjust(){
	if(document.documentElement.clientWidth > 1050) offset=Math.floor(document.documentElement.clientWidth/2 -500);
	else offset = 0;

	for(i=0;i<numEle;i++){
		document.getElementById(eleAry[i]).style.left = (offset + leftAry[i]) + 'px';
	}
	offset = (document.documentElement.clientHeight != 0) ? document.documentElement.clientHeight : document.body.clientHeight;
	offset = (offset < 480) ? 0 : ((offset > 1200) ? 720 : (offset - 480));
	document.getElementById('inhalt_main').style.height = (offset + 258) + 'px';
}

sfHover = function() {

	var sfEls = document.getElementById("menu").getElementsByTagName("li");

	for (var i=0; i<sfEls.length; ++i) {

		sfEls[i].onmouseover=function() {

			this.className+=" sfhover";

		}

		sfEls[i].onmouseout=function() {

			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

		}

	}

}

function browser_type(){

	var browserName = navigator.appName;

	var browserVer = parseInt ( navigator.appVersion );

	if ( browserName == "Netscape" && browserVer >= 4 ) return 1;

	else if ( browserName == "Netscape" && browserVer < 4 ) return 2;

	else if ( browserName == "Microsoft Internet Explorer" && browserVer >=4 ) return 3;

	else if ( browserName == "Microsoft Internet Explorer" && browserVer <4 ) return 4;

	else if ( browserName == "Opera") return 5;

	else if ( browserName != "Microsoft Internet Explorer" && browserName != "Netscape" && browserName != "Opera") return 0;

}