EDU/Website/NEducation/Content/assets/js/m-home.js

//Slider
$(document).ready(function(){
    $('.link-home').addClass('link-active');
    var itemWidth = 280;
    var width = Math.min($(".home-student-list").width(), itemWidth*3 + 25 * 2);

    $("#home-student-slider").css('width', width);
    $("#home-student-slider .slider-container-cover").css('width', width);
    var options = { $AutoPlay: 1,
                    $SlideWidth: itemWidth,
                    $SlideHeight: 375,
                    $SlideSpacing: 25,
                    $Cols: Math.ceil(width/(itemWidth + 25)),
                    $Align: width/2 - itemWidth/2,
                    $BulletNavigatorOptions: {
                        $Class: $JssorBulletNavigator$,
                        $SpacingX: 10
                    }

    };

    if($("#home-student-slider").length > 0){
        var jssor_slider1 = new $JssorSlider$('home-student-slider', options);

        function SliderPositionChangeEventHandler(position, fromPosition, virtualPosition, virtualFromPosition)
        {
            var itemIndex = $('#home-student-slider .home-bullet-navigator-cover .home-bullet-navigator.home-bullet-navigatorav').index();
            if(!$("#home-student-slider .home-student-item:nth-of-type("+(itemIndex+2)+")").hasClass('item-active')){
                $(".home-student-item").removeClass('item-active');
                $("#home-student-slider .home-student-item:nth-of-type("+(itemIndex+2)+")").addClass('item-active');
            }
        }
        jssor_slider1.$On($JssorSlider$.$EVT_POSITION_CHANGE, SliderPositionChangeEventHandler);
    }
});

//Slider
$(document).ready(function(){
    var itemWidth = 295;
    var maxCol = 3;
    var spacing = 30;

    var width = $(".home-product-list").width();

    var number = $("#home-product-slider .slider-container-cover .home-product-item").length;

    var colSuggest = Math.min(Math.ceil(width/(itemWidth + 30)), maxCol);
    var col = Math.min(Math.floor(width/(itemWidth + 30)), maxCol);

    var colSlider = colSuggest;

    if(number == 1 && col == 0){
        $('.home-product-item').css({
            'margin-left': '0px',
            'margin-right': '0px'
        });
    }else if(number == 1 && col == 1){
        colSuggest = 1;
        colSlider = 1;
    }else if(number <= col){
        colSuggest = number;
        colSlider = number;
    }else if(number == colSuggest){
        colSlider = number - 1;
        if(colSlider == 1){
            colSuggest = 1;
        }
    }


    width = Math.min(itemWidth*colSuggest + spacing*colSuggest, width);

    

    $("#home-product-slider").css('width', width);
    $("#home-product-slider .slider-container-cover").css('width', width);

    var options2 = { $AutoPlay: 1,
                    $SlideWidth: itemWidth,
                    $SlideHeight: 340,
                    $SlideSpacing: 30,
                    $Cols: colSlider,
                    $Align: width/2 - itemWidth/2 - 15,
                    $BulletNavigatorOptions: {
                        $Class: $JssorBulletNavigator$,
                        $SpacingX: 10
                    }

    };

    if($("#home-product-slider").length > 0){
        var jssor_slider2 = new $JssorSlider$('home-product-slider', options2);

    }

    var textHeight = $('.home-teacher-info-cover').innerHeight();
    $('.home-teacher-info-cover').css('height', '210px');

    $('.home-teacher-container .button-more').click(function(event) {

        if($('.home-teacher-info-cover').hasClass('cover-show')){
            $('.home-teacher-info-cover').animate({height: '210px'}, 400);
            $('.home-teacher-info-cover').removeClass('cover-show');
            $(this).find('.button-text').text($(this).find('.button-text').attr('langmore'));
            $(this).find('i').css({transform: 'rotate(0deg)'});
        }else{
            $('.home-teacher-info-cover').animate({height: textHeight + 'px'}, 400);
            $('.home-teacher-info-cover').addClass('cover-show');
            $(this).find('.button-text').text($(this).find('.button-text').attr('langless'));
            $(this).find('i').css({transform: 'rotate(180deg)'});
        }
        
    });
});