window.addEvent('domready', function() {
	var panes = $$( "#productCategory li.odd" );
	
	panes.each(function(element, i) {

		var titleNormalState = element.getElement('.titleNormal a');
		var titleHoverState = element.getElement('.titleHover a');
		var titleNormalSlider = new Fx.Style(titleNormalState, 'top', {
			duration: 250,
			transition: Fx.Transitions.Cubic.easeOut
		});
		var titleHoverSlider = new Fx.Style(titleHoverState, 'top', {
			duration: 250,
			transition: Fx.Transitions.Cubic.easeOut
		});
		element.addEvent('mouseenter', function(){
			titleNormalSlider.stop()
			titleNormalSlider.start(27);
			titleHoverSlider.stop()
			titleHoverSlider.start(0);
		});
		element.addEvent('mouseleave', function(){
			titleNormalSlider.stop()
			titleNormalSlider.start(0);
			titleHoverSlider.stop()
			titleHoverSlider.start(-27);
		});
	});
	
	
	var panes2 = $$( "#productCategory li.even" );
	
	panes2.each(function(element2, i) {

		var titleNormalState = element2.getElement('.titleNormal a');
		var titleHoverState = element2.getElement('.titleHover a');
		var titleNormalSlider = new Fx.Style(titleNormalState, 'top', {
			duration: 250,
			transition: Fx.Transitions.Cubic.easeOut
		});
		var titleHoverSlider = new Fx.Style(titleHoverState, 'top', {
			duration: 250,
			transition: Fx.Transitions.Cubic.easeOut
		});
		element2.addEvent('mouseenter', function(){
			titleNormalSlider.stop()
			titleNormalSlider.start(27);
			titleHoverSlider.stop()
			titleHoverSlider.start(0);
		});
		element2.addEvent('mouseleave', function(){
			titleNormalSlider.stop()
			titleNormalSlider.start(0);
			titleHoverSlider.stop()
			titleHoverSlider.start(-27);
		});
	});
});