var menu = "#block-system-main-menu ul li a";
var gallery = ".rp_gallery-list .node-rp-gallery";
var hoverOverSpeed = "500";
var hoverOutSpeed = "300";

(function($){
	$(document).ready(function() {
		$.fn.backOpacity = function(settings){
			settings = jQuery.extend({background: '#fff', opacity: 0.5}, settings);
			
			jQuery(this).each(function(intIndex){
				if(this.className.length == 0){
					var pt = parseInt($(this).css('paddingTop'));
					var pb = parseInt($(this).css('paddingBottom'));
					var pl = parseInt($(this).css('paddingLeft'));
					var pr = parseInt($(this).css('paddingRight'));
					
					// var fixedleft = parseInt($(this).css('marginLeft'));
					var fixedright = parseInt($(this).css('marginRight'));
					var parentow = $(this).parent().parent().parent().parent().width() - $(this).width() - pl;
					var fixedwidth, fixedheight, fixedleft = 0;
					
					if(parentow < 130){
						fixedwidth = pl + pr;
						fixedheight = $(this).height() + pt + pb;
						
						$(document.createElement('div'))
							.width(fixedwidth)
							.height(fixedheight)
							.css(
									{
										background: settings.background,
										opacity: settings.opacity,
										marginTop: ((fixedheight - pt-2) * -1) + 'px',
										marginLeft: parentow + 'px',
										zIndex:( (10) + intIndex * 10 )
									}
								).insertAfter($(this));
						$(this).css({zIndex:((20)+intIndex*20)});
					}
				}
			});
			return jQuery;
		};
	
		$(menu).backOpacity({backgroundColor: '#fff', opacity: '1'});
		$(menu).hover(
			function() {
				$(this).siblings('div').stop().animate({'opacity':0}, hoverOverSpeed);
			},
			function() {
				$(this).siblings('div').stop().animate({'opacity':1}, hoverOutSpeed);
		
			});
		

		$(gallery).css('opacity', '0.5');
		$(gallery).hover(
			function() {
				$(this).stop().animate({'opacity':1}, hoverOverSpeed);
			},
			function() {
				$(this).stop().animate({'opacity':0.5}, hoverOutSpeed);
		
			});
	});
})(jQuery);