$(document).ready(function(){
    var o = 75;
    var u = 120;
    $("#timeline img").hover(
	function(){ 
	    $(this).width(u).height(u).css({margin: "-20px 0px 0px -18px",zIndex: 2}); 
	    var id = $(this).attr("id");
	    var of = $(this).offset();
	    $("#p" + id).show().css({top: (of.top - 24 ) + "px",
				     left: of.left + "px",
				     opacity: 0.6  });
	    $("#n" + id).show().css({top: (of.top + u ) + "px",
				     left: of.left + "px",
				     opacity: 0.7  });
	    
	},
	function(){ 
	    $(this).width(o).height(o).css({margin: "0px 20px 25px 0px",zIndex: 0}); 
	    var id = $(this).attr("id");
	    $("#p" + id).hide();
	    $("#n" + id).hide();
	}
    );
});