var tooltip = function()
{

	var id = 'tt';
	var top = 3;
	var left = 3;
	var maxw = 300;
	var speed = 10;
	var timer = 20;
	var endalpha = 95;
	var alpha = 0;
	var counter = 0;
	var tt,c,h,typ,width;
	var ie = document.all ? true : false;
	return{
		show:function(v,w,x){
			if(tt == null){
				tt = document.createElement('div');
				tt.setAttribute('id',id + 'whiteright');
				c = document.createElement('div');
				c.setAttribute('id',id + 'cont');
				tt.appendChild(c);
				document.body.appendChild(tt);
				tt.style.opacity = 0;
				tt.style.filter = 'alpha(opacity=0)';
				document.onmousemove = this.pos;
			}
			if((x == 1 && mapType == 'Karte') || (x == 3 && mapType == 'Karte') || (x == 5 && mapType == 'Karte') || (x == 7 && mapType == 'Karte'))
			{
				tt.id = 'ttgreyleft';
				c.style.color = 'white';
				c.style.textAlign = 'right';
			}
			if((x == 2 && mapType == 'Karte') || (x == 4 && mapType == 'Karte') || (x == 6 && mapType == 'Karte') || (x == 8 && mapType == 'Karte'))
			{
				tt.id = 'ttgreyright';
				c.style.color = 'white';
				c.style.textAlign = 'left';
			}
			if((x == 1 && mapType == 'Hybrid') || (x == 3 && mapType == 'Hybrid') || (x == 5 && mapType == 'Hybrid') || (x == 7 && mapType == 'Hybrid'))
			{
				tt.id = 'ttwhiteleft';
				c.style.color = 'black';
				c.style.textAlign = 'right';
				
			}
			if((x == 2 && mapType == 'Hybrid') || (x == 4 && mapType == 'Hybrid') || (x == 6 && mapType == 'Hybrid') || (x == 8 && mapType == 'Hybrid'))
			{
				tt.id = 'ttwhiteright';
				c.style.color = 'black';
				c.style.textAlign = 'left';
			}
			typ = x;
			width = w;
			counter = 0;
			tt.style.display = 'block';
			c.innerHTML = v;
			tt.style.width = w ? w + 'px' : 'auto';
			if(!w && ie){
				tt.style.width = tt.offsetWidth;
			}
			if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
			h = parseInt(tt.offsetHeight) + top;
			clearInterval(tt.timer);
			tt.timer = setInterval(function(){tooltip.fade(1)},timer);
		},
		pos:function(){
			//var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
			//var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
			//tt.style.top = (u - h) + 'px';
			//tt.style.left = (l + left) + 'px';
			var browser = navigator.appName;
		    if(browser == "Microsoft Internet Explorer")
			{
				if(typ == 1)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 85 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft - width + 'px';
				}
				if(typ == 2)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 85 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft + 103 + 'px';
				}
				if(typ == 3)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 124 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft - width + 'px';
				}
				if(typ == 4)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 124 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft + 103 + 'px';
				}
				if(typ == 5)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 163 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft - width + 'px';
				}
				if(typ == 6)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 163 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft + 103 + 'px';
				}
				if(typ == 7)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 202 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft - width + 'px';
				}
				if(typ == 8)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 202 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft + 103 + 'px';
				}
			}
			else
			{
				if(typ == 1)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 87 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft - width + 'px';
				}
				if(typ == 2)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 87 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft + 103 + 'px';
				}
				if(typ == 3)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 126 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft - width + 'px';
				}
				if(typ == 4)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 126 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft + 103 + 'px';
				}
				if(typ == 5)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 165 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft - width + 'px';
				}
				if(typ == 6)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 165 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft + 103 + 'px';
				}
				if(typ == 7)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 204 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft - width + 'px';
				}
				if(typ == 8)
				{
					tt.style.top = document.getElementById('toolbox').offsetTop + 204 + 'px';
					tt.style.left = document.getElementById('toolbox').offsetLeft + 103 + 'px';
				}
			}
		},
		fade:function(d){
			if(counter==30 || d == -1)
			{
				var a = alpha;
				if((a != endalpha && d == 1) || (a != 0 && d == -1)){
					var i = speed;
					if(endalpha - a < speed && d == 1){
						i = endalpha - a;
					}else if(alpha < speed && d == -1){
						i = a;
					}
					alpha = a + (i * d);
					tt.style.opacity = alpha * .01;
					tt.style.filter = 'alpha(opacity=' + alpha + ')';
				}else{
					clearInterval(tt.timer);
					if(d == -1){tt.style.display = 'none'}
				}
			}
			else
				counter++;
		},
		hide:function(){
			clearInterval(tt.timer);
			//tt.style.display = 'none';
			tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
		}
	};
}();