/*
 * jQuery Image Overlay
 * Version 1.0
 * rocket54.de
 *
 * Creates an image displayed on rollover. 
 *
 * Copyright (c) 2010 Olaf Schmidtmann
 * Feel free to use.
*/

(function($){$.fn.extend({overlay:function(options){var defaults={attachClass:'content-overlay'};var options=$.extend(defaults,options);return this.each(function(){$(this).parent().hover(function(){$(this).add_overlay(options);},function(){$(this).find('.overlay').remove();});$(this).parent().click(function(){$(this).children('a').click();});});},add_overlay:function(options){var sides=['left','top','right','bottom'];var defaults={};var options=$.extend(defaults,options);return this.each(function(){$(this).css({position:'relative'});if($.support.opacity){$(this).append('<div class="overlay '+options['attachClass']+'"></div>');}else{$(this).append('<div class="overlay '+options['attachClass']+'-ie img-over-ie"></div>');}var props={};var fs=parseInt($(this).css('font-size'));for(s in sides){props[sides[s]]=(parseInt($(this).css('padding-'+sides[s]))/fs)+'em';}$(this).find('.'+options['attachClass']).css(props);});}});})(jQuery);