<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" indent="yes" encoding="ISO-8859-1"/>

  <xsl:template match="gite">
    <xsl:variable name="num_gite">5</xsl:variable>  <!-- numero gite/trek visibili -->
<![CDATA[
<?
$xml_sorgente = "gite/gite.php";  // XML sorgente
$xsl_sorgente = "home.xsl";  // XSL sorgente
?>
]]>
    <div id="content" class="extend left">
      <script language="javascript" src="../script/view_layer.js"></script>
      <div class="box blu black">  <!-- ciclismo -->
        <script language="javascript">
          img = new Array(3);
          img[0] = new Image();
          img[0].src = "../images/altro/marathonbike.gif";
          img[1] = new Image();
          img[1].src = "../images/altro/alti.gif";
          img[2] = new Image();
          img[2].src = "../images/altro/extrema.gif";
          
          function changeImage ( i ) {
            document.getElementById("image").src = img[i].src;
          }
        </script>
        <h3>Mountain bike</h3>
        <img id="image" src="../images/altro/marathonbike.gif" alt="" style="float: right; margin-left: 3px;" />
        <a href="index.php?page=marathon" onmouseover="changeImage(0);" style="font-size: 14px; font-weight: bold;"><img src="../images/link_fw.gif" alt="" />Gare di MTB:</a> <b>cronaca e foto</b> delle corse a cui ho partecipato in questi anni<br />
        <a href="index.php?page=bici" onmouseover="changeImage(1);" style="font-size: 14px; font-weight: bold;"><img src="../images/link_fw.gif" alt="" />Giri in bici:</a> gli itinerari <b>più interessanti</b> completi di mappa, le <b>salite più dure</b> corredate
          di altimetria<br />
        <a href="index.php?page=extrema" onmouseover="changeImage(2);" style="font-size: 14px; font-weight: bold;"><img src="../images/link_fw.gif" alt="" />"Extrema":</a> è la mia bicicletta, una <b>Merida Matts HFS 4000-D.</b> Scoprine caratteristiche tecniche e fotografie<br />
      </div>
      <div class="box blu" style="overflow: visible;">
        <p class="links evidenziatore" style="text-align: center;">
          <a title="vai alla gita del {gita[1]/tappe/tappa[1]/data} a {gita[1]/tappe/@titolo}">
            <xsl:attribute name="href">
              <xsl:choose>
                <xsl:when test="count(gita[1]/tappe/tappa[@tipo='alpinistica']) &gt; 0">#alpinismo</xsl:when>
                <xsl:when test="count(gita[1]/tappe/tappa[@tipo='sci-alpinismo']) &gt; 0">#sci</xsl:when>
                <xsl:when test="count(gita[1]/tappe/tappa) &gt; 1">#trek</xsl:when>
                <xsl:otherwise>#gite</xsl:otherwise>
              </xsl:choose>
            </xsl:attribute>
            <span style="font-style: italic; font-size: 120%;"><img src="../images/link_fw.gif" alt="" />ultima gita</span>
          </a>&#160;
          <a href="#alpinismo"><img src="../images/link_fw.gif" alt="" />Alpinismo</a>&#160;
          <a href="#sci"><img src="../images/link_fw.gif" alt="" />Sci-alpinismo</a>&#160;
          <a href="#gite"><img src="../images/link_fw.gif" alt="" />Escursioni, in giornata</a>&#160;
          <a href="#trek"><img src="../images/link_fw.gif" alt="" />Trek, a tappe</a>
          <br />
          <span style="text-align: center; font-size: 9px; font-weight: bold; font-style: italic;">
            le gite con <u>foto-racconto</u> sono contrassegnate dal simbolo <img src="../images/gita.gif" alt="foto-racconto" title="foto-racconto" />
          </span>
        </p>
        <h3 style="margin-top: 5px; font-weight: normal;">Ultima gita</h3>
        <xsl:apply-templates select="gita[1]/tappe">
          <xsl:with-param name="mode">double</xsl:with-param>
          <xsl:with-param name="first">true</xsl:with-param>
        </xsl:apply-templates>
        <a name="alpinismo" /><h3 style="margin-top: 5px;">Alpinismo</h3>
        <xsl:apply-templates select="gita[count(tappe/tappa[@tipo='alpinistica']) &gt; 0 and count(preceding::gita[count(tappe/tappa[@tipo='alpinistica']) &gt; 0]) &lt; $num_gite]/tappe">
          <xsl:with-param name="mode">double</xsl:with-param>
        </xsl:apply-templates>
        <xsl:variable name="title1">
          <xsl:for-each select="gita[count(tappe/tappa[@tipo='alpinistica']) &gt; 0 and count(preceding::gita[count(tappe/tappa[@tipo='alpinistica']) &gt; 0]) &gt;= $num_gite]/tappe">
