$(function()
{
var info;
var x,y;
	$('.test a').mousedown(function(e)
	{
		$('#up').remove();
		x = e.pageX;
		y = e.pageY;
		info = $(this).attr('alt');
		//alert(info);
		//alert(e.pageX+" , "+e.pageY);
		$('#middle_column').append("<div id='up'><div id='info'>" +(info)+"</div></div>");
		$('#info').css("left",(e.pageX+50)+"px");
		$('#info').css("top",(e.pageY-30)+"px");
		$('#up').append("<div id='close'><img src='images/cancel.png' width='32' height='32'></div");
		$('#close').css("left",(x+36)+"px");
		$('#close').css("top", (y-43)+"px");
		//$('#close').css("position","bottom right");
		$('#close').mousedown(function()
		{
			$('#up').remove();
			});
		});	
});
$(document).ready(function(){
	
	//--------------------------					   
	$("#experience").fadeTo("slow", 0.5);
	
	$("#experience").hover(function(){
	
	$(this).fadeTo("slow", 1.5);
	},function(){
	$(this).fadeTo("slow", 0.5);
	
	});
});