/*!
* jQuery Image Overlay v1.3.2
* http://www.ferretarmy.com/files/jQuery/ImageOverlay/ImageOverlay.html
*
* Copyright (c) 2009-2010 Jon Neal
* Dual licensed under the MIT and GPL licenses, using the same terms as jQuery.
* Refer to http://docs.jquery.com/License
*
* Date: 2010-08-13 (Fri, 13 August 2010)
* Revision: 1.3.2
* This version remedies some of the long-term image height/width issues in the 1.3.x branch
*/
(function($) {

	$.fn.ImageOverlay = function(options) {
		
		// Options.
		var opts = $.extend({}, $.fn.ImageOverlay.defaults, options);
		
		return this.each(function() {
		
			// Allows metadata options to be set on the field level that override plugin options
			// if the metadata plugin is installed. http://docs.jquery.com/Plugins/Metadata
			var thisOpts = $.metadata ? $.extend({}, opts, $(this).metadata()) : opts;
			var imageContainer = $('a', this);
			// Move the captions below the images, so they are hidden by default.
			$(imageContainer).each(function() {

				var hrefOpts = $.metadata ? $.extend({}, thisOpts, $(this).metadata()) : thisOpts;

				// todo: make it so this happens on image load if not yet loaded.
				$('img', this).each(function()
				{
					if ($(this).attr('src') !== "" && (this.complete || this.readyState === 4))
						MakeOverlay($(this).parent(), hrefOpts);
					else
						$(this).load(MakeOverlay($(this).parent(), hrefOpts));
				});
			});
			
			$(this).after('<p style="clear: both; height: 0;">&nbsp;</p>');
		});
		
		function MakeOverlay(imageContainer, hrefOpts)
		{
			var image = new Image();
			image.src = $('img', imageContainer).attr('src');
		
			imageContainer.css({
				width : image.width,
				height : image.height,
				borderColor : hrefOpts.border_color
			});
			$('img', imageContainer).attr({ title : '' });
		
			var imageHeight = $('img', imageContainer).height();
			var captionHeight = $('.caption', imageContainer).height();
			var useBottomOrigin = (hrefOpts.overlay_origin == 'top' ? false : true);
			
			if (useBottomOrigin)
			{
				// Set the CSS properties of the caption.
				$('.caption', imageContainer).css({
					top: (hrefOpts.always_show_overlay ? (imageHeight - captionHeight) + 'px' : imageHeight + 'px'),
					backgroundColor: hrefOpts.overlay_color,
					color : hrefOpts.overlay_text_color
				});
				
				// Build bottom hover functionality.
				if (!hrefOpts.always_show_overlay)
				{
					if (hrefOpts.animate)
					{
						imageContainer.hover(function() {
							$('.caption', imageContainer).stop().animate({top: (imageHeight - captionHeight) + 'px'}, {queue: false, duration: hrefOpts.overlay_speed});
						}, function() {
							if (hrefOpts.overlay_speed_out != null)
								$('.caption', imageContainer).stop().animate({top: imageHeight + 'px'}, {queue: false, duration: hrefOpts.overlay_speed_out});
							else
								$('.caption', imageContainer).stop().animate({top: imageHeight + 'px'}, {queue: false, duration: hrefOpts.overlay_speed});
						});
					}
					else
					{
						imageContainer.hover(function() {
							$('.caption', imageContainer).css('top', (imageHeight - captionHeight) + 'px');
						}, function() {
							$('.caption', imageContainer).css('top', imageHeight + 'px');
						});
					}
				}
			}
			else
			{
				// Set the CSS properties of the caption.
				$('.caption', imageContainer).css({
					top: (hrefOpts.always_show_overlay ? '0px' : -captionHeight + 'px'),
					backgroundColor: hrefOpts.overlay_color,
					color : hrefOpts.overlay_text_color
				});
			
				// Build top hover functionality.
				if (!hrefOpts.always_show_overlay)
				{
					if (hrefOpts.animate)
					{
						$(imageContainer).hover(function() {
							$('.caption', imageContainer).stop().animate({top: '0px'}, {queue: false, duration: hrefOpts.overlay_speed});
						}, function() {
							if (hrefOpts.overlay_speed_out != null)
								$('.caption', imageContainer).stop().animate({top: -captionHeight + 'px'}, {queue: false, duration: hrefOpts.overlay_speed_out});
							else
								$('.caption', imageContainer).stop().animate({top: -captionHeight + 'px'}, {queue: false, duration: hrefOpts.overlay_speed});
						});
					}
					else
					{
						$(imageContainer).hover(function() {
							$('.caption', imageContainer).css('top', '0px');
						}, function() {
							$('.caption', imageContainer).css('top', -captionHeight + 'px');
						});
					}
				}
			}
		};
	};
	
	$.fn.ImageOverlay.defaults = {
		always_show_overlay : false,
		animate : true,
		border_color : '#666',
		overlay_color : '#000',
		overlay_origin : 'bottom',
		overlay_speed : 'normal',
		overlay_text_color : '#666'
	};
	
})(jQuery);