<xsl:value-of select="tappa[1]/data"/>: <xsl:value-of select="@titolo"/>&lt;br /&gt;
</xsl:for-each>
        </xsl:variable>
        <div class="altre_gite"><a class="evidenziatore" title="{$title1}" href="javascript:display_layer_img('altre_alpinismo');"><img id="altre_alpinismo_img" src="../images/zippy_plus.gif" alt="" />&#160;gite precedenti...</a></div>
        <div id="altre_alpinismo" style="display: none;">
          <xsl:apply-templates select="gita[count(tappe/tappa[@tipo='alpinistica']) &gt; 0 and count(preceding::gita[count(tappe/tappa[@tipo='alpinistica']) &gt; 0]) &gt;= $num_gite]/tappe">
            <xsl:with-param name="mode">double</xsl:with-param>
          </xsl:apply-templates>
        </div>
        <h3 style="margin-top: 5px;">
          <a name="sci" href="#top" title="torna su"><img class="dx" src="../images/su.gif" alt="torna su" /></a>
          Sci-alpinismo
        </h3>
        <table class="multicol">
          <colgroup>
            <col span="1" />
            <col span="1" />
          </colgroup>
          <tr>
            <xsl:for-each select="gita[count(tappe/tappa[@tipo='sci-alpinismo']) &gt; 0]">
              <td>
                <xsl:attribute name="class">
                  <xsl:choose>
                    <xsl:when test="position() mod 4 = 0">dispari</xsl:when>
                    <xsl:when test="position() mod 4 = 1">pari border</xsl:when>
                    <xsl:when test="position() mod 4 = 2">pari</xsl:when>
                    <xsl:when test="position() mod 4 = 3">dispari border</xsl:when>
                  </xsl:choose>
                </xsl:attribute>
                <xsl:variable name="class">
                  <xsl:choose>
                    <xsl:when test="position() mod 4 = 0 or position() mod 4 = 3">dispari</xsl:when>
                    <xsl:when test="position() mod 4 = 1 or position() mod 4 = 2">pari</xsl:when>
                  </xsl:choose>
                </xsl:variable>
                <xsl:choose>
                  <xsl:when test="count(tappe/tappa) = 1">
                    <div class="gita {$class}" onmouseout="this.className='gita {$class}';" onmouseover="this.className='gita selected';">
                      <xsl:apply-templates select="tappe">
                        <xsl:with-param name="mode">single</xsl:with-param>
                      </xsl:apply-templates>
                    </div>
                  </xsl:when>                 
                  <xsl:otherwise>
                    <xsl:apply-templates select="tappe">
                      <xsl:with-param name="mode">single</xsl:with-param>
                    </xsl:apply-templates>
                  </xsl:otherwise>
                </xsl:choose>
              </td>
              <xsl:if test="position() mod 2 = 0">
<![CDATA[
          </tr>
          <tr>
]]>
              </xsl:if>
            </xsl:for-each>
          </tr>
        </table>
        <h3>
          <a name="gite" href="#top" title="torna su"><img class="dx" src="../images/su.gif" alt="torna su" /></a>
          Escursioni - in giornata
        </h3>
        <table class="multicol">
          <colgroup>
            <col span="1" />
            <col span="1" />
          </colgroup>
          <tr>
            <xsl:for-each select="gita[count(tappe/tappa) = 1 and tappe/tappa/@tipo != 'alpinistica' and tappe/tappa/@tipo != 'sci-alpinismo' and count(preceding::gita[count(tappe/tappa) = 1 and tappe/tappa/@tipo != 'alpinistica' and tappe/tappa/@tipo != 'sci-alpinismo']) &lt; $num_gite*2]">
              <td>
                <xsl:attribute name="class">
                  <xsl:choose>
                    <xsl:when test="position() mod 4 = 0">dispari</xsl:when>
                    <xsl:when test="position() mod 4 = 1">pari border</xsl:when>
                    <xsl:when test="position() mod 4 = 2">pari</xsl:when>
                    <xsl:when test="position() mod 4 = 3">dispari border</xsl:when>
                  </xsl:choose>
                </xsl:attribute>
                <xsl:variable name="class">
                  <xsl:choose>
                    <xsl:when test="position() mod 4 = 0 or position() mod 4 = 3">dispari</xsl:when>
                    <xsl:when test="position() mod 4 = 1 or position() mod 4 = 2">pari</xsl:when>
                  </xsl:choose>
                </xsl:variable>
                <div class="gita {$class}" onmouseout="this.className='gita {$class}';" onmouseover="this.className='gita selected';">
                  <xsl:apply-templates select="tappe">
                    <xsl:with-param name="mode">single</xsl:with-param>
                  </xsl:apply-templates>
                </div>
              </td>
              <xsl:if test="position() mod 2 = 0">
