$(document).ready(function()
{
	$(".introduce").each(function()
	{
		var id = "#"+$(this).attr("ref");
		$(this).mouseover(function() {
			$(id).fadeIn();
			$(this).mousemove(function(e) {
				$(id).css("left", e.pageX - 30).css("top", e.pageY + 30);
			});
		}).mouseout(function() {
			$(id).hide();
		});
	});
	
	$(".introducesmall").each(function()
	{
		var id = "#"+$(this).attr("ref");
		$(this).mouseover(function() {
			var pos = $(this).offset();
			var height = $(this).height();
			var width = $(this).width();
			$(id).css("left", pos.left).css("top", pos.top + height + 25).fadeIn();
		}).mouseout(function() {
			$(".introducepartsmall").each(function(){ $(this).hide(); });
		});
	});
});