window.addEvent('domready', function() {
	var moveable = $$('.moveable');
	moveable.each(function(el) {
		var fx = new Fx.Styles(el, {duration: 500, wait: false});
		el.original = el.getStyle('padding');
//		el.setStyle('background','url(/images/'+this.id+'_bg.gif)');
		el.addEvent('mouseenter', function(el){
			// console.log(this.id);
			fx.start({
				'padding':'35 0 35 35',
				'background-position':'5% 0%'
			});
			this.setStyle('background','url(/images/'+this.id+'_bg.gif) -150px 0px no-repeat');
		});
		el.addEvent('mouseleave', function(el){
			fx.start({
				'padding':this.original,
				'background-position':'-150px 0px'
			});
//			this.setStyle('background','url(/images/'+this.id+'_bg.gif) 5% 0% no-repeat');
		});
	});

	var moveable = $$('#nav img');
	moveable.each(function(el) {
		var fx = new Fx.Styles(el, {duration: 500, wait: false});
		el.original = el.getStyle('padding');
		el.addEvent('mouseenter', function(el){
			fx.start({
				'padding':'0 25 0 25'
			});
		});
		el.addEvent('mouseleave', function(el){
			fx.start({
				'padding':this.original
			});
		});
	});
});