(function(){
    var dom = YAHOO.util.Dom;
    var event = YAHOO.util.Event;
    event.onDOMReady(function(){
        var carousel = new YAHOO.widget.Carousel("carousel-body", {
            revealAmount: 0,
            numVisible: 1,
            animation: {speed: 0.5},
            navigation: {
                prev: "prev-about",
                next: "next-about"
            }
        });
        carousel.set("numVisible", 1);
      
        carousel.render();
        carousel.show();
        make2007active();
        carousel.on("itemSelected", function(e){
            
            if(e>=1&&e<8){
                make2007active();
              }
            if(e>=7&&e<14){
                make2008active();
            }
            if(e>=14&&e<23){
                make2009active();
            }
            if(e>=23&&e<30){
                make2010active();
            }
            if(e==30){
                make2011active();
            }

        });
        event.addListener("about-2007", "click", function(){
            carousel.set("selectedItem", 1);
            carousel.set('numVisible', 1);
            make2007active();
        });
        event.addListener("about-2008", "click", function(){
            carousel.set("selectedItem", 8);
            carousel.set('numVisible', 1);
            make2008active();
        });
        event.addListener("about-2009", "click", function(){
            carousel.set("selectedItem", 14);
            carousel.set('numVisible', 1);
            make2009active();
        });
        event.addListener("about-2010", "click", function(){
            carousel.set("selectedItem", 23);
            carousel.set('numVisible', 1);
            make2010active();
        });
        event.addListener("about-2011", "click", function(){
            carousel.set("selectedItem", 30);
            carousel.set('numVisible', 1);
            make2011active();
        });
        function make2007active(){
            dom.addClass(dom.get("about-2007"), "about-2007_active");
            dom.removeClass(dom.get("about-2008"), "about-2008_active");
            dom.removeClass(dom.get("about-2009"), "about-2009_active");
            dom.removeClass(dom.get("about-2010"), "about-2010_active");
            dom.removeClass(dom.get("about-2011"), "about-2011_active");
        }
        function make2008active(){
            dom.addClass(dom.get("about-2008"), "about-2008_active");
            dom.removeClass(dom.get("about-2007"), "about-2007_active");
            dom.removeClass(dom.get("about-2009"), "about-2009_active");
            dom.removeClass(dom.get("about-2010"), "about-2010_active");
            dom.removeClass(dom.get("about-2011"), "about-2011_active");
        }
        function make2009active(){
            dom.addClass(dom.get("about-2009"), "about-2009_active");
            dom.removeClass(dom.get("about-2007"), "about-2007_active");
            dom.removeClass(dom.get("about-2008"), "about-2008_active");
            dom.removeClass(dom.get("about-2010"), "about-2010_active");
            dom.removeClass(dom.get("about-2011"), "about-2011_active");
        }
        function make2010active(){
            dom.addClass(dom.get("about-2010"), "about-2010_active");
            dom.removeClass(dom.get("about-2007"), "about-2007_active");
            dom.removeClass(dom.get("about-2008"), "about-2008_active");
            dom.removeClass(dom.get("about-2009"), "about-2009_active");
            dom.removeClass(dom.get("about-2011"), "about-2011_active");
        }
        function make2011active(){
            dom.addClass(dom.get("about-2011"), "about-2011_active");
            dom.removeClass(dom.get("about-2007"), "about-2007_active");
            dom.removeClass(dom.get("about-2008"), "about-2008_active");
            dom.removeClass(dom.get("about-2009"), "about-2009_active");
            dom.removeClass(dom.get("about-2010"), "about-2010_active");
        }
    });
})();