window.addEvent('domready', function() {
var myScroll = new Fx.Scroll('fxwrapper', {
    offset: {
        'x': 0,
        'y': 0
    },
	wheelStops: false
});
var MYxyA = $('box01').getPosition('fxwrapper');
var MYxyB = $('box02').getPosition('fxwrapper');
var MYxyC = $('box03').getPosition('fxwrapper');
var MYxyD = $('box04').getPosition('fxwrapper');
$each(MYxyA,
function (value, key) {
XA = MYxyA['x'];
YA = MYxyA['y'];
}, this);
$each(MYxyB,
function (value, key) {
XB = MYxyB['x'];
YB = MYxyB['y'];
}, this);
$each(MYxyC,
function (value, key) {
XC = MYxyC['x'];
YC = MYxyC['y'];
}, this);
$each(MYxyD,
function (value, key) {
XD = MYxyD['x'];
YD = MYxyD['y'];
}, this);

var showButtton = function() {
		this.setStyle('visibility', 'visible');
}
var hideButtton = function() {
		this.setStyle('visibility', 'hidden');
}

$('A01').addEvent('click', function(){
    myScroll.start(XA, YA);
});

$('B01').addEvent('click', function(){
    myScroll.start(XB, YB);
});

$('C01').addEvent('click', function(){
    myScroll.start(XC, YC);
});
$('D01').addEvent('click', function(){
    myScroll.start(XD, YD);
});

});