Chain with a elements call

[Bennington Purcell]

Hi You guys again.

Well i thought i had this all figured out.    I was trying to create a
chain.  My boss wants this windows to slide in.   So i was thinking just
change the width from 0 - 890 and back again....



var box1 = $('set1'), box2 = $('set2'), box3 = $('set3');
var fx1 = box1.effects({duration: 1000, transition:
Fx.Transitions.Quart.easeOut});
var fx2 = box2.effects({duration: 1000, transition:
Fx.Transitions.Quart.easeOut});
var fx3 = box3.effects({duration: 1000, transition:
Fx.Transitions.Quart.easeOut});
$('start').addEvent('mouseenter', function() {
    fx1.start({
        'width': 0
    }).chain(function(){
        fx1.start({
            'width': 0
        });
        fx2.start({
            'width': 0
        });
        fx3.start({
            'width': 0
        });

    }).chain(function() {
        fx1.start({
            'width': 890
        });
        fx2.start({
            'width': 0
        });
        fx3.start({
            'width': 0
        });
    }).chain(function() {
        fx1.start({
            'width': 0
        });
        fx2.start({
            'width': 890
        });
        fx3.start({
            'width': 0
        });
    }).chain(function() {
        fx1.start({
            'width': 0
        });
        fx2.start({
            'width': 0
        });
        fx3.start({
            'width': 890
        });
    });
});


i thought this was going to be pretty easy.   So i called the 3 different
boxes. (set1, set2, set3) and wanted there widths to change in a chain
function over 4 events.

The site is here  ( http://74.63.9.58/ )  I can't make anything happen when
i click start.  (the chain code isn't live on the site.  I just wanted to
show you the rest of it.

Thanks everybody.