var $id;
    
    function autoSlide() {        
        var $active = $(".active");
        
        if ($active.length == 0) {
            $active = $("div.header-slide:last");
        }

        var $next = $active.next(".header-slide").length ? $active.next(".header-slide") : $("div.header-slide:first");

        $active.css({opacity: 1.0}).animate({opacity: 0.0}, 3000).removeClass("active").hide();
        
        $next.addClass("active").show().css({opacity: 0.0}).animate({opacity: 1.0}, 3000);
    }
       
    $(document).ready( function() {
        $("div.header-slide").hide();
        $("div.header-slide:first").addClass("active").show();
        
        $id = setInterval("autoSlide()", 6000);
    });