jQuery(document).ready(function()
{
	(function($)
	{
		$.fn.caporaliClienti = function()
		{
			var options = {
				opacity: 0.7,
				duration: 1000,
				color: '#000000',
				backgroundImage: '/images/down_grey_arrow.png',
				backgroundPosition: 'bottom right'
			};
			
			var c = 0;
			var me = this;
			
			this.setOverlayCss = function(obj, overlay)
			{
				overlay
					.css('position', 'absolute')
					.css('left', obj.position().left)
					.css('top', obj.position().top)
					.css('width', obj.width())
					.css('height', obj.height())
					.css('opacity', 0.0)
					.css('background-color', options.color)
					.css('background-repeat', 'no-repeat')
					.css('background-position', options.backgroundPosition)
					.css('background-image', 'url('+options.backgroundImage+')');
			};

			this.each(function() 
			{
				var obj = $(this);
	
				obj.after('<div id="clienti-overlay-'+c+'"></div>');
				var overlay = $('#clienti-overlay-'+c);
				
				$(window).resize(function() { me.setOverlayCss(obj, overlay); });
				me.setOverlayCss(obj, overlay);
				
				overlay.mouseenter(function () {
					overlay.animate({ 
						opacity: options.opacity,
						duration: options.duration
					});
				});
				
				overlay.mouseleave(function () {
					overlay.animate({ 
						opacity: 0.0,
						duration: options.duration
					});
				});
				
				c++;
			});
		}
	})(jQuery);
	
	$('.clienti img').caporaliClienti();
});