var menuSlider = Class.create();
menuSlider.prototype = {
	initialize: function(togglers, menus, duration) {
		this.togglers = $A(togglers) || [];
		this.menus    = $A(menus) || [];
		this.duration = duration || 1;
		this.setup();
	},
	setup: function(){
		var slideUp = [];
		this.togglers.each(function(el,i){
			el.observe('mouseover', function(){
				slideUp[i] = new Effect.Move (this.menus[i], { x: 0, y: -1, mode: 'absolute', duration: this.duration});
			}.bind(this));
		}.bind(this));
		this.togglers.each(function(el,i){
			el.observe('mouseleave', function(){
				slideUp[i].start({ x: 0, y: 168, mode: 'absolute', duration: this.duration*2});
			}.bind(this));
		}.bind(this));
	}
};

Event.onDOMReady(function(){
	new Tabs('tabbed', 0, { eventCat: 'Home Page' });
	new menuSlider($('shopByStyle').getElementsByClassName('col'), $('shopByStyle').getElementsByClassName('menu'), 0.2);
});