$(document).ready(function(){
	$('.popup').parent().hover(function(){
		var _this = this;
		this.timer = setTimeout(function(){ $(_this).css('zIndex',99).find('.popup').show() },250);
	}, function(){
		if (this.timer) clearTimeout(this.timer);
			$(this).css('zIndex',0).find('.popup').hide();
	});
	
	var _tooltip = $('<div id="tooltip"><div class="left"><p></p></div><div class="right"></div></div>').css({
		position: 'absolute',
		zIndex: 1000,
		display: 'none'
	});
	if ($.browser.msie && $.browser.version <= 7) _tooltip.hide();
	else _tooltip.css('opacity', 0);
	var tooltip_l = _tooltip.find('.left p');
	$('body').append(_tooltip);
	$('a.tooltip').hover(function(e){
		if ($.browser.msie && $.browser.version <= 7){
			_tooltip.css({
				top: e.pageY,
				display: 'block'
			});
		}
		else{
			_tooltip.stop().css({
				top: e.pageY,
				display: 'block'
			}).animate({opacity: 1}, 150);
		}
		tooltip_l.html($(this).attr('title'));
		if(this.className.indexOf('r-part') != -1) _tooltip.addClass('tooltip-r').css('left', e.pageX - _tooltip.width());
		else _tooltip.removeClass('tooltip-r').css('left', e.pageX);
	}, function(){
		if ($.browser.msie && $.browser.version <= 7) _tooltip.hide();
		else _tooltip.stop().animate({opacity: 0}, 150, function(){ $(this).hide();});
	}).mousemove(function(e){
		_tooltip.css('top',e.pageY);
		if(this.className.indexOf('r-part') != -1) _tooltip.css('left', e.pageX - _tooltip.width());
		else _tooltip.css('left', e.pageX);
	});
});