<![CDATA[
          </tr>
          <tr>
]]>
              </xsl:if>
            </xsl:for-each>
          </tr>
        </table>
        <xsl:variable name="title2">
        <xsl:for-each select="gita[count(tappe/tappa) = 1 and tappe/tappa/@tipo != 'alpinistica' and tappe/tappa/@tipo != 'sci-alpinismo' and count(preceding::gita[count(tappe/tappa) = 1 and tappe/tappa/@tipo != 'alpinistica' and tappe/tappa/@tipo != 'sci-alpinismo']) &gt;= $num_gite*2]/tappe">
<xsl:value-of select="tappa/data"/>: <xsl:value-of select="@titolo"/>&lt;br /&gt;
</xsl:for-each>
        </xsl:variable>
        <div class="altre_gite"><a class="evidenziatore" title="{$title2}" href="javascript:display_layer_img('altre_escursioni');"><img id="altre_escursioni_img" src="../images/zippy_plus.gif" alt="" />&#160;gite precedenti...</a></div>
        <div id="altre_escursioni" style="display: none;">
          <table class="multicol">
            <colgroup>
              <col span="1" />
              <col span="1" />
            </colgroup>
            <tr>
              <xsl:for-each select="gita[count(tappe/tappa) = 1 and tappe/tappa/@tipo != 'alpinistica' and tappe/tappa/@tipo != 'sci-alpinismo' and count(preceding::gita[count(tappe/tappa) = 1 and tappe/tappa/@tipo != 'alpinistica' and tappe/tappa/@tipo != 'sci-alpinismo']) &gt;= $num_gite*2]">
                <td>
                  <xsl:attribute name="class">
                    <xsl:choose>
                      <xsl:when test="position() mod 4 = 0">dispari</xsl:when>
                      <xsl:when test="position() mod 4 = 1">pari border</xsl:when>
                      <xsl:when test="position() mod 4 = 2">pari</xsl:when>
                      <xsl:when test="position() mod 4 = 3">dispari border</xsl:when>
                    </xsl:choose>
                  </xsl:attribute>
                  <xsl:variable name="class">
                    <xsl:choose>
                      <xsl:when test="position() mod 4 = 0 or position() mod 4 = 3">dispari</xsl:when>
                      <xsl:when test="position() mod 4 = 1 or position() mod 4 = 2">pari</xsl:when>
                    </xsl:choose>
                  </xsl:variable>
                  <div class="gita {$class}" onmouseout="this.className='gita {$class}';" onmouseover="this.className='gita selected';">
                    <xsl:apply-templates select="tappe">
                      <xsl:with-param name="mode">single</xsl:with-param>
                    </xsl:apply-templates>
                  </div>
                </td>
                <xsl:if test="position() mod 2 = 0">
<![CDATA[
            </tr>
            <tr>
]]>
                </xsl:if>
              </xsl:for-each>
            </tr>
          </table>
        </div>
        <h3 style="margin-top: 5px;">
          <a name="trek" href="#top" title="torna su"><img class="dx" src="../images/su.gif" alt="torna su" /></a>
          Trek - a tappe
        </h3>
        <xsl:apply-templates select="gita[count(tappe/tappa) &gt; 1 and count(tappe/tappa[@tipo='alpinistica']) = 0 and count(tappe/tappa[@tipo='sci-alpinismo']) = 0 and count(preceding::gita[count(tappe/tappa) &gt; 1 and count(tappe/tappa[@tipo='alpinistica']) = 0 and count(tappe/tappa[@tipo='sci-alpinismo']) = 0]) &lt; $num_gite]/tappe">
          <xsl:with-param name="mode">double</xsl:with-param>
        </xsl:apply-templates>
        <xsl:variable name="title3">
        <xsl:for-each select="gita[count(tappe/tappa) &gt; 1 and count(tappe/tappa[@tipo='alpinistica']) = 0 and count(tappe/tappa[@tipo='sci-alpinismo']) = 0 and count(preceding::gita[count(tappe/tappa) &gt; 1 and count(tappe/tappa[@tipo='alpinistica']) = 0 and count(tappe/tappa[@tipo='sci-alpinismo']) = 0]) &gt;= $num_gite]/tappe">
