var baseTooltipElement;
var mainElem;
var vTooltipCoeff = 20;
var hTooltipCoeff = -170;

var mouseenter = function(event){
	var tooltipWidth = baseTooltipElement.offsetWidth/2;
	var tooltipHeight = baseTooltipElement.offsetHeight;
	var left = 0;
	var top = 0;
	if ( event.pageX > mainElem.offsetWidth - tooltipWidth ){
		left = ( mainElem.offsetWidth - tooltipWidth + hTooltipCoeff ) + 'px';
	}else{
		if ( event.pageX < tooltipWidth ){
			left = ( tooltipWidth + hTooltipCoeff ) + 'px';
		}else{
			left = ( event.pageX + hTooltipCoeff ) + 'px';
		}
	}
	var jopa = mainElem.offsetHeight + 400;
	if ( event.pageY > jopa - tooltipHeight ){
		top = jopa - tooltipHeight + 'px';
	}else{
		top = ( event.pageY + vTooltipCoeff ) + 'px';
	}
	
	$(baseTooltipElement).css({'left': left, 'top': top});
};

var creatBaseTooltip = function(){
/*<div id="glossaryContainer"><img class="png" src="/include/images/tips.gif" alt="" width="15" height="7"><div class="content"></div></div>*/
	baseTooltipElement = document.createElement('div');
	baseTooltipElement.setAttribute('id', 'glossaryContainer');
	mainElem.appendChild(baseTooltipElement);
	tmpElem = document.createElement('img');
	tmpElem.src = 'include/images/000.gif';
	sdfasfsd = tmpElem.src;
	if ((jQuery.browser.msie) && (parseInt(jQuery.browser.version)<6)) {
		tmpElem.src = 'include/images/000.gif';
		tmpElem.setAttribute('width', 15);
		tmpElem.setAttribute('height', 7);
		tmpElem.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + sdfasfsd + "',sizingMethod='scale')";
	}
	baseTooltipElement.appendChild(tmpElem);
		
	tmpElem = document.createElement('div');
	tmpElem.className = "content";
	baseTooltipElement.appendChild(tmpElem);
}

var tempTitle = '';
$(document).ready(function(){
	//$('.glossary').append( '<sup>?</sup>' );
	mainElem = document.getElementById('main_cont');

	creatBaseTooltip();
	
	$(document).mousemove(mouseenter);

	if ((jQuery.browser.msie) && (parseInt(jQuery.browser.version)<6)) {
		$(baseTooltipElement).css({"visibility": "hidden"});
		//$(baseTooltipElement).hide();
		//--new
		$(baseTooltipElement).css({"z-index": "0"});
	}else{
		$(baseTooltipElement).css({opacity: 0});
		//--new
		$(baseTooltipElement).css({"z-index": "0"});
	}
	
	
	$('.glossary').hover(
		function(){
			tempTitle = this.title;
			this.title = '';
			$('#glossaryContainer .content').html(tempTitle);
			if ((jQuery.browser.msie) && (parseInt(jQuery.browser.version)<6)) {
				$(baseTooltipElement).css({"visibility": "visible"});
				//$(baseTooltipElement).show();
				//--new
				$(baseTooltipElement).css({"z-index": "1001"});
			}else{
				$(baseTooltipElement).animate({opacity: 1}, { queue:false, duration:600 });
				//--new
				$(baseTooltipElement).css({"z-index": "1001"});
			}
		},
		function(){
			if ((jQuery.browser.msie) && (parseInt(jQuery.browser.version)<6)) {
				$(baseTooltipElement).css({"visibility": "hidden"});
				//$(baseTooltipElement).hide();
				//--new
				$(baseTooltipElement).css({"z-index": "0"});
			}else{
				$(baseTooltipElement).animate({opacity: 0}, { queue:false, duration:600 });
				//--new
				$(baseTooltipElement).css({"z-index": "0"});
			}
			this.title = tempTitle;
		}
	);
});