////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//			TOOLTIP variables
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var tooltip_id = 'div_Tooltip';
var tooltip_content_id = 'div_Tooltip_inner';
var obj_Tooltip = '';
var obj_Tooltip_content = '';
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//			TOOLTIP functions
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function UNI_showTooltip(obj, event){
	if(!event){
		event=window.event;
	}
	
	obj_Tooltip = document.getElementById(tooltip_id);
	obj_Tooltip_content = document.getElementById(tooltip_content_id);

	if(obj.getAttribute('u:tooltipwidth')){
		obj_Tooltip.style.width = parseInt(obj.getAttribute('u:tooltipwidth'))+'px';
		obj_Tooltip.style.maxWidth = parseInt(obj.getAttribute('u:tooltipwidth'))+'px';
	}else{
		obj_Tooltip.style.width = "225px";
		obj_Tooltip.style.maxWidth = '225px';
	}
	obj_Tooltip_content.innerHTML = obj.getAttribute('u:tooltiptext');
	
	//shows or hide the tooltip
	if (obj_Tooltip){
		if(obj_Tooltip.innerHTML != ""){
			if (obj_Tooltip.style.display == 'block'){
				obj_Tooltip.style.display = 'none';
			}else{
				obj_Tooltip.style.display = 'block';

				//show the tooltip at the cursor location
				UNI_moveTooltip(event);
			}
		}
	}

	//onmouseout the tooltip should disappear
	obj.onmouseout = UNI_hideTooltip;
	
	//obj.onclick += hideTooltip;
	//onmousemove the tooltip should move along with the cursor
	obj.onmousemove = UNI_moveTooltip;
	
	
}

function UNI_moveTooltip(event)	{
	if(!event){
		event=window.event;
	}
		
	if (obj_Tooltip){
		if (browser_type.isIE){
			if ((parseInt(event.clientX)+parseInt(obj_Tooltip.style.width)) < document.getElementById('index').clientWidth){
				obj_Tooltip.style.left = (event.clientX - 55) + document.getElementById('index').scrollLeft + 'px';
			}else{
				obj_Tooltip.style.left = (event.clientX + 55 - parseInt(obj_Tooltip.style.width)) + document.getElementById('index').scrollLeft + 'px';
			}
			obj_Tooltip.style.top = event.clientY + document.getElementById('index').scrollTop + 15 + 'px';
			
			
		}else{
			if ((parseInt(event.pageX)+parseInt(obj_Tooltip.style.width)) < window.innerWidth){
				obj_Tooltip.style.left = (parseInt(event.pageX) - 55) + 'px';
			}else{
				obj_Tooltip.style.left = (parseInt(event.pageX) + 55 - parseInt(obj_Tooltip.style.width)) + 'px';
			}
			obj_Tooltip.style.top = event.pageY + 15 + 'px';
		}
	}
}

function UNI_hideTooltip(){
	if (obj_Tooltip){
		obj_Tooltip.style.display = 'none';
	}
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//			//TOOLTIP FUNCTIONS//
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////