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


    var learn1FX;
    var learn2FX;
    var learn3FX;
    var learnMore = $$('.homeRoll .more');
    learnMore.each(function(item, index) {
        switch (index) {
            case 0:
                learn1FX = new Fx.Morph(item, { duration: 400, wait: false, transition: Fx.Transitions.Cubic.easeOut });
                break;

            case 1:
                learn2FX = new Fx.Morph(item, { duration: 400, wait: false, transition: Fx.Transitions.Cubic.easeOut });
                break;

            case 2:
                learn3FX = new Fx.Morph(item, { duration: 400, wait: false, transition: Fx.Transitions.Cubic.easeOut });
                break;
        }

        var myRoll = item.getParent('.homeRoll');
        myRoll.setStyle('position', 'relative');
        myRoll.setStyle('height', '135px');
        myRoll.setStyle('overflow', 'hidden');
        item.setStyle('position', 'absolute');
        item.setStyle('height', '150px');
        item.setStyle('left', '0px');
        item.setStyle('top', '105px');
        item.setStyle('bottom', '0px');
        item.getElement('h3').addClass('arrowup');

        var LearnMoreText = "???";  //TvS: added.

        item.addEvent('mouseenter', function() {
            myPar = this.getParent('.homeRoll');
            LearnMoreText = this.getElement('h3').innerHTML;        //TvS: added.
            this.getElement('h3').innerHTML = this.getParent('.homeRoll').getElement('h3').innerHTML;


            this.getElement('h3').removeClass('arrowup');
            this.getElement('h3').addClass('arrowdown');
            if (myPar.hasClass('near')) {
                learn1FX.start({ 'top': '0' });
                learn2FX.start({ 'top': '105' });
                learn3FX.start({ 'top': '105' });
            }
            else if (myPar.hasClass('intermediate')) {
                learn2FX.start({ 'top': '0' });
                learn1FX.start({ 'top': '105' });
                learn3FX.start({ 'top': '105' });
            }
            else if (myPar.hasClass('distance')) {
                learn3FX.start({ 'top': '0' });
                learn2FX.start({ 'top': '105' });
                learn1FX.start({ 'top': '105' });
            }
        });
        item.addEvent('mouseleave', function() {
            myPar = this.getParent('.homeRoll');

            //this.getElement('h3').innerHTML = 'Learn more';
            this.getElement('h3').innerHTML = LearnMoreText;        //TvS: added.
            
            this.getElement('h3').removeClass('arrowdown');
            this.getElement('h3').addClass('arrowup');
            if (myPar.hasClass('near')) {
                learn1FX.start({ 'top': '105' });
            }
            else if (myPar.hasClass('intermediate')) {
                learn2FX.start({ 'top': '105' });
            }
            else if (myPar.hasClass('distance')) {
                learn3FX.start({ 'top': '105' });
            }
        });
    });

});