(function( $ ) {
  $(document).ready(function() { 
    var url = window.location.href;
    var host =  window.location.hostname;
    var title = $('title').text();
    title = escape(title); //clean up unusual characters
 
    var twit = 'http://twitter.com/share';
    var facebook = 'http://www.facebook.com/sharer.php?u='+url;
    var digg = 'http://digg.com/submit?phase=2&url='+url+'&title='+title;
    var stumbleupon = 'http://stumbleupon.com/submit?url='+url+'&title='+title;
    var wong = 'http://www.mister-wong.com/index.php?action=addurl&bm_url=[[url]]&bm_description=[[title]]&bm_tags=[[tags]],&bm_notice=[[description]]';
    var delicious  = 'http://del.icio.us/post?url='+url+'&title='+title;
 
    var tbar = '<div id="socializethis"><span>Share<br /></span><div id="sicons">';
    tbar += '<a target="_blank" href="'+twit+'" id="twit" title="Share on twitter"><img src="images/book32x32/twitter.png"  alt="Share on Twitter" width="30" height="30" /></a>';
    tbar += '<a target="_blank" href="'+facebook+'" id="facebook" title="Share on Facebook"><img src="images/book32x32/facebook.png"  alt="Share on facebook" width="30" height="30" /></a>';
    tbar += '<a target="_blank" href="'+digg+'" id="digg" title="Share on Digg"><img src="images/book32x32/digg.png"  alt="Share on Digg" width="30" height="30" /></a>';
    tbar += '<a target="_blank" href="'+stumbleupon+'" id="stumbleupon" title="Share on Stumbleupon"><img src="images/book32x32/stumbleupon.png"  alt="Share on Stumbleupon" width="30" height="30" /></a>';
    tbar += '<a target="_blank" href="'+delicious+'" id="delicious" title="Share on Del.icio.us"><img src="images/book32x32/delicious.png"  alt="Share on Delicious" width="30" height="30" /></a>';
    tbar += '<a target="_blank" href="'+wong+'" id="wong" title="Share on Mr. Wong"><img src="images/book32x32/wong.png"  alt="Share on Mr. Wong" width="30" height="30" /></a>';
    tbar += '</div></div>';
 
    // Add the share tool bar.
    $('body').append(tbar); 
    $('#socializethis').css({opacity: .7}); 
    // hover.
    $('#socializethis').bind('mouseenter',function(){
      $(this).animate({height:'35px', width:'260px', opacity: 1}, 300);
      $('#socializethis img').css('display', 'inline');   
    });
    //leave
    $('#socializethis').bind('mouseleave',function(){
      $(this).animate({height:'15px', width: '260px', opacity: .7}, 300);
    });  
    
  });
})(jQuery);