fancybox and custom tooltip together wont work
===

Hi guys I am using fancybox and a very simple jQuery tooltip together, the tooltip is for showing the "titles"

here is the jQuery for tooltip


    $(document).ready(function(){
    	tooltip();
    });
    	this.tooltip = function(){	
    	$("a.tooltip").hover(function(e){											  
    		this.t = this.title;
    		this.title = "";									  
    		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
    		$("#tooltip")
    
    			.fadeIn("fast");		
        },
    	function(){
    		this.title = this.t;		
    		$("#tooltip").remove();
        });	
    	$("a.tooltip").mousemove(function(e){
    		$("#tooltip")
    
    	});			
    };
    
    </script>


here is my fancybox code 
	

    <script type="text/javascript">
    		$(document).ready(function() {
    			
    			
    
    			$("a#example8").fancybox({
    				'titlePosition'	: 'over'
    			});
    
    			
    		});
    	</script>
    		
this is html code 

		<a id="example8"  class="tooltip" href="./example/8_b.jpg" title="Sed vel sapien vel sem tempus placerat eu ut tortor. Nulla facilisi. Sed adipiscing, turpis ut cursus molestie, sem eros viverra mauris, quis sollicitudin sapien enim nec est. ras pulvinar placerat diam eu consectetur."><img class="last" alt="example7" src="./example/8_s.jpg" /></a>
	

The title doesnt show up once clicked the image. but tooltip works ok
is that possible to make them work together?
Many thanks 