var Onglet = new Class({
	Implements: [ Options, Chain, Events ],

	defaultOptions: function(){
		return {
			nom: 'onglet',
			classOnglet: 'onglethover',
			classMenu: 'menuhover',
			height:35
		};
	},

	initialize: function(el, options){

		this.onglet = $(el);

		if ($defined(this.onglet))
		{
			this.setOptions(this.defaultOptions(), options);
			this.setup();
		}
	},

	setup: function(){
		this.classOnglet = $('onglet_'+this.options.nom).className;
		this.classMenu = $('menu_'+this.options.nom).className;

		var myOnglet = this;
		
		$('onglet_'+this.options.nom).addEvents({
			'mouseenter': function(){ mouseEnter(myOnglet); },
			'mouseleave': function(){ mouseLeave(myOnglet); }
		});
		$('menu_'+this.options.nom).addEvents({
			'mouseenter': function(){ mouseEnter(myOnglet); },
			'mouseleave': function(){ mouseLeave(myOnglet); }
		});
	}

});

function mouseEnter (el) {
	$('onglet_'+el.options.nom).morph('.'+el.options.classOnglet);
	$('menu_'+el.options.nom).morph('.'+el.options.classMenu);
};

function mouseLeave (el) {
	$('onglet_'+el.options.nom).morph('.'+el.classOnglet);
	$('menu_'+el.options.nom).morph('.'+el.classMenu);
};