jQuery(document).ready(function(){
	jQuery("div#newsArchive a").each(function(){
		var id = jQuery(this).attr('href');
		id = id.split("#")[1];

		jQuery(this).bind("mouseover", function(e){
			renderToolTipPro(id, jQuery(this), e);
			jQuery(this).addClass("active");
	    });
		
		jQuery(this).bind("mouseout", function(e){
			removeToolTipAfterPro(removeDelayPro);
	    });
	});
});

var timeoutTollTipPro = null;
var removeDelayPro = 500;
var divTopOffsetPro = 15;
var divLeftOffsetPro = 10;

function renderToolTipPro(divSourceID, callerObject, event){
	// Delete previous created object
	removeToolTipPro();

	// Generate divs on the fly
	var htmlSource = jQuery('#'+divSourceID).html();
	var toolTipDiv = jQuery('<div id="tooltip" onmousemove="preventRemovingToolTipPro();" onmouseout="removeToolTipAfterPro('+removeDelayPro+');" class="fancy">'+htmlSource+'</div>');
		
	// Get mouse event
	var IE = $.browser.msie;
	var IEOld = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent);
	var left = event.pageX;
	var top = callerObject.parent().get(0).offsetTop;
		
	// Fix IE
	if (IE) {
		top = event.pageY;
	}
	
	if (event) {
		// position the helper 15 pixel to bottom right, starting from mouse position
		left = left + divLeftOffsetPro;
		top = top + divTopOffsetPro;
		var right='auto';
	}
		
	// Position div
	//jQuery(toolTipDiv).css("top", top+'px');
	//jQuery(toolTipDiv).css("right", "auto");
	//jQuery(toolTipDiv).css("left", left+'px');
	//jQuery(toolTipDiv).css("left", '550px');
	jQuery(toolTipDiv).appendTo(document.getElementById('newsArchive'));
	
	// Create onfocus event for all html objects in div
	jQuery("#tooltip > *").each(function(){
		jQuery(this).bind("mouseover", function(e) {
			preventRemovingToolTipPro();	
		});
	});		
	
	// Always remove tolltip after certain time, unless other events prevent this later
	
}

function preventRemovingToolTipPro() {
	if (timeoutTollTipPro) {
		clearTimeout(timeoutTollTipPro);
	}
}

function removeToolTipAfterPro(miliseconds) {
	timeoutTollTipPro = setTimeout(removeToolTipPro, miliseconds);
}

function removeToolTipPro(elem){
	if (timeoutTollTipPro) {
		clearTimeout(timeoutTollTipPro);
	}
	jQuery("div#newsArchive a.active").removeClass('active');
	jQuery("#tooltip").remove();
}