/* Copied and adapted from http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ */

jq(document).ready(function() {

	//Calculate width of all ul's
	(function(jq) { 
		jQuery.fn.calcSubWidth = function() {
			// Should receive a .collage-row element
			var rowWidth = 0;
			//Calculate row
			jq(this).find(">ul").each(function() {					
				rowWidth += jq(this).width(); 
			});	
			return rowWidth;
		};
	}(jQuery)); 


	(function(jq) {
		jQuery.fn.resetWidth = function(nesting) {
			// Should receive a .sub element
			// Show the element (opacity = 0) to set widths properly
			if(!nesting) {
				this.css('opacity', 0).show();
			}
			// find all direct-child rows (there could be nested menues)
			var rows = this.find('>.collage-row');
			var biggestRow = 0;	
			//Calculate each row
			rows.each(function() {
			    // If there are nested menues, reset their widths before
			    var me = jq(this);
			    var nested = me.find('>ul>li.menu_view_nested-menu');
			    nested.each(function() {
			        jq(this).resetWidth(true);
			    });
				var rowWidth = me.calcSubWidth();
				//Find biggest row
				if(rowWidth > biggestRow) {
					biggestRow = rowWidth;
				}
			});
			rows.each(function() {
				var columns = jq(this).find('>ul');
				var count = columns.length;
				columns.css('width', biggestRow/count);
			});
			
			biggestRow += 30; //Set width adding 15 + 15 px (left and right padding)
			this.css({'width' :biggestRow});
			this.find(">.collage-row:last").css({'margin':'0'});
			if(!nesting) {
				this.hide();
			}
        };
	}(jQuery));
	
	String.prototype.startsWith = function(text) {
		return this.substring(0, text.length)===text;
	};
	
    function applySelected() {
        // Get all links and select their parent li-elements 
        // if href matches current URL beginning
        var url = document.location.href;
        jq('#portal-megamenu li.menu_view_menu a').each(function() {
            if(url.startsWith(this.href)) {
                jq(this).closest('li').addClass('selected');
            }
        });
    }
 
	function megaHoverOver(){
		var me = jq(this);
		me.addClass('active');
		var sub = me.find('.sub');
		sub.stop().fadeTo(50, 1).show();
			
		var wWidth = jq(window).width();
		sub.css('left', 0);
		var sWidth = sub.width();
		var difWidth = wWidth-(sub.offset().left+sWidth+19+20); //19px = scrollbar + 20px=padding
		if(difWidth<0) {
				sub.css('left', difWidth);
		} else {
				sub.css('left', 0);
		}
	}
	
	function megaHoverOut(){ 
		var me = jq(this);
		me.removeClass('active');
		me.find(".sub").stop().fadeTo(50, 0, function() {
		  jq(this).hide(); 
	  });
	}
 
 
	var config = {	
		 sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)	
		 interval: 100, // number = milliseconds for onMouseOver polling interval	
		 over: megaHoverOver, // function = onMouseOver callback (REQUIRED)	
		 timeout: 100, // number = milliseconds delay before onMouseOut	
		 out: megaHoverOut // function = onMouseOut callback (REQUIRED)	
	};
 
	var megamenu = jq('#portal-megamenu');
	megamenu.find('li .sub').css({'opacity':'0'});
	// Bind over/out and click events of li.top-level
	megamenu.find('li.top-level').
	    hoverIntent(config).
	    click(megaHoverOver).
		// and Bind click event of their links
		find('a').click(function(event) {
			if(jq(this).closest('li').find('.sub').length>0) {
				event.preventDefault();
			}
		});

	// Preload sub-menues, if there are deferred dropdowns
	var deferred = megamenu.find('a[rel=deferred]');
	if(deferred.length>0) {
		megamenu.find('a[rel=deferred]').each(function() {
				jq(this).parent().load(this.href, function(response, status, request) {
				// Reset width
				jq(this).resetWidth();
				applySelected();
			});
		});
	} else {
		// If there aren't deferred dropdowns, just reset their widths
		megamenu.find('.sub').each(function() {
			jq(this).resetWidth();
			applySelected();
		});
	}
 
});