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

    $("bannerbg").setStyle("opacity", "0.8");
    $$('.fadeContentMsg').setStyle("opacity","0.8");
    
    $$(".WidgetElementContent").each(function (e, i, a) {
        //e.store("OriginalWidth", "263px");

        // e.morph({ "width": e.retrieve("OriginalWidth") });

        if (i != 0) {
            e.set('morph', { duration: '400', transition: 'expo:out' });
            e.morph({ "width": "143px", "opacity": "0.5" });
            e.getFirst(".WidgetElementTitle").morph({ "height": "20px" });
            e.getFirst(".titleText").morph({ "height": "20px" });
        }
        else {
            e.morph({ "width": "263px", "opacity": "1" });
            e.getFirst(".WidgetElementTitle").morph({ "height": "40px" });
            e.getFirst(".titleText").morph({ "height": "40px" });
            e.getFirst(".homeNext").setStyle("display", "none");
        }
        e.addEvent("mouseenter", function () {
            $$(".WidgetElementContent").each(function (e2, i2, a2) {
                if (i != i2) {
                    e2.set('morph', { duration: '400', transition: 'expo:out' });
                    e2.morph({ "width": "143px", "opacity": "0.5" });
                    e2.getFirst(".WidgetElementTitle").morph({ "height": "20px" });
                    e2.getFirst(".titleText").morph({ "height": "20px" });
                }
                else {
                    e2.morph({ "width": "263px", "opacity": "1" });
                    e2.getFirst(".WidgetElementTitle").morph({ "height": "40px" });
                    e2.getFirst(".titleText").morph({ "height": "40px" });
                }
            });
        });
    });


    var myMenu = new UvumiDropdown("mainNav", {
        duration: 500,
        transition: Fx.Transitions.Circ.easeOut
    });

    var slideshow = new SimpleSlideshow('BannerSlideshow', '#BannerSlideshow div');
    slideshow.start();


    var array = $$('#mainNav li');
    array.each(function (el, i, a) {

        el.addEvents({ 'mouseenter': function () {

            el.addClass("mainMenuBg");
        },

            'mouseleave': function () {

                el.removeClass("mainMenuBg");

            }

        });

    });

});