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

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

    // STEP ONE =================================
    .state('home', {
        templateUrl: 'https://www.jnjecuador.com/sites/default/files/content-images/marca_tamponesob_colombia/comparador/partials/home.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"
    },
   {
     "id":"1",
     "title":"APLICADOR compacto plástico",
     "categoria":"media",
     "img":"aplicador-compacto-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":"si", "texto":"Gracias a su aplicador plástico flexible"},{"check":"si","texto":"Gracias a su aplicador compacto que cabe en la palma de tu mano"}],
      "selct":"0",
      "shoplink":"1"
   },
   {
     "id":"2",
     "title":"DIGITAL ORIGINAL",
     "categoria":"charco",
     "img":"original-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":"no", "texto":""},{"check":"no","texto":""}],
      "selct":"0",
      "shoplink":"2"
   },
   {
     "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"
   },
   {
     "id":"4",
     "title":"APLICADOR compacto plástico",
     "categoria":"super",
     "img":"aplicador-compacto-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":"si", "texto":"Gracias a su aplicador plástico flexible"},{"check":"si","texto":"Gracias a su aplicador compacto que cabe en la palma de tu mano"}],
      "selct":"0",
      "shoplink":"1"
   }

   ]
 };

 $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-7286');

        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.callopenbox = function(tipo){
  openBoxPrecomerce('#jnj-tiles-node-5471', '100%', tipo);
}

});

//