/* ------------------------------------------------------------------------ prettySociable plugin. Version: 1.0.1 Description: Include this plugin in your webpage and let people share your content like never before. Website: http://no-margin-for-errors.com/projects/prettySociable/ Thank You: Chris Wallace, for the nice icons http://www.chris-wallace.com/2009/05/28/free-social-media-icons-socialize/ ------------------------------------------------------------------------- */ (function($) { $.prettySociable = { version: 1.0 }; $.prettySociable = function(settings) { $.prettySociable.settings = jQuery.extend({ animationSpeed: 'fast', opacity: 0.90, share_label: 'Drag to share', share_on_label: 'Share on ', hideflash: false, hover_padding: 0, bitly_api: '', bitly_user: '', websites: { facebook: { 'active': true, 'encode': true, 'title': 'Facebook', 'url': 'http://www.facebook.com/share.php?u=', 'icon': '/images/prettySociable/large_icons/facebook.png', 'sizes': { 'width': 70, 'height': 70} }, twitter: { 'active': true, 'encode': true, 'title': 'Twitter', 'url': 'http://twitter.com/home?status=', 'icon': '/images/prettySociable/large_icons/twitter.png', 'sizes': { 'width': 70, 'height': 70} }, delicious: { 'active': true, 'encode': true, 'title': 'Delicious', 'url': 'http://del.icio.us/post?url=', 'icon': '/images/prettySociable/large_icons/delicious.png', 'sizes': { 'width': 70, 'height': 70} }, digg: { 'active': true, 'encode': true, 'title': 'Digg', 'url': 'http://digg.com/submit?phase=2&url=', 'icon': '/images/prettySociable/large_icons/digg.png', 'sizes': { 'width': 70, 'height': 70} }, linkedin: { 'active': true, 'encode': true, 'title': 'LinkedIn', 'url': 'http://www.linkedin.com/shareArticle?mini=true&ro=true&url=', 'icon': '/images/prettySociable/large_icons/linkedin.png', 'sizes': { 'width': 70, 'height': 70} }, reddit: { 'active': true, 'encode': true, 'title': 'Reddit', 'url': 'http://reddit.com/submit?url=', 'icon': '/images/prettySociable/large_icons/reddit.png', 'sizes': { 'width': 70, 'height': 70} }, stumbleupon: { 'active': true, 'encode': false, 'title': 'StumbleUpon', 'url': 'http://stumbleupon.com/submit?url=', 'icon': '/images/prettySociable/large_icons/stumbleupon.png', 'sizes': { 'width': 70, 'height': 70} }, tumblr: { 'active': true, 'encode': true, 'title': 'tumblr', 'url': 'http://www.tumblr.com/share?v=3&u=', 'icon': '/images/prettySociable/large_icons/tumblr.png', 'sizes': { 'width': 70, 'height': 70}} }, tooltip: { offsetTop: 0, offsetLeft: 15 }, popup: { width: 900, height: 500 }, callback: function() { } }, settings); var websites, settings = $.prettySociable.settings, show_timer, ps_hover; $.each(settings.websites, function(i) { var preload = new Image(); preload.src = this.icon; }); $('a[rel^=prettySociable]').hover(function() { _self = this; $(this).css({ 'cursor': 'move', 'position': 'relative', 'z-index': 1005 }); ps_hover = $('
\
\
\
\
\
\
\
\
\
\
\
\
\
\
\ ' + settings.share_label + ' \
\
\
').css({ 'width': $(this).width() + (settings.hover_padding + 8) * 2, 'top': $(this).position().top - settings.hover_padding - 8 + parseFloat($(this).css('marginTop')), 'left': $(this).position().left - settings.hover_padding - 8 + parseFloat($(this).css('marginLeft')) }).hide().insertAfter(_self).fadeIn(settings.animationSpeed); $(ps_hover).find('>.ps_bd .ps_s').height($(_self).height() + settings.hover_padding * 2); fixCrappyBrowser('ps_hover', this); DragHandler.attach($(this)[0]); $(this)[0].dragBegin = function(e) { _self = this; show_timer = window.setTimeout(function() { $(_self).animate({ 'opacity': 0 }, settings.animationSpeed); $(ps_hover).remove(); overlay.show(); tooltip.show(_self); tooltip.follow(e.mouseX, e.mouseY); sharing.show(); }, 200); }; $(this)[0].drag = function(e) { tooltip.follow(e.mouseX, e.mouseY); }; $(this)[0].dragEnd = function(element, x, y) { $(this).attr('style', 0); overlay.hide(); tooltip.checkCollision(element.mouseX, element.mouseY); }; }, function() { $(ps_hover).fadeOut(settings.animationSpeed, function() { $(this).remove() }); }).click(function() { clearTimeout(show_timer); }); var tooltip = { show: function(caller) { tooltip.link_to_share = ($(caller).attr('href') != "#") ? $(caller).attr('href') : location.href; attributes = $(caller).attr('rel').split(';'); for (var i = 1; i < attributes.length; i++) { attributes[i] = attributes[i].split(':'); }; description = ($('meta[name=Description]').attr('content')) ? $('meta[name=Description]').attr('content') : ""; if (attributes.length == 1) { attributes[1] = ['title', document.title]; attributes[2] = ['excerpt', description]; } ps_tooltip = $('
\
\
\
\
\
\
\
\
\
\
\
\
\
').appendTo('body'); $(ps_tooltip).find('.ps_s').html("

" + attributes[1][1] + "
" + attributes[2][1] + "

"); fixCrappyBrowser('ps_tooltip'); }, checkCollision: function(x, y) { collision = ""; scrollPos = _getScroll(); $.each(websites, function(i) { if ((x + scrollPos.scrollLeft > $(this).offset().left && x + scrollPos.scrollLeft < $(this).offset().left + $(this).width()) && (y + scrollPos.scrollTop > $(this).offset().top && y + scrollPos.scrollTop < $(this).offset().top + $(this).height())) { collision = $(this).find('a'); } }); if (collision != "") { $(collision).click(); } sharing.hide(); $('#ps_tooltip').remove(); }, follow: function(x, y) { scrollPos = _getScroll(); settings.tooltip.offsetTop = (settings.tooltip.offsetTop) ? settings.tooltip.offsetTop : 0; settings.tooltip.offsetLeft = (settings.tooltip.offsetLeft) ? settings.tooltip.offsetLeft : 0; $('#ps_tooltip').css({ 'top': y + settings.tooltip.offsetTop + scrollPos.scrollTop, 'left': x + settings.tooltip.offsetLeft + scrollPos.scrollLeft }); } }; var sharing = { show: function() { websites_container = $('