(function() {

    var carousel;
    YAHOO.util.Event.onDOMReady(function(ev) {
        var carousel = new YAHOO.widget.Carousel("CarouselContent", {
            animation: { speed: 1, effect: YAHOO.util.Easing.easeInStrong }, numVisible: 1

        });


        carousel.set("isCircular", true);
        carousel.render(); // get ready for rendering the widget
        carousel.show();   // display the widget
        carousel.set("autoPlay", 5000);
        carousel.startAutoPlay(5000);
        carousel.blur();


        //  carousel.on("click", function(index) {
        //  carousel.stopAutoPlay(0);





        // 
        var changePage = function(e, args) {
            var carousel = args[0];
            var pageNum = args[1];
            carousel.blur();

            // if(carousel.on())

            //carousel.setProperty("animationSpeed", 0);


            carousel.scrollTo(pageNum);
            var id;
            id = carousel.get("selectedItem");
            if (id == pageNum) {
                for (var i = 0; i < 5; i++) {
                    if (document.getElementById(i) == document.getElementById(pageNum)) {

                        document.getElementById(pageNum).className = "dotselected";
                        document.getElementById("DescriptionLi").innerHTML = document.getElementById("Banner" + id).innerHTML;
                    }
                    else {
                        document.getElementById(i).className = "dot";
                    }
                }
            }
            carousel.blur();
            carousel.stopAutoPlay();


        };



        function listener() {
            var id;
            id = carousel.get("selectedItem");
            //alert(id + "cos");
            for (var i = 0; i < 5; i++) {
                if (document.getElementById(i) == document.getElementById(id)) {

                    document.getElementById(id).className = "dotselected";
                    document.getElementById("DescriptionLi").innerHTML = document.getElementById("Banner" + id).innerHTML;

                }
                else {
                    document.getElementById(i).className = "dot";

                }
            }
            carousel.blur();
        };

        carousel.addListener("selectedItemChange", listener);
        YAHOO.util.Event.addListener("0", "click", changePage, [carousel, 0]);
        YAHOO.util.Event.addListener("1", "click", changePage, [carousel, 1]);
        YAHOO.util.Event.addListener("2", "click", changePage, [carousel, 2]);
        YAHOO.util.Event.addListener("3", "click", changePage, [carousel, 3]);
        YAHOO.util.Event.addListener("4", "click", changePage, [carousel, 4]);


    });
})();