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

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

    // STEP ONE =================================
    .state('home', {
        templateUrl: 'https://www.jnjcolombia.com/sites/default/files/content-images/marca_tamponesob_colombia/comparador/partials/home2.html',
        controller: 'homeController'
    })

}], ['$compileProvider', function($compileProvider) {

 $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|javascript):/);
 // $compileProvider.urlSanitizationWhitelist

}]);

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

}]);

app.controller('MainCtrl', function($scope) {


  var json = {
   "productos":
    [{
        "id":"0",
        "title":"DIGITAL ORIGINAL",
        "categoria":"media",
        "img":"original-medio.png",
        "description":"description of module1",
        "atributos":[{"check":"si", "texto":"Gracias a sus canales curvos que dirigen tu menstruación al centro del tampón y su expansión radial"},{"check":"no", "texto":""},{"check":"no","texto":""}],
        "selct":"0",
        "shoplink":"2",
        "evento": "btn_wtb_origimedio"
    },
    {
        "id":"1",
        "title":"DIGITAL PROCOMFORT™",
        "categoria":"media",
        "img":"procomfort-medio.png",
        "description":"description of module2",
        "atributos":[{"check":"si", "texto":"Gracias a sus canales curvos que dirigen tu menstruación al centro del tampón y su expansión radial"},{"check":"si", "texto":"Gracias a su exclusiva tecnología SilkTouchTM que hace que se deslice hasta 2 veces más fácil"},{"check":"no","texto":""}],
        "selct":"0",
        "shoplink":"3",
        "evento": "btn_wtb_compara_proconfmedio"
   },
   {
        "id":"2",
        "title":"DIGITAL PROCOMFORT™",
        "categoria":"charco",
        "img":"procomfort-mini.png",
        "description":"description of module1",
        "atributos":[{"check":"si", "texto":"Gracias a sus canales curvos que dirigen tu menstruación al centro del tampón y su expansión radial"},{"check":"si", "texto":"Gracias a su exclusiva tecnología SilkTouchTM que hace que se deslice hasta 2 veces más fácil"},{"check":"no","texto":""}],
        "selct":"0",
        "shoplink":"3",
        "evento": "btn_wtb_compara_proconfmini"
   },
   {
        "id":"3",
        "title":"DIGITAL ORIGINAL",
        "categoria":"super",
        "img":"original-super.png",
        "description":"description of module1",
        "atributos":[{"check":"si", "texto":"Gracias a sus canales curvos que dirigen tu menstruación al centro del tampón y su expansión radial"},{"check":"no", "texto":""},{"check":"no","texto":""}],
        "selct":"0",
        "shoplink":"2",
        "evento": "btn_wtb_compara_origisuper"
   },
   {
        "id":"4",
        "title":"DIGITAL PROCOMFORT™",
        "categoria":"super",
        "img":"procomfort-super.png",
        "description":"description of module2",
        "atributos":[{"check":"si", "texto":"Gracias a sus canales curvos que dirigen tu menstruación al centro del tampón y su expansión radial"},{"check":"si", "texto":"Gracias a su exclusiva tecnología SilkTouchTM que hace que se deslice hasta 2 veces más fácil"},{"check":"no","texto":""}],
        "selct":"0",
        "shoplink":"3",
        "evento": "btn_wtb_compara_proconfsuper"
   }]
 };

 $scope.datos = json;
 var arr = Object.keys(json).map(function(k) {
   return json[k];
 });

 $scope.arrayJson = arr;

   // Item List Arrays
   $scope.items = [];

//Funcion para imprimir arreglos
$scope.printAll = function(i){

//  console.log($scope.items[i].id);
};

    // Agrgar items al arreglo
    $scope.addItem = function (index) {

      if ($scope.items.length<3) {
        $scope.items.push(json.productos[index])
      };

    };

//Quitar items del arreglo
$scope.removeItem = function(item) { 

  // console.log(item);

  var index = $scope.items.indexOf(json.productos[item]);

  // console.log(index);

  $scope.items.splice(index, 1);    
}

$scope.removeItemTwo = function(i) { 
  var objeto0 = $scope.items[0];
  var itemId0 = objeto0.id; 

  var objeto1 = $scope.items[1];
  var itemId1 = objeto1.id; 

  var objeto2 = $scope.items[2];
  var itemId2 = objeto2.id;

var myObject;

 switch(i){
   case 0:
   // console.log(objeto0);
    // $scope.removeItem(objeto0);
myObject = objeto0;
   break;

   case 1:
   // console.log(objeto1);
    // $scope.removeItem(objeto1);
myObject = objeto1;
   break;

   case 2:
   // console.log(objeto2);
    // $scope.removeItem(objeto2);
myObject = objeto2;
   break;
 }

 return myObject;

}

$scope.contetCheck = function(check){
  if(check == "si"){
    return true;
  }
}

$scope.menuclass = "btnTipo";

$scope.changemenuClass = function(){
  if ($scope.menuclass === "btnTipo")
    $scope.menuclass = "btnTipo active";
  else
    $scope.menuclass = "btnTipo";
};


$scope.save = function() {
  $scope.msg = 'Data sent: '+ JSON.stringify($scope.datos);
};


 // $('.intensidad li .btnTipo').click(function(e) {
 //  console.log("holaaaa");
 //      // e.preventDefault();
 //     $('.btnTipo').removeClass('active');
 //     $(this).addClass('active');
 // });

// $scope.resetHome = function(){
//   $state.go('home');
// }

$scope.resize = function(show){

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

        if(show == true){
            box.addClass('open expand-mobil-comparador');
        }else{
          box.removeClass('expand-mobil-comparador');
        }

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

}


    $scope.sentGAEvent = function(category, action, label){
        _gaq.push(['_trackEvent', category, action, label]);
    }
  $scope.precomerce = function(){
    idSelector = $("#jnj-tiles-node-10781");
    boxToOpen = $("#jnj-tiles-node-10781");
    var height = "100%";
    boxToOpen.addClass('open');
    boxToOpen.css('height', height+'px');
    boxToOpen.find('.box-generic-expand').show();
    boxToOpen.find('a.expand-close').click(function() {
        boxToOpen.removeClass('open');
        boxToOpen.find('.box-generic-expand').hide();
        isotopeReLayout();
    });
    isotopeReLayout();
    var divPosition = $(idSelector).offset();
    $('html, body').animate({scrollTop: divPosition.top}, 1000);
  }
});