window.addEvent("domready", function() {
    
    // News and blog box fade effects
    
    if ($("latest-news") && $("latest-blogs")) {
    
        var newsBoxFx = new Fx.Style("latest-news", "opacity", {duration: 250});
        var blogBoxFx = new Fx.Style("latest-blogs", "opacity", {duration: 250}).hide();
        $("latest-blogs").setStyle("display", "none");
        
        // News button events
    
        $("latest-news-btn").addEvent("click", function(evt) {
        
            evt = new Event(evt).stop();
        
            this.getParent().removeClass("off");
            this.getParent().removeClass("off-start");
            this.getParent().addClass("on");
            this.getParent().addClass("on-start");
        
            this.getParent().getNext().removeClass("m-off-on");
            this.getParent().getNext().addClass("m-on-off");
        
            $("latest-blogs-btn").getParent().removeClass("on");
            $("latest-blogs-btn").getParent().addClass("off");
        
            $("latest-blogs-btn").getParent().getNext().removeClass("m-on-none");
            $("latest-blogs-btn").getParent().getNext().addClass("m-off-none");
                    
            blogBoxFx.start(0).chain(function(){
                $("latest-blogs").setStyle("display", "none");
                $("latest-news").setStyle("display", "block");
                newsBoxFx.start(1);
            });
        
        });
    
        $("latest-blogs-btn").addEvent("click", function(evt) {
        
            evt = new Event(evt).stop();
        
            this.getParent().removeClass("off");
            this.getParent().addClass("on");
        
            $("latest-news-btn").getParent().removeClass("on");
            $("latest-news-btn").getParent().removeClass("on-start");
            $("latest-news-btn").getParent().addClass("off");
            $("latest-news-btn").getParent().addClass("off-start");
        
            $("latest-news-btn").getParent().getNext().removeClass("m-on-off");
            $("latest-news-btn").getParent().getNext().addClass("m-off-on");
        
            $("latest-blogs-btn").getParent().getNext().removeClass("m-off-none");
            $("latest-blogs-btn").getParent().getNext().addClass("m-on-none");
        
            newsBoxFx.start(0).chain(function(){
                $("latest-news").setStyle("display", "none");
                $("latest-blogs").setStyle("display", "block");
                blogBoxFx.start(1);
            });
        
        });
        
    }
    
    // -------- FEATURED BLOGS
    
    if ($('box-blog')) {
        new SlidePane('box-blog', {
            contentClass: 'box-content',
            itemClass: 'box-read-blog',
            fxOptions: {duration: 500, transition: Fx.Transitions.Quad.easeInOut }
        });
    }
});