<xsl:value-of select="tappa[1]/data"/>: <xsl:value-of select="@titolo"/>&lt;br /&gt;
</xsl:for-each>
        </xsl:variable>
        <div class="altre_gite"><a class="evidenziatore" title="{$title3}" href="javascript:display_layer_img('altre_trekking');"><img id="altre_trekking_img" src="../images/zippy_plus.gif" alt="" />&#160;trek precedenti...</a></div>
        <div id="altre_trekking" style="display: none;">
          <xsl:apply-templates select="gita[count(tappe/tappa) &gt; 1 and count(tappe/tappa[@tipo='alpinistica']) = 0 and count(tappe/tappa[@tipo='sci-alpinismo']) = 0 and count(preceding::gita[count(tappe/tappa) &gt; 1 and count(tappe/tappa[@tipo='alpinistica']) = 0 and count(tappe/tappa[@tipo='sci-alpinismo']) = 0]) &gt;= $num_gite]/tappe">
            <xsl:with-param name="mode">double</xsl:with-param>
          </xsl:apply-templates>
        </div>
      </div>
    </div>
    <div id="right" class="extend" style="width: 250px;">
      <div class="box verde">
        <h3 style="font-weight: normal;">
          <a style="font-size: 13px; color: #000;" href="javascript:display_layer_img('xsapdpiu');">
            Per saperne di più su questa sezione&#160;<img id="xsapdpiu_img" src="../images/zippy_plus.gif" alt="" />
          </a>
        </h3>
        <div id="xsapdpiu" style="display: none;">
          <p style="line-height: 1.5em; margin-top: 4px;">
          In questa sezione del sito troverete <u>l'elenco delle mie ultime gite in montagna</u>, a 
          molte delle quali ho partecipato accompagnato da 
          <a href="http://www.zainoinspalla.it" title="apri il sito di Zaino in spalla" target="_blank"><u>Zaino in spalla</u></a>&#160;<img src="../images/zainoinspalla.gif" alt="Zaino in spalla" />.
           Cliccando sul link alla gita si accede al <u>foto-racconto&#160;<img src="../images/gita.gif" alt="foto-racconto" />
           (esclusiva di questo sito!)</u> e allo spazio verticale contente i link (tramite miniature) a tutte le  <u>fotografie</u>&#160;<img src="../images/foto.gif" alt="album foto" />
           ed eventualmente anche ai <u>video</u>&#160;<img src="../images/video.gif" alt="video" />
          e ai <u>panorami a 360 gradi</u>&#160;<img src="../images/pano360.gif" alt="panorami a 360°" />.
           Inoltre, è possibile avere una <u>visione d'insieme</u> delle miniature di foto, video e panorami come all'interno
           di un <u>album</u>&#160;<img src="../images/album.gif" alt="album" />. Da questa stessa vista è 
           possibile <u>selezionare <input type="checkbox" class="checkbox" checked="checked" title="seleziona la foto per l'invio via e-mail" /> le foto</u> che si deisiderasse <u>ricevere via 
           e-mail</u> a media risoluzione.<br />
          <u>Cliccando sulle miniature</u> vengono visualizzate, a seconda del caso, la
          <u>foto media risluzione</u>, la preview del <u>video in formato Google Video</u> oppure la <u>foto
          panoramica scorrevole a 360 gradi</u>. È inoltre possibile <u>scaricare la foto/video originale</u> cliccando su 
          questa icona: <img src="../images/_blank.gif" alt="apri l'originale" />.<br />
          Se è presente una <u>descrizione estesa</u>&#160;<img src="../images/description.gif" alt="con descrizione" /> questa viene visualizzata in basso. Da qui è possibile visualizzare
          la foto/video <u>precedente</u>&#160;<img src="../images/prev.gif" alt="precedente" /> o 
          quella <u>successiva</u>&#160;<img src="../images/next.gif" alt="successiva" /> oppure, in basso, selezionare una <u>foto/video qualsiasi</u>
          passando col mouse sopra l'indice corrispondente. Cliccando sull'icona <img src="../images/+.gif" alt="apri l'originale" /> verrà aperto il file originale in una
          nuova finestra.<br />
          È possibile aprire in una nuova finestra una <u>versione stampabile</u>&#160;<img src="../images/printer.gif" alt="versione stampabile" style="width: 16px; height: 16px; cursor: default;" /> del racconto.<br />
          Tutte le foto possono essere visualizzate come <u>presentazione di
          diapositive</u>&#160;<img src="../images/slideshow.gif" alt="slideshow" />. In modalità pausa è possibile
          impostare la <u>durata del fermo immagine</u>&#160;<img src="../images/minus.gif" alt="" />&#160;<img src="../images/plus.gif" alt="" />, impostare <u>l'effetto 
          di transizione</u> tra le diapositive (solo con Internet Explorer), <u>precaricare tutte le foto</u>&#160;<img src="../images/carica.gif" alt="preload foto" /> nella cache del browser al fine di
          <u>annullare i tempi di caricamento</u> durante la proiezione (al termine comparirà una <u>notifica a video</u>) e, se presente, attivare un <u>sottofondo musicale</u>&#160;<img src="../images/musica.gif" alt="attiva il sottofondo musicale" />.
          In alto a sinistra possiamo <u>scegliere la foto</u> da cui partire e per <u>uscire dalla modalità presentazione</u> cliccare su <img src="../images/stop.gif" alt="esci" />.
          Cliccando su <img src="../images/play_slideshow.gif" alt="esegui proiezione" style="width: 16px; height: 16px; cursor: default;" />&#160;<u>parte la presentazione</u> che può essere <u>interrotta</u>&#160;<img src="../images/slide_pause2.gif" alt="ferma proiezione" style="width: 16px; height: 16px; cursor: default;" />
          in qualsiasi momento e <u>ripresa</u> cliccando su &#160;<img src="../images/slide_play2.gif" alt="esegui proiezione" style="width: 16px; height: 16px; cursor: default;" />. Possiamo inoltre passare direttamente alla <u>slide successiva</u>&#160;<img src="../images/slide_next2.gif" alt="immagine successiva" style="width: 16px; height: 16px; cursor: default;" /> o
           <u>tornare a quella precedente</u>&#160;<img src="../images/slide_prev2.gif" alt="immagine precedente" style="width: 16px; height: 16px; cursor: default;" />. Per tornare al menu cliccare su&#160;<img src="../images/slide_exit2.gif" alt="esci dalla proiezione e torna al menu" style="width: 16px; height: 16px; cursor: default;" />.</p>
        </div>
      </div>
      <div class="box verde">
        <div class="left border center" style="width: 122px; padding-right: 2px;">
