$(function() {
	
	$(document).click(function(e) {
		
		var $clicked=$(e.target);
				
		if($clicked.hasClass('responsible') || $clicked.parent().hasClass('responsible')) {
		  $clicked.addClass('relative-position');
		  var $loading=$("<div class='loading'>").appendTo($clicked);
		  
		  var W=$clicked.width();
		  var H=$clicked.height();
		
		var topPadding=parseInt($clicked.css('padding-top'));
		var rightPadding=parseInt($clicked.css('padding-right'));
		var bottomPadding=parseInt($clicked.css('padding-bottom'));
		var leftPadding=parseInt($clicked.css('padding-left'));
		  
		  
		  $loading.css({
			top: (H+topPadding+topPadding)/2-8+'px',
			left: (W+leftPadding+rightPadding)/2-8+'px'
		  });
		}
	});
	
	
	/*$(document).click(function(e) {
		
		var $clicked=$(e.target);
		var W=$clicked.width();
		var H=$clicked.height();
		var Top=$clicked.offset().top;
		var Left=$clicked.offset().left;
		
		var topPadding=parseInt($clicked.css('padding-top'));
		var rightPadding=parseInt($clicked.css('padding-right'));
		var bottomPadding=parseInt($clicked.css('padding-bottom'));
		var leftPadding=parseInt($clicked.css('padding-left'));
		
		if($clicked.hasClass('responsible')) {
		  var $loading=$("<div class='loading'>").appendTo($('body'));
		  $loading.css({
			top: Top+(H+topPadding+topPadding)/2-8+'px',
			left: Left+(W+leftPadding+rightPadding)/2-8+'px'
		  });
		}
	});*/
	
});