// Put tooltips on the 
(function($)
{
    $.fn.matrixToolTip = function(settings)
    {
        var config = { 'toolTip': true };

        if (settings) $.extend(config, settings);
        
        if(!window.$CaptionInfo)
        {
        	$('body').append('<div id="matrix-tooltip"></div>');
        	
        	window.$CaptionInfo = {
									obj: null,
									offsetX: 0,
									offsetY: 0
								};
	
			$CaptionInfo.obj = $('#matrix-tooltip');
			$CaptionInfo.obj.hide();
		}
        
        this.each(function()
        {
			var img = $(this);

	        if(config['toolTip'])
	        {
		        img.bind('mouseover', function(){
		        
		            var tip = $(this).attr('alt');
		            
		            tip = tip.replace(' - ', ', ');
		            
		            var extra = '<p class="prompt">Click to buy</p>';
		            
		            if(tip.indexOf('Sold Out') != -1)
		            {
		                extra = '';
		            }
		            else if(tip.indexOf('Available in') != -1)
		            {
		                extra = '<p class="prompt">Click to back order</p>';
		            }
		        
		        	$CaptionInfo.obj.html('<p>' + tip + '</p>' + extra);
		        	$CaptionInfo.offsetX = ($CaptionInfo.obj.width() + 25);
					$CaptionInfo.offsetY = ($CaptionInfo.obj.height() + 25);
		        	$CaptionInfo.obj.show();
		        });
		        
		        img.bind('mousemove', function(e){
		        	$CaptionInfo.obj.css({ 'top': (e.pageY - $CaptionInfo.offsetY) + 'px', 'left': (e.pageX - $CaptionInfo.offsetX) + 'px' });
		        });
		        
		        img.bind('mouseout', function(){
		        	$CaptionInfo.obj.hide();
		        });
	        }
        });

        return this;
    };

})(jQuery);