jQuery(document).ready(function() {

    var revapi = jQuery('.tp-banner').show().revolution(
    {
        dottedOverlay:"none",
        delay:16000,
        startwidth:1170,
        startheight:700,
        hideThumbs:200,

        thumbWidth:100,
        thumbHeight:50,
        thumbAmount:5,

        navigationType:"bullet",
        navigationArrows:"solo",
        navigationStyle:"preview4",

        touchenabled:"on",
        onHoverStop:"off",

        swipe_velocity: 0.7,
        swipe_min_touches: 1,
        swipe_max_touches: 1,
        drag_block_vertical: false,

        parallax:"mouse",
        parallaxBgFreeze:"on",
        parallaxLevels:[7,4,3,2,5,4,3,2,1,0],

        keyboardNavigation:"off",

        navigationHAlign:"center",
        navigationVAlign:"bottom",
        navigationHOffset:0,
        navigationVOffset:20,

        soloArrowLeftHalign:"left",
        soloArrowLeftValign:"center",
        soloArrowLeftHOffset:20,
        soloArrowLeftVOffset:0,

        soloArrowRightHalign:"right",
        soloArrowRightValign:"center",
        soloArrowRightHOffset:20,
        soloArrowRightVOffset:0,

        shadow:0,
        fullWidth:"off",
        fullScreen:"on",

        spinner:"spinner4",

        stopLoop:"off",
        stopAfterLoops:-1,
        stopAtSlide:-1,

        shuffle:"off",

        autoHeight:"off",
        forceFullWidth:"off",

        hideThumbsOnMobile:"off",
        hideNavDelayOnMobile:1500,
        hideBulletsOnMobile:"off",
        hideArrowsOnMobile:"off",
        hideThumbsUnderResolution:0,

        hideSliderAtLimit:0,
        hideCaptionAtLimit:0,
        hideAllCaptionAtLilmit:0,
        startWithSlide:0,
        fullScreenOffsetContainer: ".header"

    });

    (function($) {

        var api = revapi,

        gridWidth = 1170,

        // the class name or ID of your element you wish to scale up
        zoomSelector = '.zoom-this',

        // CSS transformOrigin: http://www.w3schools.com/cssref/css3_pr_transform-origin.asp
        scaleFrom = 'left top',

        // if slider is scaled below "firstScaleCheck" value,
        // and above "secondScaleCheck" value,
        // zoom element by "firstScaleAmount" value
        firstScaleCheck = 0.5,
        firstScaleAmount = 0.35,

        // if slider is scaled below "secondScaleCheck" number,
        // zoom element by "secondScaleAmount" value
        secondScaleCheck = 0.25,
        secondScaleAmount = 0.75,

        // no need to edit anything below
        slider = $('.rev_slider_wrapper');
        if(!slider.length) return;

        var temp = slider[0].style,
        transform = 'transform' in temp ? 'transform' :
        'WebkitTransform' in temp ? 'WebkitTransform' :
        'MozTransform' in temp ? 'MozTransform' :
        'msTransform' in temp ? 'msTransform' :
        'OTransform' in temp ? 'OTransform' : null;

        if(!gridWidth) {

            var script = slider.closest('.rev_slider_wrapper').find('script').text();
            if(script) gridWidth = parseInt(script.split('startwidth:')[1].split(',')[0], 10);

        }

        if(!gridWidth || !transform) return;

        var plus,
        origin = 'transformOrigin' in temp ? 'transformOrigin' :
        'WebkitTransformOrigin' in temp ? 'WebkitTransformOrigin' :
        'MozTransformOrigin' in temp ? 'MozTransformOrigin' :
        'msTransformOrigin' in temp ? 'msTransformOrigin' :
        'OTransformOrigin' in temp ? 'OTransformOrigin' : null,

        items = slider.find(zoomSelector).each(function() {this.style[origin] = scaleFrom;});
        api.on('revolution.slide.onloaded', function() {

            sizer();
            $(window).on('resize', sizer);

        });

        function sizer() {

            var scaled = Math.min(slider.width() / gridWidth, 1).toFixed(2);
            plus = scaled < 1 ? (1 - parseFloat(scaled)) + 1 : 1;

            if(scaled < firstScaleCheck) {
                plus = scaled > secondScaleCheck ? plus + firstScaleAmount : plus + secondScaleAmount;
            }

            items.each(sizeEach);

        }

        function sizeEach() {

            this.style.display = 'inline-block';
            this.style[transform] = 'scale(' + plus + ', ' + plus + ')';

        }

    })(jQuery);

}); //ready