var app=angular.module('productSelector', ['ui.router']);


app.config(['$stateProvider', function($stateProvider) {
    $stateProvider

    // STEP ONE =================================
    .state('home', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/home.html',
        controller: 'homeController'
    })
    .state('flujo', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/septiembre2020/flujo.html',
        controller: 'flujoController'
    })
    .state('tipo', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/septiembre2020/tipo.html',
        controller: 'flujoController'
    })
    .state('compacto-plastico', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/compacto-plastico.html',
        controller: 'flujoController'
    })
    .state('digital-original', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/septiembre2020/digital-original.html',
        controller: 'flujoController'
    })
    .state('digital-procomfort', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/digital-procomfort.html',
        controller: 'flujoController'
    })
    .state('absorcion-mini', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/septiembre2020/absorcion-mini.html',
        controller: 'flujoController'
    })
    .state('absorcion-medio', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/ago2020/absorcion-medio.html',
        controller: 'flujoController'
    })
    .state('absorcion-super', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_ob/product-selector/components/partials/ago2020/absorcion-super.html',
        controller: 'flujoController'
    })

}]);

app.controller('homeController',['$scope', '$state', function($scope, $state){
    $state.go('home');

}]);

app.controller('paginationController',['$scope', '$state', function($scope, $state){

    $scope.changeState = function(step){
        $state.go(step);
    }

    $scope.seleccion = "Selecciona una opción";

    $scope.toggleMenu =  function(value){
        $('.toggle-menu').slideToggle();
        $scope.seleccion = value;
        $('.overlay').toggleClass('active').siblings().removeClass('active');

    }

    $scope.resize = function(tipo){

        var box = $('#jnj-tiles-node-4686');

        if(tipo == 'digital-original'){
            box.addClass('expand-product-digital-original');
            box.removeClass('expand-product-digital-procomfort');
            box.removeClass('expand-product-aplicador-compacto');
            box.removeClass('expand-home');
            box.removeClass('expand-product-digital-procomfort-no');
            box.removeClass('expand-product-absorcion-mini');
            box.removeClass('expand-product-absorcion-medio');
            box.removeClass('expand-product-absorcion-super');
            isotopeReLayout();
        }

        if(tipo == 'digital-procomfort'){
            box.addClass('expand-product-digital-procomfort');
            box.removeClass('expand-product-digital-original');
            box.removeClass('expand-product-aplicador-compacto');
            box.removeClass('expand-home');
            box.removeClass('expand-product-digital-procomfort-no');
            box.removeClass('expand-product-absorcion-mini');
            box.removeClass('expand-product-absorcion-medio');
            box.removeClass('expand-product-absorcion-super');
        }

        if(tipo == 'aplicador-compacto'){
            box.addClass('expand-product-aplicador-compacto');
            box.removeClass('expand-product-digital-original');
            box.removeClass('expand-product-digital-procomfort');
            box.removeClass('expand-home');
            box.removeClass('expand-product-digital-procomfort-no');
            box.removeClass('expand-product-absorcion-mini');
            box.removeClass('expand-product-absorcion-medio');
            box.removeClass('expand-product-absorcion-super');
        }

        if(tipo == 'quad'){
            box.addClass('expand-home');
            box.removeClass('expand-product-aplicador-compacto');
            box.removeClass('expand-product-digital-original');
            box.removeClass('expand-product-digital-procomfort');
            box.removeClass('expand-product-digital-procomfort-no');
            box.removeClass('expand-product-absorcion-mini');
            box.removeClass('expand-product-absorcion-medio');
            box.removeClass('expand-product-absorcion-super');

            $('html, body').animate({
                scrollTop: $('#jnj-tiles-node-5161').offset().top - 80
            }, 'slow');
        }

        if(tipo == 'no'){
            box.addClass('expand-product-digital-procomfort-no');
            box.removeClass('expand-home');
            box.removeClass('expand-product-aplicador-compacto');
            box.removeClass('expand-product-digital-original');
            box.removeClass('expand-product-digital-procomfort');
            box.removeClass('expand-home');
            box.removeClass('expand-product-absorcion-mini');
            box.removeClass('expand-product-absorcion-medio');
            box.removeClass('expand-product-absorcion-super');

        }

        if(tipo == 'absorcion-mini'){
            // box.removeClass('open');
            box.addClass('expand-product-absorcion-mini');
            box.removeClass('expand-product-aplicador-compacto');
            box.removeClass('expand-product-digital-original');
            box.removeClass('expand-product-digital-procomfort');
            box.removeClass('expand-home');
            box.removeClass('expand-product-digital-procomfort-no');
            box.removeClass('expand-product-absorcion-medio');
            box.removeClass('expand-product-absorcion-super');
           
        }

        if(tipo == 'absorcion-medio'){
            box.addClass('expand-product-absorcion-medio');
            box.removeClass('expand-product-absorcion-mini');
            box.removeClass('expand-product-aplicador-compacto');
            box.removeClass('expand-product-digital-original');
            box.removeClass('expand-product-digital-procomfort');
            box.removeClass('expand-home');
            box.removeClass('expand-product-digital-procomfort-no');
            box.removeClass('expand-product-absorcion-super');
        }

        if(tipo == 'absorcion-super'){
            box.addClass('expand-product-absorcion-super');
            box.removeClass('expand-product-absorcion-medio');
            box.removeClass('expand-product-absorcion-mini');
            box.removeClass('expand-product-aplicador-compacto');
            box.removeClass('expand-product-digital-original');
            box.removeClass('expand-product-digital-procomfort');
            box.removeClass('expand-home');
            box.removeClass('expand-product-digital-procomfort-no');
        }

        setTimeout(function() {
            isotopeReLayout();
        }, 300);
    }

    $scope.sentGAEvent = function(category, action, label){
        // ga('send', 'event', category, action, label);
        _gaq.push(['_trackEvent', category, action, label]);
        // console.log(category + " " + action + " " + label);

    }

    $scope.backTop = function(){
        $('html, body').animate({
            scrollTop: $('#jnj-tiles-node-4686').offset().top - 80
        }, 'slow');
    }

    $scope.openNewBox = function(idSelector, height){
        var boxToOpen = $(idSelector);
        boxToOpen.addClass('open');
        boxToOpen.css('height', height+'px');
        boxToOpen.find('.box-generic-expand').show();
        boxToOpen.find('a.expand-close').click(function() {
            boxToOpen.removeClass('open');
                //f.show();
                boxToOpen.find('.box-generic-expand').hide();
                isotopeReLayout();
            });
        isotopeReLayout();

        var divPosition = $(idSelector).offset();
        $('html, body').animate({scrollTop: divPosition.top-80}, 1000);
    }

}]);


app.controller('flujoController',['$scope',function($scope){

}]);