// var Header = {
// 	addFade : function(selector){
// 		$(selector+" a").bind("mouseenter",function(){
// 			$(selector+" .fake-hover").fadeIn("fast");
// 		});
// 		$(selector+" a").bind("mouseleave",function(){
// 			$(selector+" .fake-hover").fadeOut("fast");
// 		});		
// 	}
// };

function mouse_over_element(e, el) {
	var pos = el.offset();
	// alert('hi ' + e.pageX + ' ' + e.pageY + ' // ' + pos.left + ' ' + pos.top);
	return e.pageX >= pos.left && e.pageX < (pos.left + el.outerWidth()) &&
	       e.pageY >= pos.top && e.pageY < (pos.top + el.outerHeight());
}

var currentLink = null;

$(function(){
	
	$("<span class=\"fake-hover\"></span>").css("display", "none").prependTo(".content-work ul li");
	$(".content-work ul li a").hover(
		function(e){
			// set var to currently-hovered image.
			currentLink = $(this);
			// fade in
			currentLink.prev().fadeIn("fast");
		},
	  function(e){
		  // if mouse is not over currently-hovered image:
		  if (!mouse_over_element(e, currentLink)) {
				// fade out
				currentLink.prev().fadeOut("fast");
				// clear var
				currentLink = null;
			}
		}
	);

});