// JavaScript Document



    $(document).ready(function(){
        $('.bannerarea').bkgSlide({
            images          : images,                       // list of images to use
            imagePath       : imgPath,                      // path where to find the images
            speed           : 5000,                         // time in milliseconds between two image changes, 0 to disable autoplay
            direction       : 'next',                     // direction for autoplay ('random' / 'next' / 'prev')
            wrap            : true,                         // whether or not to wrap when reaching one end of the images list
            nav             : true,                         // whether ot not to setup navigation handlers
                                                            // ( true or 'all' for all buttons
                                                            // or an array with wanted options in the order you want them :
                                                            // [ 'prev', 'list', 'next', 'toggle' ]
                                                            // or a string with a single option )
            stopOnNav       : true,                         // whether or not to stop autoplay when using the navigation handlers
            width           : 'auto',                       // width of the background images containers ('auto' will get it from target)
            height          : 335,                          // height of the background images containers ('auto' will get it from target)
            containersClass : '',                           // class to add to the containers
            effect          : 'fadeOut',                    // what kind of effect to use for transitions ('fadeOut' / 'slideUp' / 'hide')
            duration        : 500,                          // duration of the transition
            afterInit       : function(target, bkgSlider){} // callback function launched after initialization
        });
    });