text: /* globals hopscotch: false */
  
  /* ============ */
  /* EXAMPLE TOUR */
  /* ============ */
  var tour = {
    id: 'hello-hopscotch',
    steps: [
      {
        target: 'paso1',
        title: 'Expediente Estudiantil',
        content: 'Debe Dar Clic para Mostrar Todos los Datos de el Estudiante.',
        placement: 'left'
      },
      {
        target: 'paso2',
        title: 'Editar Estudiante',
        content: 'Debe Dar Clic para Editar los Datos de el Estudiante.',
        placement: 'left'
      },
      {
        target: 'paso3',
        title: 'Mostrar Procesos',
        content: 'Debe Dar Clic para Mostrar lo Procesos Realizados por el Estudiante.',
        placement: 'left'
      },
      {
        target: 'paso4',
        title: 'Desactivar Estudiante',
        content: 'Debe Dar clic para Desactivar los Datos de el Estudiante.',
        placement: 'left'
      }
    ],
    showPrevButton: true,
    scrollTopMargin: 100
  },
  
  /* ========== */
  /* TOUR SETUP */
  /* ========== */
  addClickListener = function(el, fn) {
    if (el.addEventListener) {
      el.addEventListener('click', fn, false);
    }
    else {
      el.attachEvent('onclick', fn);
    }
  },
  
  init = function() {
    var startBtnId = 'startTourBtn',
        calloutId = 'startTourCallout',
        mgr = hopscotch.getCalloutManager(),
        state = hopscotch.getState();
  
    if (state && state.indexOf('hello-hopscotch:') === 0) {
      // Already started the tour at some point!
      hopscotch.startTour(tour);
    }
    else {
      // Looking at the page for the first(?) time.
      setTimeout(function() {
        mgr.createCallout({
          id: calloutId,
          target: startBtnId,
          placement: 'left',
          title: 'Ayuda',
          content: 'Clic para iniciar!',
          yOffset: -25,
          arrowOffset: 20,
          width: 100
        });
      }, 100);
    }
  
    addClickListener(document.getElementById(startBtnId), function() {
      if (!hopscotch.isActive) {
        mgr.removeAllCallouts();
        hopscotch.startTour(tour);
      }
    });
  };
  
  init();
  
  