﻿window.addEvent('domready', function() {
    ResizeAndPositionIcons();
    AddHandlers();
});

function AddHandlers() {
    if ($('homeMooContentHolder')) {
        var ContentFX = new Fx.Tween($('homeMooContent'));
    }

    $('serviceIconListUL').getChildren().each(function(e, i, a) {
        var ElementID = e.getProperty('id');
        var ImageElement = e.getFirst('.IconContainer').getFirst().getFirst();
        var TextElement = e.getFirst('.TextContainer');
        var ImageElementSize = ImageElement.getSize();

        TextElement.setStyle('opacity', 0.0);

        e.addEvent('mouseenter', function() {
            if ($('homeMooContentHolder')) {
                $('serviceIconListUL').getChildren().each(function(se, si, sa) {
                if (si != i) {
                    var SubElementID = se.getProperty('id');
                    var SubImageElement = se.getFirst('.IconContainer').getFirst().getFirst();
                    var SubTextElement = se.getFirst('.TextContainer');
                    SubImageElement.morph('.' + SubElementID + "Icon");
                    SubTextElement.tween('opacity', 0);
                    }
                });
            }

            ImageElement.morph('.' + ElementID + "IconLarge");
            TextElement.tween('opacity', 1);
            if ($('homeMooContentHolder')) {
                ContentFX.cancel();
                ContentFX.start('left', -803 * i);
            }
        });

        e.addEvent('mouseleave', function(si) {
            if (!$('homeMooContentHolder')) {
                ImageElement.morph('.' + ElementID + "Icon");
                TextElement.tween('opacity', 0);
            }
        });

        if (i == 0 && $('homeMooContentHolder')) {
            e.fireEvent('mouseenter');
        }
    });
}

function ResizeAndPositionIcons() {

}
