var BannerSlider = function(wrapperSelector) {

    this.Init = function(interval) {

        $(document).ready(function() {
            setInterval(function() { SlideSwitch() }, interval);
        });

        var SlideSwitch = function() {

            var $activeBox = $('#home_banner_wrapper .selected_box');
            var $activeImage = $('#home_banner_wrapper .selected_image');

            if ($activeBox.length == 0) $activeBox = $('#home_banner_wrapper .box:last');
            if ($activeImage.length == 0) $activeImage = $('#home_banner_wrapper .banner_image:last');

            var $nextBox = $activeBox.next("#home_banner_wrapper .box").length
				? $activeBox.next()
	            : $('#home_banner_wrapper .box:first');

            var $nextImage = $activeImage.next("#home_banner_wrapper .banner_image").length
				? $activeImage.next()
	            : $('#home_banner_wrapper .banner_image:first');

            $activeBox.removeClass('selected_box');
            $activeImage.removeClass('selected_image');

            $nextBox.addClass('selected_box');

            $nextImage.css({ opacity: 0.1 })
                      .addClass('selected_image')
                      .animate({ opacity: 1.0 }, 1500);


        }

    }
}