Social Network 'Plugin' Small Issue

Hi guys.

Here is my wordpress site: http://www.recognisethemovement.com

I’ve had a few issues with this theme someone built for me (but slowly teaching myself to fix these).

My question is what is the best way going about displaying ‘custom’ ‘share’ plugins?

I have made the ‘share’ image on photoshop, then mapped some coding/ links onto hotspots over the images.

I applied this html code into where I want it in the loop of the Header.php file, and it displays fine.

The only issue is, it seems to be sharing one post title to twitter/ facebook, even though it appears by default to all posts.

Here is my imagemap code I’m using:

<img src="http://recognisethemovement.com/wp-content/uploads/2012/01/socialplugins.jpg" width="547" border="0" usemap="#imap_61" >
<map id="imap_61" name="imap_61" >
  <area shape="rect" coords="59,2,149,20" alt="" title="Share This On Twitter" <a href="http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>&t=<?php the_title(); ?> target="_blank">
<area shape="rect" coords="403,5,500,19" alt="" title="Share This On Facebook" <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="_blank">
</map>

If anyone could help me fix it so that each ‘facebook’ ‘twitter’ and ‘comment’ link is relative to its permalink, not just one permalink, that would be amazing.

Thanks.