window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', 'grey');
			toggler.setStyle('font-weight', 'bold');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', 'black');
			toggler.setStyle('font-weight', 'normal');
			
		}
	});

	



	
	$('naavi1').addEvents({
			
		mouseenter: function(){
			$('top_navi_overlay1').set('morph', {duration: '800'});	

			$('top_navi_overlay1').set('opacity', 0.0).morph({
				'opacity': 1
				
				
		});
		},
		mouseleave: function(){
		
		$('top_navi_overlay1').set('morph', {duration: '300'});
			$('top_navi_overlay1').set('opacity', 1).morph({
				
				'opacity': 0.0
				
				
			});
		}
	});
	
		$('naavi2').addEvents({
			
		mouseenter: function(){
			$('top_navi_overlay2').set('morph', {duration: '800'});	

			$('top_navi_overlay2').set('opacity', 0.0).morph({
				'opacity': 1
				
		});
		},
		mouseleave: function(){
		
		$('top_navi_overlay2').set('morph', {duration: '300'});
			$('top_navi_overlay2').set('opacity', 1.00).morph({
				
				'opacity': 0.0
				
				
			});
		}
	});
	
		$('naavi3').addEvents({
			
		mouseenter: function(){
			$('top_navi_overlay3').set('morph', {duration: '800'});	

			$('top_navi_overlay3').set('opacity', 0.0).morph({
				'opacity': 1
				
		});
		},
		mouseleave: function(){
		
		$('top_navi_overlay3').set('morph', {duration: '300'});
			$('top_navi_overlay3').set('opacity', 1.00).morph({
				
				'opacity': 0.0
				
				
			});
		}
	});
		$('naavi4').addEvents({
			
		mouseenter: function(){
			$('top_navi_overlay4').set('morph', {duration: '700'});	

			$('top_navi_overlay4').set('opacity', 0.0).morph({
				'opacity': 1
				
		});
		},
		mouseleave: function(){
		
		$('top_navi_overlay4').set('morph', {duration: '200'});
			$('top_navi_overlay4').set('opacity', 1.00).morph({
				
				'opacity': 0.0
				
				
			});
		}
	});
	$('naavi5').addEvents({
			
		mouseenter: function(){
			$('top_navi_overlay5').set('morph', {duration: '700'});	

			$('top_navi_overlay5').set('opacity', 0.0).morph({
				'opacity': 1
				
		});
		},
		mouseleave: function(){
		
		$('top_navi_overlay5').set('morph', {duration: '300'});
			$('top_navi_overlay5').set('opacity', 1.00).morph({
				
				'opacity': 0.0
				
				
			});
		}
	});
	
	$('naavi6').addEvents({
			
		mouseenter: function(){
			$('top_navi_overlay6').set('morph', {duration: '700'});	

			$('top_navi_overlay6').set('opacity', 0.0).morph({
				'opacity': 1
				
		});
		},
		mouseleave: function(){
		
		$('top_navi_overlay6').set('morph', {duration: '300'});
			$('top_navi_overlay6').set('opacity', 1.00).morph({
				
				'opacity': 0.0
				
				
			});
		}
	});
});	