/* set opacity of any object */
function setopacity(obj, value) {
	obj.style.opacity = value;
	obj.style.filter = 'alpha(opacity=' + value*100 + ')';
}

/*** Tooltips ***/
function showTooltip(ele, customtext) {
	var div = document.getElementById('tooltip');
	var bg = document.getElementById('tooltipbackground');
	var body = document.getElementsByTagName('body')[0];
	if(!div) {
		div = document.createElement("div");
		div.style.visibility = 'hidden';
		div.id = 'tooltip';
		body.appendChild(div);
	}
	if(!bg) {
		bg = document.createElement("div");
		bg.style.display = 'none';
		bg.id = 'tooltipbackground';
		body.appendChild(bg);
	}

	if(customtext != undefined)
		div.innerHTML = '<div class="tooltipcontent">' + customtext + '</div>';
	else
		div.innerHTML = '<div class="tooltipcontent">' + ele.title + '</div>';

	ele.oldtitle = ele.title;
	ele.title = "";

	document.onmousemove = function(e) { 
		var coords = new Array();
		coords = followmouse(e, 10, 10).split("-");
		coords[0] = Math.round(coords[0]);
		coords[1] = Math.round(coords[1]);
		var div = document.getElementById('tooltip');
		div.style.display = 'block';
		div.style.visibility = 'visible';

		var divwidth = div.offsetWidth;
		var divheight = div.offsetHeight;
		var bodywidth = document.body.offsetWidth;

		var bg = document.getElementById('tooltipbackground');
		bg.style.display = 'block';
		setopacity(bg, 0.8);
		bg.style.width = divwidth + 'px';
		bg.style.height = divheight + 'px';

		if(Math.round(coords[0] + divwidth + 50) > bodywidth) {
			div.style.left = bg.style.left = (bodywidth - divwidth - 50) + "px";
		}
		else {
				div.style.left = bg.style.left = (coords[0]+10) + "px";
				div.style.top = bg.style.top = (coords[1]+10) + "px";

		}

				div.style.top = bg.style.top = (coords[1]-50) + "px";

	}

	ele.onmouseout = function() {
		this.title = ele.oldtitle;
		this.onmouseout = function() {};
		document.onmousemove = function() {};
		document.getElementsByTagName('body')[0].removeChild(document.getElementById('tooltip'));
		document.getElementsByTagName('body')[0].removeChild(document.getElementById('tooltipbackground'));
	}
}

function followmouse(ele, start_x, start_y){
	var xcoord = start_x;
	var ycoord = start_y;
	if (typeof ele != "undefined") {
		xcoord += ele.pageX;
		ycoord += ele.pageY;
	} else if (typeof window.event != "undefined") {
		xcoord += document.getElementsByTagName('body')[0].scrollLeft + event.clientX;
		ycoord += document.getElementsByTagName('body')[0].scrollTop + event.clientY;
	}

	return (xcoord + '-' + ycoord);
}

function initTooltips() {
	var el = document.getElementsByTagName('*');
	for(i=0; i<el.length; i++) {
		if(el[i].className.indexOf('tooltip') > -1) {
			el[i].onmouseover = function() {
				showTooltip(this);
			};
		}
	}
}

window.addEvent('domready', function() {
	initTooltips();
});

var opacity;
var changeOpacity;
var counter;


window.addEvent('domready', domready);
function domready() {
    windowdomready = true;
    myObjects = new Object();
   
    var starttyp1 = document.getElementById('starttyp1');
    var starttyp2 = document.getElementById('starttyp2');
    var starttyp3 = document.getElementById('starttyp3');
    var starttyp4 = document.getElementById('starttyp4');
    for (i=1; i<5; i++) {
        eval('starttyp'+i).style.opacity='0';
        eval('starttyp'+i).style.filter='alpha(opacity=0)';
        eval('starttyp'+i).style.display='block';
        eval('starttyp'+i).style.visibility='visible';
    }
    opacity = 0;
    counter = 1;
    if(!changeOpacity)
    changeOpacity = window.setInterval("func_fade_in()", 20);
}

/*BO Einblendfunktion*/
function func_fade_in () {
	if (opacity < 100) {
		opacity = opacity+3;
		setOpacity(document.getElementById('starttyp'+counter), opacity);
		
	} else {
		clearInterval(changeOpacity);
		window.setTimeout(" changeOpacity = window.setInterval('func_fade_out()', 20);",4000);		
	}
}

function func_fade_out () {
	if (opacity > 0) {
		opacity = opacity-3;
		setOpacity(document.getElementById('starttyp'+counter), opacity);
	} else {
		clearInterval(changeOpacity);
		if (counter < 4) {
			counter = counter+1;
		} else {
			counter = 1;
		}
		changeOpacity = window.setInterval("func_fade_in()", 20);
	}
}


function setOpacity(e,opacity) {
	var o=e.style;
	o.opacity=(opacity/100); //Opera
	o.MozOpacity=(opacity/100); //Mozilla+Firefox
	o.KhtmlOpacity=(opacity/100); //Konqueror
	o.filter="alpha(opacity="+opacity+")"; //IE
}
/*EO Einblendfunktion*/