$(document).ready(function(){   
	$('.tooltipjs').hover(function(e){
		var RelDef = $(this).attr('rel');
		
		var $kopia = $('#'+RelDef); // window to show
		
		$('body').append($kopia);

		var xoffset = 50;
		var yoffset = 120;	

	//	var xoffset = 300;
	//	var yoffset = 120;			
		
		var x, y, right, bottom;

	
	

		
		try { x = e.pageX+10; y = e.pageY-20; } // FF
		catch(e) { x = event.clientX+10; y = event.clientY-40; } // IE
	
		right = $('body').width(); // window width
		bottom =  (window.scrollY || document.documentElement.scrollTop || document.body.scrollTop) + $('body').height();

		/*
		if(navigator.appVersion.indexOf('MSIE')>0) 
			y += bottom-document.documentElement.clientHeight+yoffset; // for IE
		*/
		// alert ("x: " + x + "\ny: " + y);
		
		if(x > right-$kopia.width())
			x = x-xoffset-$kopia.width();

		if(y < bottom-$kopia.height()){
			y = y-yoffset-5-$kopia.height();
			if(navigator.appVersion.indexOf('MSIE')>0) 
				y -= 10; // for IE
		}


		var OY = y+'px';
		var OX = x+'px';

		
		/*
		var OX = X-190+'px';
		var OY = Y+100-$('body>#'+RelDef).height()+'px'; 
		*/
		//$kopia.append('<h3>'+OY+'</h3>');
		$kopia.css({visibility: 'visible', display: 'block', top: OY, left: OX});
	},
	function(){
		var RelDef = $(this).attr('rel');
		$('body>#'+RelDef).css({visibility: 'hidden', display: 'none'});
		return false;
	}); 
	
	if (!($.browser.safari))
	$('.tooltipjs').mouseout(function(e){
	   //alert ("test");
	   $(".tooltip_content_js").hide();
	}); 
	
});




function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
}