window.addEvent('load', function() {

	// Suckerfish style
	

	var suck_list = $$('.suckernavi li');
	suck_list.each(function(element) {
		
		if ($(element).getElement('ul')) {
			
			
			el = $(element).getElement('ul')
			var fx = new Fx.Styles(el, {duration:400, wait:false, transition: Fx.Transitions.Expo.easeOut});
			
			
			el.setStyle('opacity', 0);
			
			element.addEvent('mouseenter', function(){
				fx.clearChain();
				fx.element.setStyle('left', 'auto');
				fx.start({'opacity': 1});
			});
		 
			element.addEvent('mouseleave', function(){
				fx.clearChain();
				fx.start({'opacity': 0}).chain(function(){fx.element.setStyle('left', '-999em');});
			});

			var lista = $(el).getElements('li');
			lista.each(function(element) {
				element.setStyle('opacity', 0.85);
				var lifx = new Fx.Styles(element, {duration:500, wait:false, transition: Fx.Transitions.Expo.easeOut});
				
				element.addEvent('mouseenter', function(){
					lifx.start({'opacity': 1});
				});
				element.addEvent('mouseleave', function(){
					lifx.start({'opacity': 0.7});
				});				
			});			
		};
	});


	// Dropline style

	var droplist = $$('.dropnavi li');	
	pagewidth = $$('.wrapper')[0].getStyle('width').toInt();		
	droplist.each(function(element) {
		if ($(element).getElement('ul') ) {				
			ul = $(element).getElement('ul');				
			var linkwidth = element.getStyle('width').toInt();					
			var subpos = element.offsetLeft+(linkwidth/2);	
			var subwidth = ul.getStyle('width').toInt();	
			var check = subpos+(subwidth/2);					
			var calc = subpos-(subwidth/2);		
			if (calc > pagewidth) {	calc = 0; }
			else if (calc < 10) {calc = 10; }
			
					
			
			if (!element.hasClass('active')) {
				ul.setStyle('opacity', 0);
			}
			else {
				ul.setStyle('left', calc+'px');						
			}
			var fx = new Fx.Styles(ul, {duration:400, wait:false, transition: Fx.Transitions.Expo.easeOut});	
			ael = $(element).getElement('a') ;
			ael.addEvent('mouseenter', function(){
				var hidelist = $$('#navi li ul');
				hidelist.each(function(subel) {
					subel.setStyle('opacity', 0);
				});							
				
				fx.start({'opacity': 1});
			
				nextul = this.getNext();
				nextul.setStyle('left', calc+'px');
				
			});
		
		 
			element.addEvent('mouseleave', function() {					
				fx.start({		});
			});
		}
	});
});