window.addEvent('domready', function() {

/* example a:  top down */

if ($$('.SelectItem')) {
    $$('.SelectItem a').setStyle('color', '#312728');
}


$$('#a a').each(function(el) {

//fx

var fx = new Fx.Tween(el,{

duration: 500,

link: 'cancel'

});



//css & events

el.setStyle('background-position','-20px 35px').addEvents({

'mouseenter': function(e) {

e.stop();

fx.start('background-position','-20px 94px');

},

'mouseleave': function(e) {

e.stop();

fx.start('background-position','-20px 35px');

}

});

});



/* example b:  right left */

$$('#b a').each(function(el) {

//css

var reset = false;

var fx = new Fx.Tween(el,{

duration: 500,

link: 'cancel',

onComplete:function() {

if(reset) {

el.setStyle('background-position','0 0');

}

}

});

//events

el.setStyle('background-position','0 0').addEvents({

'mouseenter': function(e) {

e.stop();

fx.start('background-position','-150px 0');

reset = false;

},

'mouseleave': function(e) {

reset = true;

fx.start('background-position','-300px 0');

}

});

});



});