var global_ilto = false;
var global_illto = false;

function hand(obj){
	obj.style.cursor = 'pointer';
}

function showInfoGrafik(elem, header, content, link) {
	if(global_ilto) {
		window.clearTimeout(global_ilto);
	}
	if(global_illto) {
		window.clearTimeout(global_illto);
	}
	
	function findPos(obj){ // find xy on screen
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft;
			curtop = obj.offsetTop;
	
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft;
				curtop += obj.offsetTop;
			}
	  }
	  return [curleft,curtop];
	};
	
	var koo = findPos(elem);;
	var x = koo[0]-(244) + 'px';
	var y = koo[1]-(15) + 'px';		


	text = '<div class="info_grafik_layer"><div class="info_grafik_layer_top"><p class="hl">' + header +  '</p></div><div class="info_grafik_layer_center">';
	text += '<p>';
	text += content;
	text += '</p></div>';
	text += '<div class="info_grafik_layer_bottom">&#160;</div></div>';	

	MM_changeProp('infoBoxLayer','','style.top',y,'DIV');
	MM_changeProp('infoBoxLayer','','style.left',x,'DIV');
	MM_changeProp('infoBoxLayer','','style.display','block','DIV');
	MM_changeProp('infoBoxLayer','','innerHTML', text, 'DIV');	
	
	var iblayer = document.getElementById('infoBoxLayer');
	
	elem.onmouseout = function(){
		global_ilto = window.setTimeout(function(){closeInfoGrafik()}, 10);
	}
	
    iblayer.onmouseover = function() {
		if(global_ilto) {
			window.clearTimeout(global_ilto);
			this.onmouseover = function() {
				if(global_illto) {
					window.clearTimeout(global_illto);
				}
			}
		}
		
		this.onmouseout = function(e) {
			// http://www.quirksmode.org/js/events_mouse.html
			if (!e) var e = window.event;
			//	var tg = (window.event) ? e.srcElement : e.target;
			var tg = this;
			if (tg.nodeName != 'DIV') return;
				var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
				if(reltg && reltg.nodeName != "xul:nativescrollbar"){
				while (reltg != tg && reltg.nodeName != 'BODY'){				
					reltg= reltg.parentNode
					if (reltg== tg) return;
				
				}	
				// Mouseout took place when mouse actually left layer
				// Handle event
				global_illto = window.setTimeout(closeInfoGrafik, 10);
			}
		}        
	
	}	
}

function closeInfoGrafik(){
	//onmouseout
	MM_changeProp('infoBoxLayer','','style.display','none','DIV');
	$('info_icon_1').src='https://ui.zanox-affiliate.de/mailat/images/mails/899030/button_i.jpg';
	$('info_icon_2').src='https://ui.zanox-affiliate.de/mailat/images/mails/899030/button_i.jpg';	
	$('info_icon_3').src='https://ui.zanox-affiliate.de/mailat/images/mails/899030/button_i.jpg';
}


var positionY = 0;
var positionX = 0;
function Mausbewegung (Ereignis) {
	if (!Ereignis) {
		Ereignis = window.event;
	}
	if (document.all) {
		positionY  = document.documentElement.scrollTop + Ereignis.clientY;
		positionX  = document.documentElement.scrollLeft + Ereignis.clientX;
	} 
	else { 
		if (document.getElementById) {
    			positionY  = Ereignis.pageY;
    			positionX  = Ereignis.pageX;
  		}
	}
}

document.onmousemove = Mausbewegung;