window.addEvent('domready', function() {
  if (window.ActiveXObject) {
		return;
	}
	function setBgY(el, y) {
		var bgy = el.getStyle('backgroundPositionY');
		if (bgy !== undefined && bgy !== '') {
			var bgx = el.getStyle('backgroundPositionX');
			el.setStyle('backgroundPosition', bgx + ' ' + y + 'px');
			return;
		}
		el.setStyle('backgroundPosition', el.getStyle('backgroundPosition').replace(/-?[0-9]+px$/, y + 'px'));
	}
	
	$$('#menu-bar > ul > li > a').each(function(link) {
		var li = link.getParent('li');
		var overlay = new Element('div').setStyles({
			position: 'absolute',
			width: link.offsetWidth+'px',
			height: '45px',
			top: 0,
			backgroundImage: link.getStyle('backgroundImage'),
			backgroundPosition: link.getStyle('backgroundPosition'),
			opacity: 0
		}).inject(link,'before');
		link.setStyle('opacity', 0.001);
		
		setBgY(link, -135);
		//setBgY(overlay, -45);
		setBgY(overlay, -135);
		//link.setStyle('backgroundPosition', link.getStyle('backgroundPosition').replace(/0px$/, '-45px'));
		//overlay.setStyle('backgroundPosition', overlay.getStyle('backgroundPosition').replace(/0px$/, '-135px'));
		//overlay.setStyle('backgroundPosition', overlay.getStyle('backgroundPosition').replace(/0px$/, '-45px'));
		var stars = false;
		link.addEvent('mouseenter', function() {
			overlay.set('tween',{transition:Fx.Transitions.Sine.easeInOut,duration:'short'});
			link.set('tween',{transition:Fx.Transitions.Quad.easeInOut,duration:'long'});
			link.fade('in');
			overlay.fade('in');
		});
		link.addEvent('mouseleave', function() {
			link.set('tween',{transition:Fx.Transitions.Sine.easeInOut,duration:'short'});
			overlay.set('tween',{transition:Fx.Transitions.Quad.easeInOut,duration:'long'});
			link.fade(0.001);
			overlay.fade('out');
		});
	});
	
	$$('#menu-bar .sub-menu').each(function(sub) {
		sub.fade('hide');
		sub.set('tween', {duration:'short'});
		var li = sub.getParent('li');
		li.addEvent('mouseenter', function() {
			sub.fade('in');
		});
		li.addEvent('mouseleave', function() {
			sub.fade('out');
		});
	});
	
	var makeFadingList = function(parent, kids) {
		$$(parent).each(function(list) {
			var items = list.getChildren(kids);
			var hilightItem = function(hot_item) {
				items.each(function(item) {
					if (item != hot_item) {
						item.fade(0.5);
					}
				});
			};
			items.each(function(item) {
				item.set('tween', {duration: 'short'});

				item.addEvent('mouseenter', function() {
					hilightItem(item);
				});
				item.addEvent('mouseleave', function() {
					items.fade('in');
				});
			});
		});
	};
	
	makeFadingList('ul.products', 'li');
	makeFadingList('ul.join-us', 'li');
});