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

		// Main Menu Effects
			var mainlevel = $$('#sidebar .mainlevel[id!=active_menu]');
			var sublevel = $$('#sidebar .sublevel[id!=active_menu]');
			var lastlevel = $$('#sidebar .lastlevel[id!=active_menu]');
			
			mainlevel.addEvents({
				mouseenter: function(){
					this.set('morph', {duration: '120', transition: 'expo:out'});
					this.morph({
						wait: false,
						'background-position': '-10px -32px',
					});
				},
				
				mouseleave: function(){
					this.set('morph', {duration: '120', transition: 'expo:out'});
					this.morph({
						wait: false,
						'background-position': '0px 0px',
					});
				}
			});
		// Main Menu - Sublevel effects	
			sublevel.addEvents({
				mouseenter: function(){
					this.set('morph', {duration: '250', transition: 'expo:out'});
					this.morph({
						wait: false,
						'background-color': '#2e69a3',
						'background-position': '11px 7px',
						'padding':'3px 0 3px 30px',
						'width': '170px'
					});
				},
				
				mouseleave: function(){
					this.set('morph', {duration: '250', transition: 'expo:out'});
					this.morph({
						wait: false,
						'background-color': '#234c74',
						'background-position': '5px 7px',
						'padding':'3px 0 3px 24px',
						'width': '186px'
					});
				}
			});
			
		// Main Menu - LastLevel effects	
			lastlevel.addEvents({
				mouseenter: function(){
					this.set('morph', {duration: '250', transition: 'expo:out'});
					this.morph({
						wait: false,
						'background-color': '#75a622',
						'background-position': '11px 7px',
						'padding-left': '30px',
						'width': '160px',
						'color': '#FFF'
					});
				},
				
				mouseleave: function(){
					this.set('morph', {duration: '250', transition: 'expo:out'});
					this.morph({
						wait: false,
						'background-color': '#b6dc74',
						'background-position': '5px 7px',
						'padding-left': '24px',
						'width': '166px',
						'color': '#435e13'
					});
				}
			});
			
});
