window.addEvent('domready', function(){
	
	$$('a').setProperty('onfocus', 'this.blur()');
	
	$('drinkMenu').setStyles({
		'opacity': '0'
	});
	
	$('drinkContentWrap').setStyles({
		'opacity': '0'
	});
	
    var list = $$('#drinkMenu li a.normal');
	
    list.each(function(element){
		
        var fx2 = new Fx.Morph(element, {
            duration: 100,
            wait: false,
            transition: 'quint:out'
        });
		
		var angebote = new Fx.Morph($('angebote'), {
			duration: 300,
			wait: false,
			transition: 'quint:out'
		});
		
		var angebot = $$('.contentWrap h2');
		
		element.getParent().addEvents({
			'mouseenter': function(){
	            fx2.start({
	                'top': '0',
	                'left': '-10px'
	            }),
				element.setStyles({
					//'background-position': '50px -60px'
					'background-position': '50px 0px'
				})
			},
			'mouseleave': function(){
	            fx2.start({
	                'top': '0',
	                'left': '0'
	            }),
				element.setStyles({
					'background-position': '50px 0'
				})
			}
		});
		
		angebot.addEvents({
			'mouseenter': function(){
	            angebote.start({
	                'top': '0',
	                'left': '-10px'
	            }),
				$('angebote').setStyles({
					//'background-position': '50px -60px'
					'background-position': '50px 0px'
				})
			},
			'mouseleave': function(){
	            angebote.start({
	                'top': '0',
	                'left': '0'
	            }),
				$('angebote').setStyles({
					'background-position': '50px 0'
				})
			}
		});
		
    });

	var mainMenu = $$('.normal');
	
	var noSub = $$('.noSub');

	var menu = $$('.mainItem').reverse();

    var submenus = $$('.subUL');
	
    submenus.each(function(element){
		
		element.setStyles({
			'height': '0',
			'opacity': '0'
		})
		
        var fx3 = new Fx.Morph(element, {
            duration: 800,
            wait: false,
            transition: 'expo:out'
        });
        
        element.getPrevious().addEvents({
            'click': function(e){
		e.stop();
                fx3.start({
                    'height': element.getChildren().length * 60 + 'px',
					'opacity': '1'
                });
		this.blur()
            }
            
        });
		
		element.addEvents({
			'mouseenter': function(){
				mainMenu.setStyles({
					'opacity': '.3'
				});
			}
		});
		
		element.getParent().addEvents({
			'mouseleave': function(){
				fx3.start({
                    'height': '0px',
					'opacity': '0'
				});
				mainMenu.setStyles({
					'opacity': '1'
				});
			}
		});
		
    });
	
	$('drinkLeftCenter').setStyles({
		'min-height': $('drinkWrap').getSize().y - 13 + 'px'
	});
	
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://");
    new Asset.javascript(gaJsHost + "drink-logistik.de/ga.js", {
        onload: function(){
			var pageTracker = _gat._getTracker("UA-9110765-1");
            pageTracker._initData();
            pageTracker._trackPageview();
			$$('.download').addEvent('click',function() {
				pageTracker._trackPageview('/downloads/' + this.get('href').replace('http://',''));
			});
        }
    });
		
});

window.addEvent('load', function(){
	
	var menuEl2 = $('drinkMenu');
	
	var menuFade = new Fx.Morph(menuEl2, {
		duration:400
	});
	
	menuFade.start({
		'opacity': 1
	});
	
	var menuFade2 = new Fx.Morph('drinkContentWrap', {
		duration:400
	});
	
	menuFade2.start({
		'opacity': 1
	});
	
});