// Blend 2.2 for jQuery 1.3+
// Copyright (c) 2011 Jack Moore - jack@colorpowered.com
// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php

// Blend creates a 2nd layer on top of the selected element.
// This layer is faded in and out to create the effect.  The original, bottom layer
// has it's class set to 'hover' and remains that way for the duration to
// keep the CSS :hover state from being apparent when the object is moused-over.
jQuery(function(jquery){
	jquery('ul#head_menu a')
    .blend();
});
(function (jQuery, window) {

    var blend = jQuery.fn.blend = function (speed, callback) {
		var jQuerythis = this,
		background = 'background',
		padding = 'padding',
		properties = [
		    background + 'Color',
		    background + 'Image',
		    background + 'Repeat',
		    background + 'Attachment',
		    background + 'Position', // Standards browsers
		    background + 'PositionX', // IE only
		    background + 'PositionY', // IE only
			padding + 'Top',
			padding + 'Left',
			padding + 'Right',
			padding + 'Bottom',
			'width',
			'height'
		];
		
		speed = speed || jQuery.fn.blend.speed;
		callback = callback || jQuery.fn.blend.callback;
		
		// 1. Check to see if the jQuery object contains elements.
		// 2. Check to see if the effect has already been applied
		if (jQuerythis[0] && !jQuerythis.is('.jQblend')) {
            
			jQuerythis.each(function () {
                var
                layer = '<span style="position:absolute;top:0;left:0;display:block"/>',
                content = jQuery(layer)[0],
                hover = jQuery(layer)[0],
                base = this,
                style = base.currentStyle || window.getComputedStyle(base, null),
                property,
                i;
				
				if (jQuery(base).css('position') !== 'absolute') {
					base.style.position = 'relative';
				}
				
				for(i = 0; property = properties[i]; i++){
                    if (property in style) {
						hover.style[property] = content.style[property] = style[property];
					}
				}
				
				content.style.backgroundImage = content.style.backgroundColor = '';
				
				jQuery(base)
                .wrapInner(content)
                .addClass('hover jQblend')
                .prepend(hover)
                .hover(function (e) {
                    jQuery(hover).stop().fadeTo(speed, 0, function () {
                        if (jQuery.isFunction(callback)) {
                            callback();
                        }
                    });
                }, function (e) {
                    jQuery(hover).stop().fadeTo(speed, 1);
                });
			});
		}
		
		return jQuerythis;
	};
	
	blend.speed = 400;
	blend.callback = false;
	
}(jQuery, this));