$(document).ready(function(){
	$('div.button').each( function(e){
		
		var step = $(this).width();
		
		$(this).mouseenter( function() {
			$(this).css({'background-position': '-' + step + 'px 0px', color: '#D0D0D0', cursor: 'pointer'});
		});

		$(this).mouseleave( function(e) {
			$(this).css({'background-position': '0px', color: '#FFFFFF', cursor: 'normal'});
		});

		$(this).mousedown( function(e) {
			$(this).css({'background-position': '-' + 2*step + 'px 0px', color: '#FFFFFF', cursor: 'pointer'});
			return false;
		});

		$(this).mouseup( function(e) {
			$(this).css({'background-position': '-' + step + 'px 0px', color: '#D0D0D0', cursor: 'pointer'});
		});
	});
});