//
// well. das meny
$(function() {

	var items = ['om-efk', 'efk-i-varlden', 'efk-i-sverige'],
		menuItems = [],
		active = null,
		cHover = null;
	
	menuItems.find = function(itm) {
		var fid = itm.attr('id');
		for (var i = 0; i < this.length; i++) {
			if (this[i].container.attr('id') == fid)
				return this[i];
		}
		
		return null;
	}
	
	var itemContainer_HoverOver_cHover = function() {
		var item = menuItems.find($(this));
		if (item == active) return;
		
		cHover = item;
	}
	
	var itemContainer_HoverOut_cHover = function() {
		cHover = null;
	}
		
	var itemContainer_HoverOver = function() {
		var item = menuItems.find($(this));
		
		if (item == active) return;
		
		active.level2.fadeOut('fast');
		active.container.css({'background-color': '#fff'}).removeClass("active");
		
		item.container.css({'background-color': item.level2.css('background-color')}).addClass("active");
		item.level2.fadeIn('fast');
	}
	
	var itemContainer_HoverOut = function() {
		var item = menuItems.find($(this));
		if (item == active) return;
		
		if (cHover == null) {
			active.level2.fadeIn('fast');
			active.container.css({'background-color': active.level2.css('background-color')}).addClass("active");	
		}
		
		item.container.css({'background-color': '#fff'}).removeClass("active");
		item.level2.fadeOut('fast');
	}
	
	for (var i = 0; i < items.length; i++) {
		var itemName = items[i],
			item = {
				name: itemName,
				container: $('.' + itemName + '-container'),
				level2: $('.' + itemName + '-level-2')
			};
		
		item.container.hover(itemContainer_HoverOver_cHover, itemContainer_HoverOut_cHover);
		item.container.hoverIntent({
			over: itemContainer_HoverOver,
			out: itemContainer_HoverOut,
			timeout: 300
		});
		
		if (item.level2.css('display') != 'none') {
			active = item;
			item.container.css({
				'background-color': item.level2.css('background-color'),
				'color': '#fff !important'
			}).addClass("active");
		}	
		
		menuItems.push(item);
	}
});