var navy = new Class( {
	defaultOptions: function() {
		return {
			navy: $('navy'),
			tabs: $$('#navy li')
		};
	},
	
	initialize: function(options) {
		this.setOptions(this.defaultOptions(), options);
		this.navy = this.options.navy;
		this.tabs = this.options.tabs;
		
		this.tabs.each(function(el, i){
			el.morph({ 'margin-left': 10 });
			el.addEvents( {
				'mouseenter': function(e){
					el.morph({ 'margin-left': 2 });
				},
				'mouseleave': function(e){
					el.morph({ 'margin-left': 10 });
				},
				'click': function(e) {
					this.tabs.removeClass('active');			
					el.addClass('active');
				}
			});
		});
	}
	
	
} );

navy.implement(new Options); // Implements setOptions(defaults, options)

window.addEvent( 'domready', function() {
	new navy({});
} );

