/*
	jQuery HoverImageText plugin
	Created on 16th January 2008 by Ryan O'Dell
	Version 1

	Configurable variables: usage: $.fn.HoverImageText.defaults.<variable_name> = <value>;
	AnimShow 				= {opacity: "show"}		show animation (allows custom jQuery animation)
	AnimShowCallback			= null				show animation function callback
	HoverCheck				= 600				show mouse hover check/delay time (ms)
	HoverIn				= 500				show animation time (ms)
	AnimHide				= {opacity: "hide"}		hide animation (allows custom jQuery animation)
	AnimHideCallback			= null				hide animation function callback
	HoverOut				= 300				hide animation time (ms)
	TagName				= 'p'				tag name to find hover text

	Example usage:
	$(document).ready(function() {
		$.fn.HoverImageText.defaults.AnimShow = {height: "show"};
		$('.imageLibrary a').HoverImageText();
	});
*/
(function($) {
	/* HoverImageText plugin */
	$.fn.HoverImageText = function() {
		var opts = $.fn.HoverImageText.defaults;
		return this.each(function() {
			var oText = $(this).children(opts.TagName);
			imgpos = $(this).offset();
			//imgpos = $(this).offset({ lite: true });
//alert (oText.html());
			var splitindex = oText.html().indexOf('|');
//alert (splitindex);
//alert($(this).innerHeight());
			if (splitindex > 0)
			{
				newtext = '<h3>' + oText.html().replace('|' , '</h3>');
				oText.html(newtext);
			}
			if ($(this).width() > 200)
				oText.css('width',$(this).width());
			else
				oText.css('width',200);
			oText = oText.hide();
			oText.css('top',imgpos.top + $(this).height() - oText.height() -2);
			if ($(this).width() > 200)
			{

				oText.css('left',imgpos.left);
			}
			else if ($(this).width() > 50)
			{
			//alert($(this).height());
				//oText.css('top',imgpos.top + $(this).height() + 48);
				oText.css('left',imgpos.left + 48);
			}
			else
			{
				//oText.css('top',imgpos.top  + ($(this).height()/2));
				oText.css('left',imgpos.left -2 + ($(this).width()/2));
			}
				//oText.css('top',imgpos.top - oText.height() );

			//oText.css('top',imgpos.top  - oText.height());

			var oImg = $(this).hover(function() {
					oHover = oText;
					window.setTimeout(function() {
						HoverCheckAndShow(oText);
					}, opts.HoverCheck);
				}, function() {
					oHover = null;
					oText.animate(opts.AnimHide, opts.HoverOut, opts.AnimHideCallback);
				});
		});
	};
	/* Available options*/
	$.fn.HoverImageText.defaults = {
			AnimShow: {opacity: "show"},
			AnimShowCallback: null,
			HoverCheck: 600,
			HoverIn: 500,
			AnimHide: {opacity: "hide"},
			AnimHideCallback: null,
			HoverOut: 300,
			TagName: 'p'
	};
	/* private function "HoverCheckAndShow" adds a delay before displaying hover text */
	function HoverCheckAndShow(oText) {
		var opts = $.fn.HoverImageText.defaults;
		if (oHover == oText) {
//alert('hej');
			oText.animate(opts.AnimShow, opts.HoverIn, function() {
					this.style.display = "inline";
					if (typeof(opts.AnimShowCallback) == 'function') {
						opts.AnimShowCallback();
					}
				});
			oText.each(function() {
					this.style.display = "inline";
				});
			if ($.browser.msie) {
				oText.each(function() {
						var oThis = this;
						window.setTimeout(function() {
							oThis.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
							}, opts.HoverIn-260);
					});
			}
		}
		return oText;
	};
	/* private variable "oHover" used to determine if you're still hovering over the same element */
	var oHover = null;
	/* *** update the '$.fx.prototype.update' function replacing the "block" for "inline" *** */
	$.fx.prototype.update = function() {
		if ( this.options.step )
			this.options.step.apply( this.elem, [ this.now, this ] );

		(jQuery.fx.step[this.prop] || jQuery.fx.step._default)( this );

		// Set display property to block for height/width animations
		if ( this.prop == "height" || this.prop == "width" )
			this.elem.style.display = "inline";
	};
})(jQuery);