function containerFades() {
    $('#slideshow').fadeIn( 1000 );
}

function removeMainBgImg() {
    $('#homeHeaderRtCol').css( {"background-image":"none"} );
}

$( document ).ready( function() {
    window.setTimeout( "containerFades()", 3000 );
    window.setTimeout( "removeMainBgImg()", 5000 );
    $('#slideshow').cycle( {
        fx:'fade',     // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        random:1,      // true for random, false for sequence (not applicable to shuffle fx)
        delay:2500,    // additional delay (in ms) for first transition (hint: can be negative) 
        containerResize:0,
        speed:800,     // speed of the transition (any valid fx speed value) 
        height:276     // container height 
        /*
        timeout:4000,  // milliseconds between slide transitions (0 to disable auto advance) 
        next:null,     // id of element to use as click trigger for next slide 
        prev:null,     // id of element to use as click trigger for previous slide 
        before:null,   // transition callback (scope set to element to be shown) 
        after:null,    // transition callback (scope set to element that was shown) 
        sync:1,        // true if in/out transitions should occur simultaneously 
        fit:0,         // force slides to fit container 
        pause:0,       // true to enable "pause on hover" 
        slideExpr:null // expression for selecting slides (if something other than all children is required) 
        */
    } );
} );