$(document).ready(function() {

    // Define new scrolling function
    $.fn.cycle.transitions.scrollHorzRev = function($cont, $slides, opts) {
        $cont.css('overflow','hidden').width();
        opts.before.push(function(curr, next, opts, fwd) {
            if (opts.rev)
                fwd = !fwd;
            $.fn.cycle.commonReset(curr,next,opts);
            opts.cssBefore.left = fwd ? (1-next.cycleW) : (next.cycleW-1);
            opts.animOut.left = fwd ? curr.cycleW : -curr.cycleW;
        });
        var w = $cont.width();
        opts.cssFirst.left = 0;
        opts.cssBefore.top = 0;
        opts.animIn.left = 0;
        opts.animOut.top = 0
    };

    // Initiate sliders
    $('.slideHeadlines .slides').cycle({
        fx: 'scrollHorzRev',
        prev:   '.sliderPrev',
        next:   '.sliderNext',
        timeout:    500
    });

    $('.slideCaptions .slides').cycle({
        fx:     'scrollHorz',
        prev:   '.sliderPrev',
        next:   '.sliderNext',
        timeout:    500
    });

    $('.slideImages .slides').cycle({
        fx:     'scrollHorz',
        prev:   '.sliderPrev',
        next:   '.sliderNext',
        timeout:    500
    });

    // Fade slider nav
    $('.hero').hover(function() {
        $('.sliderNav a').fadeIn();
    },

    function() { $('.sliderNav a').fadeOut();
    })
});