$(document).ready(function(){
   $("a[sharewith]").click(function(ev){
    var rel = $(this).attr("sharewith");
    var url = encodeURIComponent(self.location.href);
    var title = encodeURIComponent($("title:first").html());
    rel = rel.replace("{url}",url);
    rel = rel.replace("{title}",title);
    self.location.href = rel;
    return false;
   });
  });


/* Opens jShare Container */

var timeout	= 500; var closetimer = 0; var jContent = 0;

// open hidden layer
function jOpen(id,el)
{	
	// cancel close timer
	jCancelclosetime();
	// close old layer
	if(jContent) jContent.style.visibility = 'hidden';
	// get new layer and show it
	jContent = document.getElementById(id);
	jContent.style.visibility = 'visible';

	var pos = ObjectPosition(el,false);
	var leftPOS = pos[0];
	var topPOS = pos[1];
	jContent.style.position= "absolute";
	jContent.style.left = leftPOS + "px";
	jContent.style.top = topPOS + "px";
}

function ObjectPosition(obj){
	var x = screen.width;
	var y = screen.height;
	var curleft = 0;
	var curtop = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft+17,curtop+10];
}

// close showed layer
function jClose()
{ if(jContent) jContent.style.visibility = 'hidden'; }

// go close timer
function jClosetime()
{ closetimer = window.setTimeout(jClose, timeout); }

// cancel close timer
function jCancelclosetime()
{ if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } }

// close layer when click-out
document.onclick = jClose;