var ftt_height=300;
var ftt_width=300;

var ftt_additionalH=4; //like borders etc.
var ftt_additionalW=4; //like borders etc.

var ftt_offsetX=10;
var ftt_offsetY=10;


var floating_tooltip = null;

var ftt_innerW=null;
var ftt_innerH=null;

function floatingTooltipGetInnerDimension(){
	if (self.innerHeight){ // all except Explorer
		ftt_innerW = self.innerWidth;
		ftt_innerH = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight){ // Explorer 6 Strict Mode
		ftt_innerW = document.documentElement.clientWidth;
		ftt_innerH = document.documentElement.clientHeight;
	}
	else if (document.body){ // other Explorers
		ftt_innerW = document.body.clientWidth;
		ftt_innerH = document.body.clientHeight;
	}
}

function floatingTooltipSetPos(e){
	
	var sumH = ftt_height + ftt_additionalH + ftt_offsetY;

	if((e.clientY + sumH) < ftt_innerH){
		floating_tooltip.style.top = e.clientY + ftt_offsetY + 'px';
	}
	else{
		floating_tooltip.style.top = (ftt_innerH - sumH + ftt_offsetY) + 'px';
	}
	
	floating_tooltip.style.left = e.clientX + ftt_offsetX + 'px';
}

function floatingTooltipShow(e, pic, title){
	
	if(floating_tooltip && floating_tooltip.style.display=='block'){
		floatingTooltipSetPos(e);
		return;
	}
	
	if(floating_tooltip){
		floating_tooltip=document.getElementById('floating_tooltip');
	}
	else{
		floating_tooltip = document.createElement('DIV');
		floating_tooltip.id = 'floating_tooltip';
		document.body.appendChild(floating_tooltip);
	}
	
	
	floating_tooltip.innerHTML = '<img src="' + pic + '" alt="' + title + '">';// + title;

	floating_tooltip.style.width = ftt_width + 'px';
	floating_tooltip.style.height = ftt_height + 'px';
	
	floatingTooltipGetInnerDimension();
	floatingTooltipSetPos(e);
	floating_tooltip.style.display='block';

}

function floatingTooltipHide(){
	if(floating_tooltip){
		floating_tooltip.style.display='none';
	}
}