$(document).ready(function(){

	var offsetX = -75;
	var offsetY = -20;
	$(".iconlink").hover(function(e){				
		var desc = $(this).children(".introtext").html();
		$("body").append('<div id="tooltippp"><div class="zone">'+desc+'</div></div>');
		$("#tooltippp")	.children(".zone").corner("10px");
		$("#tooltippp")								
			.css('top', e.pageY - offsetY)
			.css('left', e.pageX + offsetX)
			.fadeIn("slow");
	
	},function(){	
		$('#tooltippp').remove();		
	});	
	$(".iconlink").mousemove(function(e) {
		$("#tooltippp").css('top', e.pageY - offsetY).css('left', e.pageX + offsetX);
	});
	
	var glossaryoffsetX = -32;
	var glossaryoffsetY = -20;
	$(".glossaryicon").hover(function(e){	
		
	//	var parentid = $(this).parent().attr("id").substring(5,20);			
	//	$("#page ul li:not(#item_"+parentid+")").fadeTo("slow", 0.7);
								
		var src = $(this).children("img").attr("src");
		var desc = $(this).children(".introtext").html();
		$("body").append('<div id="glossarytooltippp"><div class="zone" style="background: white url('+src+') no-repeat 10px center;"><span class="desc">'+desc+'</span></div></div>');
		Cufon.replace('.zone');		
		$("#glossarytooltippp")	.children(".zone").corner("10px");
		$("#glossarytooltippp")										
			.css('top', e.pageY - glossaryoffsetY)
			.css('left', e.pageX + glossaryoffsetX)
			.fadeIn("slow", launchRel($(this)));
	
	},function(){	
//		var parentid = $(this).parent().attr("id").substring(5,20);	
//		$("#page-glossary ul li").stop().css("opacity","1");		
		$('#glossarytooltippp').remove();		
		hideRel();
	});	
	$(".glossaryicon").mousemove(function(e) {
		$("#glossarytooltippp").css('top', e.pageY - glossaryoffsetY).css('left', e.pageX + glossaryoffsetX);
	});	
	
	function launchRel(thisis){
		var rel = thisis.attr("rel");
		var parentid = thisis.parent().attr("id").substring(5,20);	
		if( rel!=""){
			var rels=rel.split(",");
			$("#page-glossary ul li:not(#item_"+rels[0]+",#item_"+rels[1]+",#item_"+parentid+")").stop().fadeTo("slow", 0.4);
			
				var src2 = $("#item_"+rels[0]).children("a").children("img").attr("src");
				var desc2 = $("#item_"+rels[0]).children("a").children(".introtext").html();
				$("#page-glossary").append('<div id="glossarytooltippp2"><div class="zone" style="background: white url('+src2+') no-repeat 10px center;"><span class="desc">'+desc2+'</span></div></div>');	
				var src3 = $("#item_"+rels[1]).children("a").children("img").attr("src");
				var desc3 = $("#item_"+rels[1]).children("a").children(".introtext").html();
				$("#page-glossary").append('<div id="glossarytooltippp3"><div class="zone" style="background: white url('+src3+') no-repeat 10px center;"><span class="desc">'+desc3+'</span></div></div>');	

				Cufon.replace('.zone');		
				$(".zone").corner("10px");

				var top2 = $("#item_"+rels[0]).css("top").split("px");
				top2 = parseInt(top2[0]) + 60;
				top2 = top2+"px";				
				$("#glossarytooltippp2")										
					.css('top', top2)
					.css('left', $("#item_"+rels[0]).css("left"))
					.fadeIn("slow");							
					
				var top3 = $("#item_"+rels[1]).css("top").split("px");
				top3 = parseInt(top3[0]) + 60;
				top3 = top3+"px";				
				$("#glossarytooltippp3")										
					.css('top', top3)
					.css('left', $("#item_"+rels[1]).css("left"))
					.fadeIn("slow");							


		}
	}
	
	function hideRel(){
		$('#glossarytooltippp3').remove();		
		$('#glossarytooltippp2').remove();				
		$("#page-glossary ul li").stop().css("opacity","1");	

	}	
	
});