var hoverable = null;

$(document).ready(function(){
 		
 	 $("#projectview").hide();
	 
	 
	 $(".projectlink").mouseover(
	 	function () {	
	 				$("li").removeClass("projecthover");
					$(this).addClass("projecthover");
	});
					
	$(".projectlink").mouseout(
	 				function () {	
	 					$("li").removeClass("projecthover");
					});
	 
	 $(".projectlink").hover(
	 	function () {	
		  		
				if ( hoverable ) {
					clearTimeout( hoverable );
					hoverable = null;
				} else {
					$("#projectview").fadeIn('slow');
		 
				}
		  }, 
		  function () {
		  		hoverable = setTimeout(
		  		function() {
					$("#projectview").fadeOut('slow');
		 

					hoverable = null;
        		}, 500);
		  } 
	 );
 
		$(".projectlink").hover(function () { 
		
				switch ($(this).parent().attr("id")) {
					case "projectcol4":
							vleft = '36.2em';
							break;
					case "projectcol3":
							vleft = '18.9em';
							break;
					case "projectcol2":
							vleft = '53.35em';
							break;
					case "projectcol1":
							vleft = '36.2em';
							break;
				}

 
 
			$("#projectview").css({
					'top' : '22em', 
					'left' : vleft
			});
		
		
		
			$.get("/handlers/portfolio.php", { id: $(this).attr("id") }, 
					function(data) { 
							$("#projectview").html(data);
						
 				});
		});			
});