//window.name = 'dummy';
document.writeln('<style type="text/css">'
+ '#top-menu li { position: relative; z-index: 1; } '
+ ((window.name != 'done-menu-init') ? '#top-menu li { top: -9999px; }' : '')
+ '</style>');
window.addEvent('domready', function() {
	var topMenu = $$('#top-menu ul')[0];
	var topMenuContainer = $(topMenu.parentNode);
	
	topMenu.removeClass('nojs');
	var els = topMenu.getElements('li');
	
	var imgEl = new Element('img', {
		'src': 'img/top-menu-arrow.png'
	}).setStyles({
			'position': 'absolute',
			'left': '50%',
			'top': '-100px',
			'marginLeft': '-7px',
			'zIndex': 0,
			'opacity':0
	}).injectInside(topMenu.parentNode);
	
	if (window.name != 'done-menu-init') {
		window.name = 'done-menu-init';
		els.each(function(el, idx) {
			el.setStyle('opacity', 0);
			var fx = new Fx.Morph(el);
			window.setTimeout(function() { fx.start({'top': [-100, 0], 'opacity': [0,1]}); }, (4+1+idx)*150);
		});
		(function(el) {
			var fx = new Fx.Morph(el);
			var idx = els.length + 1;
			window.setTimeout(function() { fx.start({'top': [-100, 0], 'opacity': [0,1]}); }, (4+1+idx)*150);
		})(imgEl);
	}
	else {
		imgEl.setStyles({'top': '0px', 'opacity':1});
	}
	
	var selItem = topMenuContainer.getElement('b');
	if (selItem) {
		selItem = selItem.parentNode;
		imgEl.setStyles({
			'left': (selItem.offsetLeft+0.5*selItem.offsetWidth) + 'px'
		});
	}
	else {
		imgEl.setStyle('opacity', 0);
	}
	
	/*
	var tw = imgEl.get('tween');
	tw.options.link = 'cancel';
	tw.options.transition = Fx.Transitions.Bounce.easeOut;
	*/
	
	var imgFx = new Fx.Tween(imgEl, { link: 'chain', transition: Fx.Transitions.Bounce.easeOut});
	
	els.each(function(el) {
		el.setStyles({'position':'relative','zIndex':1});
		if (el !== selItem) {
			el.addEvent('mouseenter', function() {
				imgFx.cancel();
				if (imgEl.getStyle('opacity') != 1) {
					if (imgEl.getStyle('opacity') == 0) {
						imgEl.setStyle('left', el.offsetLeft+0.5*el.offsetWidth);
						imgFx.start('opacity', 1);
					}
					else {
						imgFx.start('opacity', 1);
					}
				}
				imgFx.start('left', el.offsetLeft+0.5*el.offsetWidth);
				el.getElement('a').tween('color', '#561C55');
			});
			el.addEvent('mouseleave', function() {
				imgFx.cancel();
				if (!selItem) {
					imgFx.start('opacity', 0);
				}
				else {
					imgFx.start('left', selItem.offsetLeft+0.5*selItem.offsetWidth);
				}
				el.getElement('a').tween('color', '#999999');
			});
		}
	});
});