function tooltip() {}
var show_hint = false;
var delay = 1000;

jQuery(document).ready(function($) {
	var xOffset = 50;
	var yOffset = 0;
	
	function tHover(target) {		
		unHover(target);
		$(target).find('img').removeAttr('alt');
		var products = eval('(' + $('#product-info').val() + ')');
		var tt = products[$(target).attr('pid')];
		if (!tt) return;		
		//$(target).parents('.product').css({'z-index': 500, 'position':'relative'});
		//$(target).css({'position':'relative', 'overflow':'visible', 'z-index':6000});
		//$(this).append("<span id='tooltip'>"+ tt +"</span>");
		$('body').append("<div id='tooltip'>"+ tt +"</div>");
		$('select').addClass('ie6-remove-select');
	}
	
	function tooltip() {
		$(".hint").live('mouseenter', function(e){
				if (show_hint === false) {
					return;
				}
				var elem = this;
				$(this).data('e', e);				
				var timer = setTimeout(function () {
					tHover(elem);
					fixPosition($('#tooltip'), $(elem).data('e'));
					$(elem).data('timer', false);													
				}, delay);				
				$(this).data('timer', timer);				
	    })
	    .live('mouseleave', function() {
	    		clearTimeout($(this).data('timer'));
	    		$(this).removeData();	    	
				$('select').removeClass('ie6-remove-select');
				unHover(this);				
	    });
	    	
		$(".hint").live('mousemove', function(e){
			if (show_hint === false) {
				return;
			}
			
			if ($(this).data('timer') || !$(this).data('e')) {				
				$(this).data('e', e);
				return;
			}
			
			if ($('#tooltip').length < 1) {
				tHover(this);
			}
			fixPosition($('#tooltip'), e);
		});			
	};
	
	function unHover(obj) {		
		$('#tooltip').remove();
	}
	
	function fixPosition(obj, e) {
		//var parent_left = $(obj).parent().offset().left;
		//var parent_top = $(obj).parent().offset().top;
		var parent_left = $('body').offset().left;
		var parent_top = $('body').offset().top;
		product_left = parent_left;
		product_top = parent_top;
		var new_left = (e.pageX - parent_left + xOffset);
		if (parent_left + new_left + 344 > $('body').width()) {
			$("#tooltip").css({"left": (e.pageX - parent_left - xOffset - 344) + "px"})
		} else {
			$("#tooltip").css({"left": new_left + "px"});
		}
		
		//if (e.pageX - parent_left < 0 || e.pageX - parent_left > $(obj).parent().width()) {
		//	unHover(obj);
		//}
		//new_top = ($(window).scrollTop() - parent_top - 12 + (($(window).height() - 20 - $("#tooltip").height()) / 2));
		var new_top = 0;
		if ($('#tooltip').height() > $(window).height() - 60) {
			$("#tooltip").height($(window).height() - 60);
			new_top = ($(window).scrollTop() + 10);
		} else {
			var offset = $(window).height() - (e.pageY - $(window).scrollTop())
			if (offset > $('#tooltip').height() + 60) {
				new_top = e.pageY + 10;
			} else {
				new_top = e.pageY + 10 - ($('#tooltip').height() + 60 - offset);
			}
		}
		$("#tooltip").css({"top": new_top + 'px'});
	}
	
	tooltip();
});