<![CDATA[
<?
include("form_cerca.php");  // ricerca gite
?>
]]>
        </div>
        <div class="right" style="width: 117px;">
          <h3>Cerca foto&amp;video</h3>
          <form onsubmit="return checkCerca(document.getElementById('filename'));" action="gite.php" method="get">
            <input type="hidden" name="cerca" value="media" />
            <input type="hidden" name="p" value="1" />
<![CDATA[
            <script language="javascript">
            function checkCerca ( form ) {
              with ( form ) {
                if ( value.length < 3 ) {
                  alert("La chiave di ricerca deve avere almeno tre caratteri");
                  focus();
                  return false;
                } else {
                  document.getElementById("submit_media").disabled = true;
                  document.getElementById("submit_media").value = "attendere...";
                  return true;
                }
              }
            }
            </script>
]]>
            
            <input id="filename" name="filename" type="text" class="text" style="width: 116px; cursor: help;" title="chiave di ricerca" />
            <span style="cursor: help;" title="parola intera">
              <input type="checkbox" class="checkbox" id="match" name="match" style="cursor: help;" title="parola intera" /><label for="match">parola intera</label><br />
            </span>
            <span style="cursor: help;" title="tutti">
              <input name="type" id="type_tutti" type="radio" class="radio" value="tutti" style="cursor: help;" title="tutti" checked="checked" /><label for="type_tutti">tutti</label><br />
            </span>
            <span style="cursor: help;" title="solo foto">
              <input name="type" id="type_foto" type="radio" class="radio" value="foto" style="cursor: help;" title="solo foto" /><label for="type_foto">foto</label><br />
            </span>
            <span style="cursor: help;" title="solo panorami a 360°">
              <input name="type" id="type_pano" type="radio" class="radio" value="pano" style="cursor: help;" title="solo panorami a 360°" /><label for="type_pano">panorama 360°</label><br />
            </span>
            <span style="cursor: help;" title="solo video">
              <input name="type" id="type_video" type="radio" class="radio" value="video" style="cursor: help;" title="solo video" /><label for="type_video">video</label>
            </span>
            <p style="text-align: center; margin-top: 3px;"><input id="submit_media" type="submit" class="submit cerca" value="cerca" /></p>
          </form>
        </div>
        <p class="right" style="text-align: left;"><a href="gite.php?cerca=adv"><img src="../images/link_fw.gif" alt="" />ricerca avanzata...</a></p>
        <p class="right" style="text-align: left;"><a href="gite.php?cerca=maps#top"><img src="../images/link_fw.gif" alt="" />localizza le gite su Google Maps...</a></p>
      </div>
      <div class="box verde">  <!-- elenco libri letti (gli ultimi tre) -->
       <h3><b>Libri letti</b></h3>
        <ul>
          <xsl:for-each select="document('libri.xml')/libri/libro">
            <xsl:if test="position() &lt;= 5">
              <li><a href="index.php?page=libri#{titolo}" title="{autore} - {titolo}"><b><xsl:value-of select="titolo"/></b></a></li>
            </xsl:if>
          </xsl:for-each>          
        </ul>
        <p class="right"><a href="index.php?page=libri"><img src="../images/link_fw.gif" alt="" />altri libri...</a></p>
      </div>
      <div class="box verde center">
        <h3>Foto</h3>
        <a href="gite.php?album=best&amp;p=1" title="selezione delle mie migliori fotografie"><img style="display: block; margin: 0 auto;" src="../images/altro/best.jpg" alt="selezione delle mie migliori fotografie" /></a>
        <a href="gite.php?album=wall&amp;p=1" title="fotografie adatte come wallpaper per il desktop del tuo pc"><img style="display: block; margin: 0 auto; margin-top: 2px;" src="../images/altro/wall.jpg" alt="fotografie adatte come wallpaper per il desktop del tuo pc" /></a>
        <a href="gite.php?album=natura&amp;p=1" title="fotografie di flora e fauna"><img style="display: block; margin: 0 auto; margin-top: 2px;" src="../images/altro/natura.jpg" alt="fotografie di flora e fauna" /></a>
      </div>
      <div class="box verde center">
        <h3>Panorami a 360°</h3>
        <a href="gite.php?album=pano&amp;p=1" title="fotografie panoramiche a 360 gradi"><img src="../images/pano.gif" alt="fotografie panoramiche a 360 gradi" /></a>
      </div>
      <div class="box verde center">
        <h3>Video</h3>
        <a href="gite.php?album=video&amp;p=1" title="raccolta di tutti i miei video di montagna"><img src="../images/film.gif" alt="raccolta di tutti i miei video di montagna" /></a>
      </div>
      <div class="box verde center">
        <h3>Links</h3>
        <a href="index.php?page=links" title="raccolta di link sulla montagna"><img src="../images/links.gif" alt="raccolta di link sulla montagna" /></a>
      </div>
      <div class="box verde center">
        <h3>Vignette montanare</h3>
        <a href="index.php?page=vignette" title="raccolta di simpatiche vignette sulla montagna"><img src="../images/vignette.gif" alt="raccolta di simpatiche vignette sulla montagna" /></a>
      </div>
      <div class="box rosso">
        <h3>La mia filosofia</h3>
        <u>Salgo lealmente</u> sulle montagne perchè sono <u>estremamente curioso</u> di ammirare la natura <u>dai punti di
        vista più spettacolari</u>
      </div>
      <div class="box verde center">
        <h3>Fotocamera</h3>
        <a href="http://www.sony.it/view/ShowProduct.action?product=DSC-W12" target="_blank">
          <img src="../images/altro/sony-dscw12.gif" alt="Sony Cybershot DSC W12" /><br />
          <b>Sony</b> Cybershot W12
        </a>
      </div>
      <div class="box rosso">
        <h3>Citazione</h3>
        È inutile compiere <u>lunghi viaggi,</u> andare lontano a vedere le <u>grandi montagne,</u> i grandi fiumi,
         le grandi città del mondo, se <u>non ci accorgiamo</u> del filo d'erba bagnato di rugiada che 
         cresce <u>davanti alla porta di casa</u>
      </div>
    </div>
  </xsl:template>
 
  <xsl:template match="tappe">
    <xsl:param name="mode"/>
    <xsl:param name="first"/>
    <xsl:variable name="href">gite.php?id=<xsl:value-of select="../@id"/></xsl:variable>
    
    <xsl:choose>
      <xsl:when test="count(tappa) &gt; 1">
        <xsl:variable name="lay_id">
          <xsl:choose>
            <xsl:when test="$first='true'">0</xsl:when>
            <xsl:otherwise><xsl:value-of select="generate-id(../@id)"/></xsl:otherwise>
          </xsl:choose>
        </xsl:variable>
        <xsl:variable name="class">
          <xsl:choose>
            <xsl:when test="position() mod 2 = 0">dispari</xsl:when>
            <xsl:otherwise>pari</xsl:otherwise>
          </xsl:choose>
        </xsl:variable>
        <ul id="master_{$lay_id}">
          <xsl:choose>
            <xsl:when test="count(tappa) &gt; 2">
              <xsl:attribute name="class">gita <xsl:value-of select="$class"/></xsl:attribute>
              <xsl:attribute name="onmouseover">show_layer('slave_<xsl:value-of select="$lay_id"/>');this.className='gita selected';</xsl:attribute>
              <xsl:attribute name="onmouseout">hide_layer('slave_<xsl:value-of select="$lay_id"/>');this.className='gita <xsl:value-of select="$class"/>';</xsl:attribute>
            </xsl:when>
            <xsl:otherwise>
              <xsl:attribute name="class">gita <xsl:value-of select="$class"/></xsl:attribute>
              <xsl:attribute name="onmouseover">this.className='gita selected';</xsl:attribute>
              <xsl:attribute name="onmouseout">this.className='gita <xsl:value-of select="$class"/>';</xsl:attribute>
            </xsl:otherwise>
          </xsl:choose>
          <xsl:for-each select="tappa">
            <xsl:if test="position() &lt; 3">
              <li>
                <xsl:if test="position() = 1">
                  <div class="foto_home">
                    <a href="{$href}" title="{../../titolo}"><img src="../images/foto/{../../album/@dir}/thumbs/{../../album/foto[@home]}" alt="{../../titolo}" /><br />
                      <b><xsl:value-of select="../@titolo"/></b>
                    </a>
                  </div>
                </xsl:if>
                <a href="{$href}" title="{../../desc}" class="mini"><xsl:value-of select="position()"/>a tappa: <xsl:value-of select="data"/>
                  <xsl:if test="position() = 1">
                    &#160;<xsl:apply-templates select="current()" mode="icone"/>
                  </xsl:if>
                </a><br />
                <xsl:apply-templates select="current()">
                  <xsl:with-param name="mode">double</xsl:with-param>
                  <xsl:with-param name="pos"><xsl:value-of select="position()"/></xsl:with-param>
                </xsl:apply-templates>
              </li>
            </xsl:if>
          </xsl:for-each>
        </ul>
        <xsl:if test="count(tappa) &gt; 2">
          <ul id="slave_{$lay_id}" onmouseover="this.style.visibility='visible';document.getElementById('master_{$lay_id}').className='gita selected';" onmouseout="this.style.visibility='hidden';document.getElementById('master_{$lay_id}').className='gita {$class}';">
            <xsl:attribute name="class">
              <xsl:choose>
                <xsl:when test="tappa/@tipo = 'sci-alpinismo'">gita dett1 selected</xsl:when>
                <xsl:otherwise>gita dett selected</xsl:otherwise>
              </xsl:choose>
            </xsl:attribute>
            <xsl:for-each select="tappa">
              <xsl:if test="position() &gt; 2">
                <li>
                  <a href="{$href}" title="{../../desc}" class="mini"><xsl:value-of select="position()"/>a tappa: <xsl:value-of select="data"/></a><br />
                  <xsl:apply-templates select="current()">
                    <xsl:with-param name="mode">double</xsl:with-param>
                    <xsl:with-param name="pos"><xsl:value-of select="position()"/></xsl:with-param>
                  </xsl:apply-templates>
                </li>
              </xsl:if>
            </xsl:for-each>
          </ul>
        </xsl:if>
      </xsl:when>
      <xsl:otherwise>
        <xsl:choose>
          <xsl:when test="$mode = 'double'">
            <ul class="gita pari" onmouseover="this.className='gita selected';" onmouseout="this.className='gita pari';">
              <li>
                <xsl:if test="count(tappa) = 1">
                  <div class="foto_home">
                    <a href="{$href}" title="{../titolo}">
                      <img style="float: right; margin-right: 11px;" src="../images/foto/{../album/@dir}/thumbs/{../album/foto[@home]}" alt="{../titolo}" />
                    </a>
                  </div>
                </xsl:if>
                <a href="{$href}" title="{../desc}">
                  <span class="mini"><xsl:value-of select="tappa/data"/></span>&#160;
                  <b><xsl:value-of select="@titolo"/></b>&#160;
                  <xsl:apply-templates select="tappa" mode="icone"/>
                </a><br />
                <xsl:apply-templates select="tappa">
                  <xsl:with-param name="mode"><xsl:value-of select="$mode"/></xsl:with-param>
                </xsl:apply-templates>
              </li>
            </ul>
          </xsl:when>
          <xsl:otherwise>
            <a href="{$href}" title="{../desc}">
              <img style="float: right;" src="../images/foto/{../album/@dir}/thumbs/{../album/foto[@home]}" alt="{../titolo}" />
              <span class="mini"><xsl:value-of select="tappa/data"/></span>&#160;
              <xsl:apply-templates select="tappa" mode="icone"/>
            </a>
            <br />
            <xsl:apply-templates select="tappa">
              <xsl:with-param name="mode"><xsl:value-of select="$mode"/></xsl:with-param>
            </xsl:apply-templates>
          </xsl:otherwise>
        </xsl:choose>
      </xsl:otherwise>
    </xsl:choose>
  </xsl:template>
  
  <xsl:template match="tappa">
    <xsl:param name="mode"/>
    <xsl:param name="pos"/>
    
    <a href="gite.php?id={../../@id}" title="{../../titolo}">
      da <b><xsl:value-of select="partenza"/><span class="mini"><xsl:value-of select="partenza/@quota"/></span></b>
      <xsl:if test="$mode = 'single'"><br /></xsl:if>
      <xsl:variable name="quota">
        <xsl:choose>
          <xsl:when test="vetta"><xsl:value-of select="vetta/@quota - partenza/@quota"/></xsl:when>
          <xsl:when test="arrivo"><xsl:value-of select="arrivo/@quota - partenza/@quota"/></xsl:when>
        </xsl:choose>
      </xsl:variable>
      <xsl:choose>
        <xsl:when test="vetta and arrivo and bici">
          a <b><xsl:value-of select="bici"/><span class="mini"><xsl:value-of select="bici/@quota"/></span></b> in bici,
          a piedi fino a <b><xsl:value-of select="arrivo"/><span class="mini"><xsl:value-of select="arrivo/@quota"/></span></b><br />
          punto più alto <b><xsl:value-of select="vetta"/><span class="mini"><xsl:value-of select="vetta/@quota"/></span></b><br />
        </xsl:when>
        <xsl:when test="vetta and arrivo">
          a <b><xsl:value-of select="arrivo"/><span class="mini"><xsl:value-of select="arrivo/@quota"/></span></b><br />
          punto più alto <b><xsl:value-of select="vetta"/><span class="mini"><xsl:value-of select="vetta/@quota"/></span></b><br />
        </xsl:when>
        <xsl:when test="vetta and bici">
          a <b><xsl:value-of select="bici"/><span class="mini"><xsl:value-of select="bici/@quota"/></span></b> in bici,
          a piedi fino a <b><xsl:value-of select="vetta"/><span class="mini"><xsl:value-of select="vetta/@quota"/></span></b><br />
        </xsl:when>
        <xsl:when test="arrivo and bici">
          a <b><xsl:value-of select="bici"/><span class="mini"><xsl:value-of select="bici/@quota"/></span></b> in bici,
          a piedi fino a <b><xsl:value-of select="arrivo"/><span class="mini"><xsl:value-of select="arrivo/@quota"/></span></b><br />
        </xsl:when>
        <xsl:when test="vetta">
          a <b><xsl:value-of select="vetta"/><span class="mini"><xsl:value-of select="vetta/@quota"/></span></b><br />
        </xsl:when>
        <xsl:when test="arrivo">
          a <b><xsl:value-of select="arrivo"/><span class="mini"><xsl:value-of select="arrivo/@quota"/></span></b><br />
        </xsl:when>
      </xsl:choose>
      <xsl:if test="count(../tappa) &gt; 2 and $pos = 2">
        <img class="dett_freccia" src="../images/dett.gif" alt="{count(../tappa)-2} tappe seguenti..." title="{count(../tappa)-2} tappe seguenti..." />
      </xsl:if>      
      dislivello
      <xsl:if test="$quota &gt;= 0">
        <img src="../images/up.gif" alt="salita" title="salita" />&#160;<xsl:value-of select="$quota"/>m
      </xsl:if>
      <xsl:if test="$quota &lt; 0">
        <img src="../images/down.gif" alt="discesa" title="discesa" />&#160;<xsl:value-of select="$quota * -1"/>m
      </xsl:if>
      <xsl:if test="@anello"><img src="../images/anello.gif" alt="giro ad anello" title="giro ad anello" /></xsl:if>
      <xsl:if test="not(@anello)"><xsl:attribute name="style">margin-left: 12px</xsl:attribute></xsl:if>
      [<xsl:value-of select="diff"/>]
    </a>
  </xsl:template>
  
  <xsl:template match="tappa" mode="icone">
    <xsl:if test="count(../../preceding::*) = 0"><img src="../images/new.gif" alt="ultima gita" />&#160;</xsl:if>
    <xsl:if test="../../bicio"><img src="../images/zainoinspalla.gif" alt="Zaino in spalla" title="Zaino in spalla" />&#160;</xsl:if>
    <xsl:if test="count(../../album/foto) &gt; 0"><img src="../images/foto.gif" alt="album {count(../../album/foto)} foto" title="album {count(../../album/foto)} foto" />&#160;</xsl:if>
    <xsl:if test="count(../../album/video) &gt; 0"><img src="../images/video.gif" alt="{count(../../album/video)} video" title="{count(../../album/video)} video" />&#160;</xsl:if>
    <xsl:if test="../../testo"><img src="../images/gita.gif" alt="foto-racconto" title="foto-racconto" /></xsl:if>
    <xsl:if test="../../mappe"><img src="../images/kml.gif" alt="mappa del percorso" title="mappa del percorso" /></xsl:if>
  </xsl:template>
  
</xsl:stylesheet>
















<!-- Stylus Studio meta-information - (c) 2004-2006. Progress Software Corporation. All rights reserved.
<metaInformation>
<scenarios ><scenario default="yes" name="home.php" userelativepaths="yes" externalpreview="no" url="http://localhost/sito/sport/gite/gite.php" htmlbaseurl="" outputurl="home.php" processortype="internal" useresolver="no" profilemode="0" profiledepth="" profilelength="" urlprofilexml="" commandline="" additionalpath="" additionalclasspath="" postprocessortype="none" postprocesscommandline="" postprocessadditionalpath="" postprocessgeneratedext="" validateoutput="no" validator="internal" customvalidator=""/></scenarios><MapperMetaTag><MapperInfo srcSchemaPathIsRelative="yes" srcSchemaInterpretAsXML="no" destSchemaPath="" destSchemaRoot="" destSchemaPathIsRelative="yes" destSchemaInterpretAsXML="no"/><MapperBlockPosition></MapperBlockPosition><TemplateContext></TemplateContext><MapperFilter side="source"></MapperFilter></MapperMetaTag>
</metaInformation>
-->

