<!DOCTYPE html>
<!--
  Copyright 2010 Google Inc.
  Copyright 2012 Ander Pijoan
 
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
 
     http://www.apache.org/licenses/LICENSE-2.0
 
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
 
  Original slides: Marcin Wichary (mwichary@google.com)
  Modifications: Chrome Developer Relations <chrome-devrel@googlegroups.com>
  Content & Modifications: Ander Pijoan <ander.pijoan@deusto.es>
-->
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-16">
    <meta charset="utf-8">
    
    <title>Cat2Osm</title>

<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono">

    <style>
      body {
        font: 20px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px; top: 0px;
      }
      
      .presentation {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0px;
        top: 0px;
        display: block;
        overflow: hidden;
        background: #989898;
      }
      
      .slides {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        display: block;
        -webkit-transition: -webkit-transform 1s ease-in-out;
        -moz-transition: -moz-transform 1s ease-in-out;
        -o-transition: -o-transform 1s ease-in-out;
        transition: transform 1s ease-in-out;
        
        /* so it's visible in the iframe. */
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        
      }
      
      .slide {
        display: none;
        position: absolute;
        overflow: hidden;
        width: 900px;
        height: 700px;
        left: 50%;
        top: 50%;
        margin-top: -350px;
        background-image: url('fondo.png');
        background-position:center;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }
      
      .slide:nth-child(even) {
        -moz-border-radius: 20px 0;
        -khtml-border-radius: 20px 0;
        border-radius: 20px 0; /* includes Opera 10.5+ */
        -webkit-border-top-left-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
      }
      
      .slide:nth-child(odd) {
        -moz-border-radius: 0 20px;
        -khtml-border-radius: 0 20px;
        border-radius: 0 20px;
        -webkit-border-top-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
      }
 
      .slide p, .slide textarea {
        font-size: 150%;
      }
 
      .slide .counter {
        color: #999999;
        position: absolute;
        left: 20px;
        bottom: 20px;
        display: block;
        font-size: 70%;
      }
 
      .slide.title > .counter,
      .slide.segue > .counter,
      .slide.mainTitle > .counter {
        display: none;
      }
 
      .force-render {
        display: block;
        visibility: hidden;
      }
      
      .slide.far-past {
        display: block;
        margin-left: -2400px;
      }
      
      .slide.past {
        visibility: visible;
        display: block;
        margin-left: -1400px;
      }
      
      .slide.current {
        visibility: visible;
        display: block;
        margin-left: -450px;
      }
      
      .slide.future {
        visibility: visible;
        display: block;
        margin-left: 500px;
      }
      
      .slide.far-future {
        display: block;
        margin-left: 1500px;
      }
      
      body.three-d div.slides {
        -webkit-transform: translateX(50px) scale(0.8) rotateY(10deg);
        -moz-transform: translateX(50px) scale(0.8) rotateY(10deg);
        -o-transform: translateX(50px) scale(0.8) rotateY(10deg);
        transform: translateX(50px) scale(0.8) rotateY(10deg);
      }
      
      /* Content */
      
      @font-face { font-family: 'Junction'; src: url(src/Junction02.otf); }
      @font-face { font-family: 'LeagueGothic'; src: url(src/LeagueGothic.otf); }
      
      header {
        font-family: 'Droid Sans';
        font-weight: normal;
        letter-spacing: -.05em;
        text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
        left: 30px;
        top: 25px;
        margin: 0;
        padding: 0;
      }
      
      h1 {
        font-size: 270%;
        display: inline;
        font-weight: bold;
        padding: 0;
        margin-bottom: 1em;
      }
      
      h2 {
        font-family: 'Droid Sans';
        color: black;
        font-size: 220%;
        padding: 0;
        margin: 20px 0;
      }
            
      h2:first-child {
        margin-top: 0;
      }
 
      section, footer {
        font-family: 'Droid Sans';
        color: #3f3f3f;
        text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
        margin: 100px 30px 0;
        display: block;
        overflow: hidden;
      }
      
      footer {
        font-size: 100%;
        margin: 20px 0 0 30px;
      }
 
      a {
        color: inherit;
        display: inline-block;
        text-decoration: none;
        line-height: 110%;
        border-bottom: 2px solid #3f3f3f;
      }
 
      ul, ol {
        margin: 0;
        margin-left: 1em;
        padding: 0.5em;
        font-size: 180%;
      }
 
      button {
        font-size: 100%;
      }

      .verde,
      .amarillo,
      .rojo,
      .comando {
      font-family: 'Droid Sans';
      color: black;
      display: inline-block;
      padding: 6px 10px 3px 10px;
      font-size: 25px;
      line-height: 30px;
      text-shadow: none;
      letter-spacing: 0;
      bottom: 10px;
      position: relative;
      -moz-border-radius: 10px;
      -khtml-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: white;
      box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
      -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
      -o-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
	}

      .comando { font-family: "Lucida console", Monospace, Arial;
		opacity:1.0;}

      .amarillo { background: #ffbf44;
		  background: -moz-linear-gradient(#ffffff, #ffbf44);
		  background: -o-linear-gradient(#ffffff, #ffbf44);
		  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffbf44));/* Older webkit syntax */
		  background: -webkit-linear-gradient(#ffffff, #ffbf44);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffbf44',GradientType=0 );}

      .verde { background: #44ff6c;
		  background: -moz-linear-gradient(#ffffff, #44ff6c);
		  background: -o-linear-gradient(#ffffff, #44ff6c);
		  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#44ff6c));/* Older webkit syntax */
		  background: -webkit-linear-gradient(#ffffff, #44ff6c);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#44ff6c',GradientType=0 );}

      .rojo { background: #ff4456;
		  background: -moz-linear-gradient(#ffffff, #ff4456);
		  background: -o-linear-gradient(#ffffff, #ff4456);
		  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ff4456));/* Older webkit syntax */
		  background: -webkit-linear-gradient(#ffffff, #ff4456);
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff4456',GradientType=0 );}
      
      .sobreImagen { opacity:0.7;
		  background-color:white;
		  z-index:2; }

      pre button {
        margin: 2px;
      }
      
      section.left {
        float: left;
        width: 390px;
      }
      
      section.small {
        font-size: 24px;
      }
      
      section.small ul {
        margin: 0 0 0 15px;
        padding: 0;
      }
      
      section.small li {
        padding-bottom: 0;
      }
            
      section.middle {
        line-height: 2em;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        height: 700px;
        width: 900px;
      }
      
      pre {
        text-align: left;
        font-family: 'Droid Sans Mono', Courier;
        font-size: 80%;
        padding: 10px 20px;
        background: rgba(255, 0, 0, 0.05);
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid rgba(255, 0, 0, 0.2);
      }
      
      pre select {
        font-family: Monaco, Courier;
        border: 1px solid #c61800;
      }
      
      button {
        margin: 20px 10px 0 0;
        font-family: Verdana;
      }
      
      button.large {
        font-size: 32px;
      }
        
      pre b {
        font-weight: normal;
        color: #c61800;
        text-shadow: #c61800 0 0 1px;
        /*letter-spacing: -1px;*/
      }
      pre em {
        font-weight: normal;
        font-style: normal;
        color: #18a600;
        text-shadow: #18a600 0 0 1px;
      }
      
      .key {
        font-family: 'Droid Sans';
        color: black;
        display: inline-block;
        padding: 6px 10px 3px 10px;
        font-size: 100%;
        line-height: 30px;
        text-shadow: none;
        letter-spacing: 0;
        bottom: 10px;
        position: relative;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: white;
        box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
        -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
        -o-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px;
      }
      
      .key { font-family: Arial; }
      
      :not(header) > .key {
        margin: 0 5px;
        bottom: 4px;
      }
 
      .two-column {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
      }
 
      .stroke {
        -webkit-text-stroke-color: red;
        -webkit-text-stroke-width: 1px;
      } /* currently webkit-only */
      
      .center {
        text-align: center;
      }
      
      #presentation-counter {
        color: #ccc;
        font-size: 70%;
        letter-spacing: 1px;
        position: absolute;
        top: 40%;
        left: 0;
        width: 100%;
        text-align: center;
      }
      
      div:not(.current).reduced {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
      } 
      
      .no-transitions {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
      }
 
      .no-gradients {
        background: none;
        background-color: #fff;
      }
      
      ul.bulleted {
        padding-left: 30px;
      }
    </style> 
  </head> 


  <body> 

    <div class="presentation"> 
      <div id="presentation-counter"></div> 
      <div class="slides">

<!-- SLIDE -->

        <div class="slide current"> 
          <section class="middle"> 
            <h1 style="font-size:250%;">Tutorial de importación de datos de Catastro a OpenStreetMap</h1>
            <h2 style="margin-bottom: 1em; font-size:175%;">Cat2Osm</h2>
	    <p>
	      <em>Cruz Enrique Borges</em><br>
	      <a style="font-size: 75%;" href="mailto:cruz.borges@deusto.es">cruz.borges@deusto.es</a><br>
            </p>  
            <p>
	      Ander Pijoan<br>
	      <a style="font-size: 75%;" href="mailto:ander.pijoan@deusto.es">ander.pijoan@deusto.es</a><br>
            </p>           
	    <img src="DeustoTechEnergy.svg" alt="DeustoTech Energy" style="position: absolute; bottom: 75px; left: 365px; height: 45px; width: 172px;">

	</section>
        <span class="counter">1</span></div>

<!-- SLIDE -->

	<div class="slide future">
		<section> 
		<header><h2>Índice</h2></header>
		<ul style="position:absolute; top:30%;">
		<li style="margin:1em;"><a href="Cat2Osm.html#slide3">¿Qué es el Catastro?</a></li>
		<li style="margin:1em;"><a href="Cat2Osm.html#slide12">Cat2Osm</a></li>
		<li style="margin:1em;"><a href="Cat2Osm.html#slide20">Ejecutando Cat2Osm</a></li>
		</ul>
		</section>
	<span class="counter">2</span></div>

<!-- SLIDE -->

	<div class="slide far-future">
		<section class="middle"> 
		<h2>¿Qué es el Catastro?</h2>
		</section>
	<span class="counter">3</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
		<section class="middle">
		<p style="text-align: center; margin:4em;">«El Catastro inmobiliario 
de España es un registro administrativo en el que se describen los 
bienes inmuebles urbanos, rústicos y las alteraciones de sus 
características. La inscripción en el mismo es obligatoria y gratuita.»</p>
		<p style="text-align: center; margin:5em; font-size:180%;"><a href="http://www.openstreetmap.org/" target="_blank">http://www.catastro.meh.es/</a></p>
		</section>
	<span class="counter">4</span></div> 

<!-- SLIDE -->
		
        <div class="slide distant-slide">
	<section>
          <img src="catastro.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
        <span class="counter">5</span></div>

<!-- SLIDE -->

        <div class="slide distant-slide">
	<section>
	<div class="sobreImagen" style="position:relative;">
	<header><h2>Aldeaseca De Alba</h2></header>
	<span>(Provincia de Salamanca)</span>
	</div>

          <img src="AldeasecaDeAlba1.png" alt="Importación de Catastro a OSM" style="position: absolute; left: 0px; top: 0px;">
	</section>
        <span class="counter">6</span></div>

<!-- SLIDE -->

        <div class="slide distant-slide">
	<section>
          <img src="AldeasecaDeAlba2.png" alt="Importación de Catastro a OSM" style="position: absolute; left: 0px; top: 0px;">
	</section>        
	<span class="counter">7</span></div>

<!-- SLIDE -->

        <div class="slide distant-slide">
	<section>
          <img src="AldeasecaDeAlba3.png" alt="Importación de Catastro a OSM" style="position: absolute; left: 0px; top: 0px;">
        </section>
	<span class="counter">8</span></div>

<!-- SLIDE -->

        <div class="slide distant-slide">
	<section>
	<div class="sobreImagen" style="position:relative;">
	<header><h2>Ciudad Real</h2></header>
	<span>(Provincia de Ciudad Real)</span>
	</div>


          <img src="CiudadReal1.png" alt="Importación de Catastro a OSM" style="position: absolute; left: 0px; top: 0px;">
	</section>        
	<span class="counter">9</span></div>

<!-- SLIDE -->

        <div class="slide distant-slide">
	<section>
          <img src="CiudadReal2.png" alt="Importación de Catastro a OSM" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">10</span></div>

<!-- SLIDE -->

        <div class="slide distant-slide">
	<section>
          <img src="CiudadReal3.png" alt="Importación de Catastro a OSM" style="position: absolute; left: 0px; top: 0px;">
	</section>        
	<span class="counter">11</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
		<section class="middle"> 
		<h2>¿Cómo usar Cat2Osm?</h2>
		</section>
	<span class="counter">12</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
		<section class="middle">
		<p style="text-align: center; margin:4em;"> <span class="verde">Acceder a la Sede electrónica de Catastro e ir a la Consulta y descarga masiva de datos.</span></p>
		<p style="text-align: center; margin:4em;"> <span class="rojo">Preparar los archivos de datos, la rejilla, las instalaciones necesarias y el archivo de configuración para la ejecución.</span></p>
		<p style="text-align: center; margin:4em;"> <span class="amarillo">Ejecutar Cat2Osm, comprobar el resultado y solucionar los posibles fixmes y errores.</span></p>
		</section>
	<span class="counter">13</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>
	<header><h2>Descargando los datos</h2></header>
	<span><img src="archivo.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;"> <a href="http://www.sedecatastro.gob.es/" target="_blank"> Archivo de shapefiles urbanos</a> (<em>sin histórico</em>) <br></span>
	<span><img src="archivo.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;"> <a href="http://www.sedecatastro.gob.es/" target="_blank"> Archivo de shapefiles rústicos</a> (<em>sin histórico</em>) <br></span>
	<span><img src="archivotexto.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;"> <a href="http://www.sedecatastro.gob.es/" target="_blank"> Archivo de registros de catastro urbano</a> (<em>sin histórico</em>) <br></span>
	<span><img src="archivotexto.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;"> <a href="http://www.sedecatastro.gob.es/" target="_blank"> Archivo de registros de catastro rústico</a> (<em>sin histórico</em>) <br></span>
	<span><img src="rejilla.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;"> <a href="http://www.01.ign.es/ign/layoutIn/herramientas.do#DATUM" target="_blank"> Rejilla de reproyección de la península </a><br></span>
	</section>
	<span class="counter">14</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>
	<header><h2>Preparando el entorno</h2></header>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; top: 20px; height: 64px; width: 64px;"> Árbol de directorios para los shapefiles.<br><br></span>
	<span>Cat2Osm necesita los archivos descomprimidos en carpetas con sus nombres originales tal y como se descargan desde catastro.<br></span>
	
	<div style="position: absolute; top: 45%;">
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; top: 20px; height: 64px; width: 64px;"> XX_XXX_UA_aaaa-mm-dd_SHF<br><br></span>
	<div style="height:250px; overflow:auto;">
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> CARVIA<br></span>
	<span style="text-align: center; margin:4em;">Carvia.DBF<br></span>
	<span style="text-align: center; margin:4em;">CARVIA.PRJ<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> CONSTRU<br></span>
	<span style="text-align: center; margin:4em;">CONSTRU.DBF<br></span>
	<span style="text-align: center; margin:4em;">CONSTRU.PRJ<br></span>
	<span style="text-align: center; margin:4em;">CONSTRU.SHP<br></span>
	<span style="text-align: center; margin:4em;">CONSTRU.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> EJES<br></span>
	<span style="text-align: center; margin:4em;">EJES.DBF<br></span>
	<span style="text-align: center; margin:4em;">EJES.PRJ<br></span>
	<span style="text-align: center; margin:4em;">EJES.SHP<br></span>
	<span style="text-align: center; margin:4em;">EJES.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> ELEMLIN<br></span>
	<span style="text-align: center; margin:4em;">ELEMLIN.DBF<br></span>
	<span style="text-align: center; margin:4em;">ELEMLIN.PRJ<br></span>
	<span style="text-align: center; margin:4em;">ELEMLIN.SHP<br></span>
	<span style="text-align: center; margin:4em;">ELEMLIN.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> ELEMPUN<br></span>
	<span style="text-align: center; margin:4em;">ELEMPUN.DBF<br></span>
	<span style="text-align: center; margin:4em;">ELEMPUN.PRJ<br></span>
	<span style="text-align: center; margin:4em;">ELEMPUN.SHP<br></span>
	<span style="text-align: center; margin:4em;">ELEMPUN.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> ELEMTEX<br></span>
	<span style="text-align: center; margin:4em;">ELEMTEX.DBF<br></span>
	<span style="text-align: center; margin:4em;">ELEMTEX.PRJ<br></span>
	<span style="text-align: center; margin:4em;">ELEMTEX.SHP<br></span>
	<span style="text-align: center; margin:4em;">ELEMTEX.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> MASA<br></span>
	<span style="text-align: center; margin:4em;">MASA.DBF<br></span>
	<span style="text-align: center; margin:4em;">MASA.PRJ<br></span>
	<span style="text-align: center; margin:4em;">MASA.SHP<br></span>
	<span style="text-align: center; margin:4em;">MASA.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> PARCELA<br></span>
	<span style="text-align: center; margin:4em;">PARCELA.DBF<br></span>
	<span style="text-align: center; margin:4em;">PARCELA.PRJ<br></span>
	<span style="text-align: center; margin:4em;">PARCELA.SHP<br></span>
	<span style="text-align: center; margin:4em;">PARCELA.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> SUBPARCE<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.DBF<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.PRJ<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.SHP<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.SHX<br></span>	
	</div>
	</div>
	<div style="position: absolute; left: 50%; top: 45%;">
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; top: 20px; height: 64px; width: 64px;"> XX_XXX_RA_aaaa-mm-dd_SHF<br><br></span>
	<div style="height:250px; overflow:auto;">
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> CARVIA<br></span>
	<span style="text-align: center; margin:4em;">Carvia.DBF<br></span>
	<span style="text-align: center; margin:4em;">CARVIA.PRJ<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> CONSTRU<br></span>
	<span style="text-align: center; margin:4em;">CONSTRU.DBF<br></span>
	<span style="text-align: center; margin:4em;">CONSTRU.PRJ<br></span>
	<span style="text-align: center; margin:4em;">CONSTRU.SHP<br></span>
	<span style="text-align: center; margin:4em;">CONSTRU.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> EJES<br></span>
	<span style="text-align: center; margin:4em;">EJES.DBF<br></span>
	<span style="text-align: center; margin:4em;">EJES.PRJ<br></span>
	<span style="text-align: center; margin:4em;">EJES.SHP<br></span>
	<span style="text-align: center; margin:4em;">EJES.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> ELEMLIN<br></span>
	<span style="text-align: center; margin:4em;">ELEMLIN.DBF<br></span>
	<span style="text-align: center; margin:4em;">ELEMLIN.PRJ<br></span>
	<span style="text-align: center; margin:4em;">ELEMLIN.SHP<br></span>
	<span style="text-align: center; margin:4em;">ELEMLIN.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> ELEMPUN<br></span>
	<span style="text-align: center; margin:4em;">ELEMPUN.DBF<br></span>
	<span style="text-align: center; margin:4em;">ELEMPUN.PRJ<br></span>
	<span style="text-align: center; margin:4em;">ELEMPUN.SHP<br></span>
	<span style="text-align: center; margin:4em;">ELEMPUN.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> ELEMTEX<br></span>
	<span style="text-align: center; margin:4em;">ELEMTEX.DBF<br></span>
	<span style="text-align: center; margin:4em;">ELEMTEX.PRJ<br></span>
	<span style="text-align: center; margin:4em;">ELEMTEX.SHP<br></span>
	<span style="text-align: center; margin:4em;">ELEMTEX.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> MASA<br></span>
	<span style="text-align: center; margin:4em;">MASA.DBF<br></span>
	<span style="text-align: center; margin:4em;">MASA.PRJ<br></span>
	<span style="text-align: center; margin:4em;">MASA.SHP<br></span>
	<span style="text-align: center; margin:4em;">MASA.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> PARCELA<br></span>
	<span style="text-align: center; margin:4em;">PARCELA.DBF<br></span>
	<span style="text-align: center; margin:4em;">PARCELA.PRJ<br></span>
	<span style="text-align: center; margin:4em;">PARCELA.SHP<br></span>
	<span style="text-align: center; margin:4em;">PARCELA.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> SUBPARCE<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.DBF<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.PRJ<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.SHP<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.SHX<br></span>
	<span><img src="carpeta.png" alt="Carpeta" style="position: relative; height: 16px; width: 16px;"> RUSUBPARCELA<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.DBF<br></span>
	<span style="text-align: center; margin:4em;">SUBPARCE.PRJ<br></span>	
	</div>
	</div>
	</section>
	<span class="counter">15</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>
	<header><h2>Preparando el entorno</h2></header>
	<span><img src="archivotexto.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;">Archivo de registros de catastro.<br><br></span>
	<span>Es necesario descomprimir los dos archivos para conseguir los archivos CAT.</span>

	<div style="position: absolute; top: 45%;">
	<span><img src="archivotexto.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;">XX_XXX_U_aaaa-mm-dd.CAT</span>
	</div>

	<div style="position: absolute; left: 50%; top: 45%;">
	<span><img src="archivotexto.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;">XX_XXX_R_aaaa-mm-dd.CAT</span>
	</div>
	</section>
	<span class="counter">16</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>
	<header><h2>Preparando el entorno</h2></header>
	<span><img src="rejilla.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;">Reproyección.<br><br></span>
	<span>OSM utiliza un sistema de referencia cartográfica denominada 
WGS84 cuyo código es EPSG:4326. Catastro utiliza proyecciones distintas 
dependiendo de la zona y por eso hay Cat2Osm utiliza la herramienta 
ogr2ogr para reproyectar las geometrías antes de leerlas.<br><br></span>

	<table style="text-align: center;" border="4">
	<tbody><tr>
	<th>Sistema de referencia (Descripción en el archivo .PRJ)</th>
	<th>Código EPSG</th>
	</tr>
	<tr>
	<td>ETRS_1989_UTM_Zone_29N</td>
	<td>25829</td>
	</tr>
	<tr>
	<td>ETRS_1989_UTM_Zone_30N</td>
	<td>25830</td>
	</tr>
	<tr>
	<td>ETRS_1989_UTM_Zone_31N</td>
	<td>25831</td>
	</tr>
	<tr>
	<td>ED50 / UTM zone 29N</td>
	<td>23029</td>
	</tr>
	<tr>
	<td>ED50 / UTM zone 30N</td>
	<td>23030</td>
	</tr>
	<tr>
	<td>ED50 / UTM zone 31N</td>
	<td>23031</td>
	</tr>
	<tr>
	<td>WGS_1984_UTM_Zone_29N</td>
	<td>32629</td>
	</tr>
	<tr>
	<td>WGS_1984_UTM_Zone_30N</td>
	<td>32630</td>
	</tr>
	<tr>
	<td>WGS_1984_UTM_Zone_31N</td>
	<td>32631</td>
	</tr>
	</tbody></table> 
		
	</section>
	<span class="counter">17</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>
	<header><h2>Preparando el entorno</h2></header>
	<span><img src="descarga.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;"> <a href="http://fwtools.maptools.org/" target="blank"> Insalación de FWTools.</a><br><br></span> 
	<span>Por el momento la reproyección se hace con un programa externo 
que es ogr2ogr. Este se encuentra dentro de las herramientas que 
proporciona FWTools.<br><br></span>
	<span><img src="descarga.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;"> <a href="https://code.google.com/p/openjdk-osx-build/wiki/OpenJDK7JDK7U" target="blank"> Insalación de Java 7.</a><br><br></span> 
	<span>Para mejorar el rendimiento se ha utilizado la versión más 
reciente de Java, la versión 7. Con ella se ha logrado una mejora del 
rendimiento bastante notable.</span>
		
	</section>
	<span class="counter">18</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>
	<header><h2>Preparando el entorno</h2></header>
	<span><img src="archivotexto.png" alt="Archivo" style="position: relative; top: 20px; height: 64px; width: 64px;"> <a href="http://paginaspersonales.deusto.es/cruz.borges/config" target="blank">Archivo de configuración de ejemplo.</a><br><br></span>
	<span>Finalmente para ejecutar Cat2Osm es necesario crear un pequeño 
archivo de configuración. En él se indica dónde están los archivos de 
datos, el código de reproyección y algunos parámetros adicionales no muy
 relevantes pero necesarios. Cat2Osm tiene una interfaz gráfica para 
ayudar a generar el archivo de configuración:</span>
	<p style="text-align: center; margin-top: 1em; font-size: 90%"> <br><span class="comando">java -jar cat2osm.jar -ui</span></p>
		
	</section>
	<span class="counter">19</span></div>

<!-- SLIDE -->
			
	<div class="slide distant-slide">
	<section>
	<header><h2>Ejecutando Cat2Osm</h2></header>
	<span>Una vez hechos los pasos anteriores ya está todo listo para usar Cat2Osm.</span>
	<p style="text-align: center; margin-top: 1em; font-size: 90%"> <br><span class="comando">java -jar cat2osm.jar rutaArchivoConfig</span></p>
	<span>Es probable que dependiendo del tamaño de la población y de sus 
datos, java se quede sin memoria. Para aumentar la memoria asignada a 
java se puede utilizar el parámetro -Xmx y el tamaño de memoria a usar. 
Por ejemplo para 2GB (2048Mb):</span>
	<p style="text-align: center; margin-top: 1em; font-size: 90%"> <br><span class="comando">java -Xmx2048m -jar cat2osm.jar rutaArchivoConfig</span></p>
	<span>Si se quiere conocer la versión de Cat2Osm que se está utilizando
 para compararla con la versión más reciente que se detalla en la wiki <a href="http://wiki.openstreetmap.org/wiki/Cat2Osm" )="" target="_blank">(http://wiki.openstreetmap.org/wiki/Cat2Osm</a>).</span>
	<p style="text-align: center; margin-top: 1em; font-size: 90%"> <br><span class="comando">java -jar cat2osm.jar -v</span></p>

	</section>
	<span class="counter">20</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<div class="sobreImagen" style="position:relative;">
	<header><h2>Ejecutando Cat2Osm</h2></header>
	<span>El programa permite a parte de la ejecución por defecto varias 
opciones para obtener información adicional o los datos por separado 
para comprobaciones u otros usos.</span>
	</div>

	<p style="text-align: center; margin-top: 1em; font-size: 90%"> <br><span class="comando" style="z-index:2;">java -jar cat2osm.jar rutaArchivoConfig [parámetro]</span></p>
	 <img src="ShapeConstru.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">21</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	  <span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-constru</span>
	 <img src="ShapeConstru.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">22</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-elemlin</span>
	 <img src="ShapeElemlin.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">23</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-elempun</span>
	 <img src="ShapeElempun.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">24</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-masa</span>
	 <img src="ShapeMasa.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">25</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-parcela</span>
	 <img src="ShapeParcela.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">26</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-subparce</span>
	 <img src="ShapeSubparce.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">27</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<div class="sobreImagen" style="position:relative;">
	<span>El archivo de EJES contiene las geometrías de calles y 
carreteras. Estas vienen bastante mal para su uso directo en OSM y 
requieren de tiempo para ser adaptadas. Es por eso que las geometrías de
 este archivo son mas bien irrelevantes pero en casos de poblaciones 
pequeñas o zonas rústicas los nombres de calles sí pueden ser de 
utilidad.</span>
	</div>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-ejes</span>
	 <img src="ShapeEjes.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">28</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<div class="sobreImagen" style="position:relative;">
	<span>Este archivo contiene todos los textos geoposicionados de 
Catastro. Muchos de ellos son irrelevantes pero otros si que pueden 
aportar información que un programa automatizado no sería capaz de 
distinguir. Superponiendo este archivo sobre el resultado se puede 
añadir manualmente información adicional que el usuario crea relevante 
para OSM.</span>
	</div>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-elemtex</span>
	 <img src="ShapeElemtex.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">29</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<div class="sobreImagen" style="position:relative;">
	<span>Catastro también incluye los números de policía o portales solo 
que estos no están ligados a ninguna parcela ni construcción salvo por 
cercanía. Cat2Osm desplaza esos portales a la geometría de la parcela 
más cercana y los exporta en un archivo para incluirlos manualmente si 
se desea..</span>
	</div>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-portales</span>
	 <img src="Portales.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">30</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>

	<div class="sobreImagen" style="position:relative;">
	<span>Los registros de Catastro contienen información acerca de los 
usos o destinos de cada bien inmueble dentro de una construcción. Por 
desgracia estos bienes inmuebles no tienen geometrías en los shapefiles y
 no es posible asignar esos destinos. Cat2Osm asigna a las parcelas el 
uso o destino de sus construcciones que más área abarca pero exportando 
este archivo, se puede obtener un listado de los destinos de los bienes 
inmuebles de una parcela y comprobar si dejar el del resultado o 
modificarlo.</span>
	</div>

	<span class="comando" style="position:absolute; left: 6%; bottom:15%; height:30px; width: 150px; z-index:2;">-usos</span>
	 <img src="Usos.png" alt="Catastro" style="position: absolute; left: 0px; top: 0px;">
	</section>
	<span class="counter">31</span></div>

<!-- SLIDE -->

	<div class="slide distant-slide">
	<section>
	<header><h2>Reparando el resultado</h2></header>
	<span>Dependiendo de la calidad de los datos para la población habrá 
errores o ambigüedades comunes entre la forma de representación de 
Catastro y OpenStreetMap.</span>
	
	<p style="text-align: center;"> <span class="verde">Buscar con el buscador de JOSM el tag fixme. Estos serán principalmente ambigüedades que la traducción pueda tener.</span></p>
	<p style="text-align: center;"> <span class="amarillo">Usando el 
validador de JOSM encontrar problemas en las geometrías y uso inadecuado
 de los tags. Serán fallos o redundancias de los datos de Catastro. Los 
más comunes se detallan en la wiki <a href="http://wiki.openstreetmap.org/wiki/Cat2Osm" )="" target="_blank">(http://wiki.openstreetmap.org/wiki/Cat2Osm</a>).</span></p>
	<p style="text-align: center;"> <span class="rojo">Comprobar de forma 
manual puntos relevantes de la población o zonas que a simple vista 
puedan aparentar tener algún tipo de problema o tag inadecuado.</span></p>

	<p style="text-align: center;"><a href="http://130.206.138.173/OpenLayers" target="blank">Resultado de Ciudad Real en Mapnik</a></p> 

	</section>
	<span class="counter">32</span></div>


<!-- SLIDE -->

        <div class="slide distant-slide">
          <section class="middle">
            <header><h2>Preguntas y dudas</h2></header>
		<p><a href="http://wiki.openstreetmap.org/wiki/Cat2Osm" target="blank">http://wiki.openstreetmap.org/wiki/Cat2Osm</a></p>
		<p><a href="http://wiki.openstreetmap.org/wiki/Traduccion_metadatos_catastro_a_map_features" target="blank">http://wiki.openstreetmap.org/<br>wiki/Traduccion_metadatos_catastro_a_map_features</a></p><p>
		</p><p><a href="http://lists.openstreetmap.org/listinfo/talk-es" target="blank">http://lists.openstreetmap.org/listinfo/talk-es</a></p>
		<p><a href="https://github.com/anderpijoan/cat2osm" target="blank">https://github.com/anderpijoan/cat2osm</a></p><p>
		</p><p><a href="mailto:cruz.borges@deusto.es">cruz.borges@deusto.es</a><br>
		   <a href="mailto:ander.pijoan@deusto.es">ander.pijoan@deusto.es</a></p><p>

          </p></section>
        <span class="counter">33</span></div>
 
<!-- SLIDE -->

      <div class="slide distant-slide">
          <section>
            <header>
            <h2>Nuestras dudas</h2>
		<ul style="font-size: 100%">
		<li>¿Cómo juntar con JOSM los nodos de portales a sus vías más 
próximas? En la versión 4550 de JOSM une los nodos sin necesidad de 
seleccionar ninguna vía, a la más cercana. Además en función del zoom 
coge a más o menos distancia las vías.<br><br></li>
		<li>De cara a preparar los nodos de portales lo máximo posible para 
los taggeadores, cómo deberían tener los tags dado que no tienen calle 
solo addr:housenumber y entrance=yes. ¿Sería capaz el routeador de con 
ese entrance=yes sobre la parcela coger los tags de la parcela que en 
ella sí sale el nombre de la calle?<br><br></li> 
		<li>¿Programa o forma de cortar los shapefile en tiles para importaciones de grandes municipios?<br><br></li>
		<li>¿Uso de GRASS para simplificar vías superpuestas?<br><br></li>
		</ul>
	  </header>
          </section>
        <span class="counter">34</span></div>

<!-- SLIDE -->

        <div class="slide distant-slide">
          <section>
            <header><h2>Créditos y copyright</h2></header>
            <p style="text-align: center; margin-top: 1em; font-size: 90%">
              <strong>Cat2Osm</strong><br>
              Cruz Enrique Borges (cruz.borges@deusto.es)<br>
	      Ander Pijoan (ander.pijoan@deusto.es)
            </p>
            <ul class="bulleted" style="font-size: 50%">
              <li>Código HTML de la presentación bajo <strong>licencia Apache 2.0</strong> © Google, inc. &amp; Ander Pijoan (ver código fuente para detalles)</li>
              <li>Fondo de las diapositivas, Mapas de OSM <a href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC-BY-SA-2.0</a>.
              </li><li>Logotipo DeustoTech y Facultad de Ingeniería de 
Deusto © y marca registrada de la Universidad de la Iglesia de Deusto. 
Usados con permiso.</li>
	      <li>Imagen de Catastro. <a href="http://www.catastro.meh.es/esp/sede.asp" target="_blank">Portal de la Dirección General del Catastro </a>.</li>
	      <li>Imágenes de satélite de <a href="http://opengeodata.org/microsoft-imagery-details" target="_blank">Bing OpenGeoData.</a>.</li>
            </ul>
            <p></p>
          </section>
        <span class="counter">35</span></div>

      </div> <!-- slides --> 
 
    </div> <!-- presentation --> 
 
    <script> 
      (function() {
        var doc = document;
        var disableBuilds = true;
 
        var ctr = 0;
        var spaces = /\s+/, a1 = [''];
 
        var toArray = function(list) {
          return Array.prototype.slice.call(list || [], 0);
        };
 
        var byId = function(id) {
          if (typeof id == 'string') { return doc.getElementById(id); }
          return id;
        };
 
        var query = function(query, root) {
          if (!query) { return []; }
          if (typeof query != 'string') { return toArray(query); }
          if (typeof root == 'string') {
            root = byId(root);
            if(!root){ return []; }
          }
 
          root = root || document;
          var rootIsDoc = (root.nodeType == 9);
          var doc = rootIsDoc ? root : (root.ownerDocument || document);
 
          // rewrite the query to be ID rooted
          if (!rootIsDoc || ('>~+'.indexOf(query.charAt(0)) >= 0)) {
            root.id = root.id || ('qUnique' + (ctr++));
            query = '#' + root.id + ' ' + query;
          }
          // don't choke on something like ".yada.yada >"
          if ('>~+'.indexOf(query.slice(-1)) >= 0) { query += ' *'; }
 
          return toArray(doc.querySelectorAll(query));
        };
 
        var strToArray = function(s) {
          if (typeof s == 'string' || s instanceof String) {
            if (s.indexOf(' ') < 0) {
              a1[0] = s;
              return a1;
            } else {
              return s.split(spaces);
            }
          }
          return s;
        };
 
        var addClass = function(node, classStr) {
          classStr = strToArray(classStr);
          var cls = ' ' + node.className + ' ';
          for (var i = 0, len = classStr.length, c; i < len; ++i) {
            c = classStr[i];
            if (c && cls.indexOf(' ' + c + ' ') < 0) {
              cls += c + ' ';
            }
          }
          node.className = cls.trim();
        };
 
        var removeClass = function(node, classStr) {
          var cls;
          if (classStr !== undefined) {
            classStr = strToArray(classStr);
            cls = ' ' + node.className + ' ';
            for (var i = 0, len = classStr.length; i < len; ++i) {
              cls = cls.replace(' ' + classStr[i] + ' ', ' ');
            }
            cls = cls.trim();
          } else {
            cls = '';
          }
          if (node.className != cls) {
            node.className = cls;
          }
        };
 
        var toggleClass = function(node, classStr) {
          var cls = ' ' + node.className + ' ';
          if (cls.indexOf(' ' + classStr.trim() + ' ') >= 0) {
            removeClass(node, classStr);
          } else {
            addClass(node, classStr);
          }
        };
 
        var ua = navigator.userAgent;
        var isFF = parseFloat(ua.split('Firefox/')[1]) || undefined;
        var isWK = parseFloat(ua.split('WebKit/')[1]) || undefined;
        var isOpera = parseFloat(ua.split('Opera/')[1]) || undefined;
 
        var canTransition = (function() {
          var ver = parseFloat(ua.split('Version/')[1]) || undefined;
          // test to determine if this browser can handle CSS transitions.
          var cachedCanTransition = 
            (isWK || (isFF && isFF > 3.6 ) || (isOpera && ver >= 10.5));
          return function() { return cachedCanTransition; }
        })();
 
        //
        // Slide class
        //
        var Slide = function(node, idx) {
          this._node = node;
          if (idx >= 0) {
            this._count = idx + 1;
          }
          if (this._node) {
            addClass(this._node, 'slide distant-slide');
          }
          this._makeCounter();
          this._makeBuildList();
        };
 
        Slide.prototype = {
          _node: null,
          _count: 0,
          _buildList: [],
          _visited: false,
          _currentState: '',
          _states: [ 'distant-slide', 'far-past',
                     'past', 'current', 'future',
                     'far-future', 'distant-slide' ],
          setState: function(state) {
            if (typeof state != 'string') {
              state = this._states[state];
            }
            if (state == 'current' && !this._visited) {
              this._visited = true;
              this._makeBuildList();
            }
            removeClass(this._node, this._states);
            addClass(this._node, state);
            this._currentState = state;
 
            // delay first auto run. Really wish this were in CSS.
            /*
            this._runAutos();
            */
            var _t = this;
            setTimeout(function(){ _t._runAutos(); } , 400);
          },
          _makeCounter: function() {
            if(!this._count || !this._node) { return; }
            var c = doc.createElement('span');
            c.innerHTML = this._count;
            c.className = 'counter';
            this._node.appendChild(c);
          },
          _makeBuildList: function() {
            this._buildList = [];
            if (disableBuilds) { return; }
            if (this._node) {
              this._buildList = query('[data-build] > *', this._node);
            }
            this._buildList.forEach(function(el) {
              addClass(el, 'to-build');
            });
          },
          _runAutos: function() {
            if (this._currentState != 'current') {
              return;
            }
            // find the next auto, slice it out of the list, and run it
            var idx = -1;
            this._buildList.some(function(n, i) {
              if (n.hasAttribute('data-auto')) {
                idx = i;
                return true;
              }
              return false;
            });
            if (idx >= 0) {
              var elem = this._buildList.splice(idx, 1)[0];
              var transitionEnd = isWK ? 'webkitTransitionEnd' : (isFF ? 'mozTransitionEnd' : 'oTransitionEnd');
              var _t = this;
              if (canTransition()) {
                var l = function(evt) {
                  elem.parentNode.removeEventListener(transitionEnd, l, false);
                  _t._runAutos();
                };
                elem.parentNode.addEventListener(transitionEnd, l, false);
                removeClass(elem, 'to-build');
              } else {
                setTimeout(function() {
                  removeClass(elem, 'to-build');
                  _t._runAutos();
                }, 400);
              }
            }
          },
          buildNext: function() {
            if (!this._buildList.length) {
              return false;
            }
            removeClass(this._buildList.shift(), 'to-build');
            return true;
          },
        };
 
        //
        // SlideShow class
        //
        var SlideShow = function(slides) {
          this._slides = (slides || []).map(function(el, idx) {
            return new Slide(el, idx);
          });
 
          var h = window.location.hash;
          try {
            this.current = parseInt(h.split('#slide')[1], 10);
          }catch (e) { /* squeltch */ }
          this.current = isNaN(this.current) ? 1 : this.current;
          var _t = this;
          doc.addEventListener('keydown', 
              function(e) { _t.handleKeys(e); }, false);
          doc.addEventListener('mousewheel', 
              function(e) { _t.handleWheel(e); }, false);
          doc.addEventListener('DOMMouseScroll', 
              function(e) { _t.handleWheel(e); }, false);
          doc.addEventListener('touchstart', 
              function(e) { _t.handleTouchStart(e); }, false);
          doc.addEventListener('touchend', 
              function(e) { _t.handleTouchEnd(e); }, false);
          window.addEventListener('popstate', 
              function(e) { _t.go(e.state); }, false);
          this._update();          
        };
 
        SlideShow.prototype = {
          _slides: [],
          _update: function(dontPush) {
            
            // catch to set things right on the initial load. popstate fires on pageload.
            if (this.current === null) return;
            
            document.querySelector('#presentation-counter').innerText = this.current;
            if (history.pushState) {
              if (!dontPush) {
                history.pushState(this.current, 'Slide ' + this.current, '#slide' + this.current);
              }
            } else {
              window.location.hash = 'slide' + this.current;
            }
            for (var x = this.current-1; x < this.current + 7; x++) {
              if (this._slides[x-4]) {
                this._slides[x-4].setState(Math.max(0, x-this.current));
              }
            }
          },
 
          current: 0,
          next: function() {
            if (!this._slides[this.current-1].buildNext()) {
              this.current = Math.min(this.current + 1, this._slides.length);
              this._update();
            }
          },
          prev: function() {
            this.current = Math.max(this.current-1, 1);
            this._update();
          },
          go: function(num) {
            if (history.pushState && this.current != num) {
              history.replaceState(this.current, 'Slide ' + this.current, '#slide' + this.current);
            }
            this.current = num;
            this._update(true);
          },
 
          _notesOn: false,
          showNotes: function() {
            var isOn = this._notesOn = !this._notesOn;
            query('.notes').forEach(function(el) {
              el.style.display = (notesOn) ? 'block' : 'none';
            });
          },
          switch3D: function() {
            toggleClass(document.body, 'three-d');
          },
          handleWheel: function(e) {
            var delta = 0;
            if (e.wheelDelta) {
              delta = e.wheelDelta/120;
              if (isOpera) {
                delta = -delta;
              }
            } else if (e.detail) {
              delta = -e.detail/3;
            }
 
            if (delta > 0 ) {
              this.prev();
              return;
            }
            if (delta < 0 ) {
              this.next();
              return;
            }
          },
          handleKeys: function(e) {
            if (/^(input|textarea)$/i.test(e.target.nodeName) ||
                e.target.isContentEditable) {
              return;
            }
            switch (e.keyCode) {
              case 37: // left arrow
                this.prev(); break;
              case 39: // right arrow
              case 32: // space
                this.next(); break;
              case 50: // 2
                this.showNotes(); break;
              case 51: // 3
                this.switch3D(); break;
            }
          },
          _touchStartX: 0,
          handleTouchStart: function(e) {
            this._touchStartX = e.touches[0].pageX;
          },
          handleTouchEnd: function(e) {
            var delta = this._touchStartX - e.changedTouches[0].pageX;
            var SWIPE_SIZE = 150;
            if (delta > SWIPE_SIZE) {
              this.next();
            } else if (delta< -SWIPE_SIZE) {
              this.prev();
            }
          },
        };
 
        // Initialize
        var slideshow = new SlideShow(query('.slide'));

        document.querySelector('#toggle-counter').addEventListener('click', toggleCounter, false);
        document.querySelector('#toggle-size').addEventListener('click', toggleSize, false);
        document.querySelector('#toggle-transitions').addEventListener('click', toggleTransitions, false);
        document.querySelector('#toggle-gradients').addEventListener('click', toggleGradients, false);
 
        var counters = document.querySelectorAll('.counter');
        var slides = document.querySelectorAll('.slide');
 
        function toggleCounter() {
          toArray(counters).forEach(function(el) {
            el.style.display = (el.offsetHeight) ? 'none' : 'block';
          });
        }
        
        function toggleSize() {
          toArray(slides).forEach(function(el) {
            if (!/reduced/.test(el.className)) {
              addClass(el, 'reduced');
            }
            else {
              removeClass(el, 'reduced');
            }
          });
        }
 
        function toggleTransitions() {
          toArray(slides).forEach(function(el) {
            if (!/no-transitions/.test(el.className)) {
              addClass(el, 'no-transitions');
            }
            else {
              removeClass(el, 'no-transitions');
            }
          });
        }
        
        function toggleGradients() {
          toArray(slides).forEach(function(el) {
            if (!/no-gradients/.test(el.className)) {
              addClass(el, 'no-gradients');
            }
            else {
              removeClass(el, 'no-gradients');
            }
          });
        }
      })();
    </script> 
 
    <!--[if lt IE 9]>
    <script 
      src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js">
    </script>
    <script>CFInstall.check({ mode: "overlay" });</script>
    <![endif]--> 

   
</body></html>