$(function(){
    
    // Class the first element is set to
    $className = "current";
    
    // Set className on first element
    $("#home-banners div").first().addClass($className);
    
    // Hide all but the first element
    $("#home-banners div").not("." + $className).hide();
    
    // Initial run
    bannerAnimation();
    
    function bannerAnimation() {
        
        // Set overlay to fade in after set time to hide visible element
        $("#home-banners #fade-block").delay(5500).fadeIn("slow", function() {
            
            // While the last element is hidden
            if($("#home-banners div").last().is(":hidden")) {
                $("#home-banners div").hide();
                $("#home-banners div." + $className).next().show().addClass($className);
                $("#home-banners div." + $className).first().removeClass($className);
            
            // If on last elemenet
            } else {
                $("#home-banners div").hide();
                $("#home-banners div").first().show().addClass($className);
                $("#home-banners div." + $className).last().removeClass($className);
            }
        
        // Set overlay to fadeout to reveal next element
        }).delay(400).fadeOut("slow", bannerAnimation);
    }
})