function init() {
    timer = setTimeout(function () {
        clearTimeout(timer);
        timer = null;
        if (userclicked) return;
      //  LoadFirstBanner(false);
    }, clearBlocksOffScreenStartTime);
}

function LoadFirstBanner(userCalled) {
    $("#button1").attr("src","../SiteCollectionImages/BannerNavButtonActive.png"); 
    $("#button2").attr("src","../SiteCollectionImages/BannerNavButtonInActive.png");
    $("#button3").attr("src","../SiteCollectionImages/BannerNavButtonInActive.png");
    $(".metroblocks").css('display', 'none');

    timer = setTimeout(function () {
        clearTimeout(timer);
        timer = null;
        if (userclicked && !userCalled) {
            userclicked = false;
            return;
        }
        bannerSwitch(1, 2, false);
    }, clearBlocksOffScreenStartTime);

}

function LoadSecondBanner(userCalled) {
   $("#button1").attr("src","../SiteCollectionImages/BannerNavButtonInActive.png"); 
    $("#button2").attr("src","../SiteCollectionImages/BannerNavButtonActive.png");
    $("#button3").attr("src","../SiteCollectionImages/BannerNavButtonInActive.png");

    $("body").css('overflow-x', 'auto');

    timer = setTimeout(function () {
        clearTimeout(timer);
        timer = null;
        if (userclicked && !userCalled) {
            userclicked = false;
            return;
        }
        bannerSwitch(2, 3, false);
    }, clearBlocksOffScreenStartTime);
}

function LoadThirdBanner(userCalled) {

     $("#button1").attr("src","../SiteCollectionImages/BannerNavButtonInActive.png"); 
    $("#button2").attr("src","../SiteCollectionImages/BannerNavButtonInActive.png");
    $("#button3").attr("src","../SiteCollectionImages/BannerNavButtonActive.png");
    $(".Left").css('left', leftblockleft);
    $(".Middle").css('left', middleblockleft);
    $(".Right").css('left', rightblockleft);
    $(".metroMore").css('display', 'none');
    $(".metroblocks").css('display', 'block');
    $(".metroblocks").css('opacity:1.0', '1.0');
    $(".metroblocks").css('z-index', '20');
    //   $("body").css('overflow-x', 'hidden');

    timer = setTimeout(function () {
        clearTimeout(timer);
        timer = null;
        if (userclicked && !userCalled) {
            userclicked = false;
            return;
        }
        SliderMetroOnScreen(userCalled);
    }, 1000);
}

function bannerSwitch(currentBannerNumber, nextBannerNumber, isManualChange) {


    var $active = $('#Banners DIV.active');
    var $activeFade = $('#BannersFade DIV.active');


    if ($active.length == 0) $active = $('#Banners DIV:last');
    if ($activeFade.length == 0) $activeFade = $('#BannersFade DIV:last');

    var $next = null;
    var $nextFade = null;
    if (nextBannerNumber == 1 && isManualChange) {
        $next = $('#Banners DIV:first');
        $nextFade = $('#BannersFade DIV:first');

    }
    else if (nextBannerNumber == 2 && isManualChange) {
        $next = $('#Banners DIV:first').next();
        $nextFade = $('#BannersFade DIV:first').next();
    }
    else if (nextBannerNumber == 3 && isManualChange) {
        $next = $('#Banners DIV:first').next().next();
        $nextFade = $('#BannersFade DIV:first').next().next();

        $(".Left").css('left', leftblockleft);
        $(".Middle").css('left', middleblockleft);
        $(".Right").css('left', rightblockleft);
        $(".metroMore").css('display', 'none');
    }
    else {
 		$next = $active.next().length ? $active.next() : $('#Banners DIV:first');
        $nextFade = $activeFade.next().length ? $activeFade.next() : $('#BannersFade DIV:first');
    }

    $active.addClass('last-active');
    $activeFade.addClass('last-active');

    $nextFade.css({ opacity: 0.0 })
        .addClass('active')
        .animate({ opacity: 1.0 }, 1000, function () {
         $activeFade.removeClass('active last-active');

        });
        
    $next.css({ opacity: 0.0 })
        .addClass('active')
        .animate({ opacity: 1.0 }, 1000, function () {
            if (!isManualChange) {
                if (currentBannerNumber == 1) {
                    LoadSecondBanner(isManualChange);
                }
                else if (currentBannerNumber == 2) {
                    LoadThirdBanner(isManualChange);
                }
                else {
                    LoadFirstBanner(isManualChange);
                }
            } else {
                lastbannerNumber = 0;
                _NextBannerNumber = nextBannerNumber;
                if (nextBannerNumber == 3) {
                    LoadThirdBanner(true);
                }

                $(".Left").css('left', leftblockleft);
                $(".Middle").css('left', middleblockleft);
                $(".Right").css('left', rightblockleft);
                $(".metroMore").css('display', 'none');
                if (timer2 != null) {
                    clearTimeout(timer2);
                    timer2 = null;
                }
                timer2 = setTimeout(function () {

                    clearTimeout(timer2);
                    timer2 = null;
                    userclicked = false;
                    if (_NextBannerNumber == 1) {
                        LoadFirstBanner(isManualChange);
                    }
                    else if (_NextBannerNumber == 2) {
                        LoadSecondBanner(isManualChange);
                    }
                    else {
                        SliderMetroOffScreen();
                    }
                }, 20000);

            }
            $active.removeClass('active last-active');
        });
}

function SliderMetroOnScreen(userCalled) {
    $(".one").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed);
    $(".two").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed + animateSpeedOffset1);
    $(".three").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed + animateSpeedOffset2);
    $(".four").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed + animateSpeedOffset1);
    $(".five").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed + animateSpeedOffset2);
    $(".six").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed + animateSpeedOffset3, function () {
        $(".metroMore").fadeIn("slow");

        timer = setTimeout(function () {
            if (userclicked && !userCalled) {
                userclicked = false;
                return;
            }
            if (!userCalled) {
                clearTimeout(timer);
                timer = null;
                SliderMetroOffScreen();
            }
        }, clearBlocksOffScreenStartTime);
    });
}

function SliderMetroOffScreen() {
    $(".one").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed2);
    $(".two").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed2 + animateSpeedOffset1);
    $(".three").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed2 + animateSpeedOffset2);
    $(".four").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed2);
    $(".five").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed2 + animateSpeedOffset1);
    $(".six").animate({ "left": "-=" + offsetWidth + "px" }, animateSpeed2 + animateSpeedOffset2, function () {

        $(".Left").css('left', leftblockleft);
        $(".Middle").css('left', middleblockleft);
        $(".Right").css('left', rightblockleft);

     $("#button1").attr("src","../SiteCollectionImages/BannerNavButtonActive.png"); 
    $("#button2").attr("src","../SiteCollectionImages/BannerNavButtonInActive.png");
    $("#button3").attr("src","../SiteCollectionImages/BannerNavButtonInActive.png");

        bannerSwitch(3, 3, false);

    });
}