/* Muestra u oculta el div con las piezas de una seccion segun corresponda
   Ademas cambia las imagenes de fondo para resaltarlas.
*/

/* Para que se vea bien sin CSS debemos evitar que se muestre y oculte los numeros, ya que sin 
   CSS, los elementos no estan correctamente posicionados y hace un efecto "sube y baja". 
   Tambien evitamos los cambios de color de background, ya que sin hoja de estilo no se pintan
   al principio, pero luego con el javascript si se pintaran y hace un efecto raro.
   Como truquillo comprobamos un estilo asignado mediante hoja de estilo. 
   Si no tiene el valor que deberia, asumimos que la hoja de estilo no esta cargada y no mostramos 
   el elemento
   
   La variable hayCSS guarda true o false segun si hay o no hoja de estilo
   
   Ver la funcion ASP pintaPropuestaRecorrido para mas info.
   
*/

/********************************************************************************/

 function muestraOcultaPiezas(idDiv)
 {    
      
      var estado = document.getElementById('despPiezas' + idDiv).style.display;
      
      if (estado == 'block') {
         document.getElementById('despPiezas' + idDiv).style.display = 'none';
         /* le cambiamos el fondo al degradado*/
         document.getElementById('piezas' + idDiv).style.backgroundImage = 'url(/imagenes/pRecorrido/degradado.jpg)';
         /* le cambiamos el fondo a la ubicacion */
         document.getElementById('ubicacion' + idDiv).style.backgroundImage = 'url(/imagenes/pRecorrido/tramaUbicacion.jpg)';
         document.getElementById('ubicacion' + idDiv).style.backgroundRepeat = 'repeat-x';
         
      }
      else{
         document.getElementById('despPiezas' + idDiv).style.display = 'block';
         /* le cambiamos el fondo al degradado*/
         document.getElementById('piezas' + idDiv).style.backgroundImage = 'url(/imagenes/pRecorrido/degradadoOn.jpg)';
         /* le cambiamos el fondo a la ubicacion */
         document.getElementById('ubicacion' + idDiv).style.backgroundImage = 'url(/imagenes/pRecorrido/tramaUbicacionOn.jpg)';
         document.getElementById('ubicacion' + idDiv).style.backgroundRepeat = 'repeat';
      }
     
 }

/* Funcion para el hover de una seccion */
function iluminaSeccion(idDiv){

     if (hayCSS){
         document.getElementById('piezas' + idDiv).style.backgroundImage = 'url(/imagenes/pRecorrido/degradadoOn.jpg)';
         document.getElementById('piezas' + idDiv).style.backgroundPosition = 'bottom';
         document.getElementById('piezas' + idDiv).style.backgroundColor = '#A7CBE3';
     }   
}

/* Funcion para el hover de una seccion */
function apagaSeccion(idDiv){

    if (hayCSS){
      document.getElementById('piezas' + idDiv).style.backgroundImage = 'url(/imagenes/pRecorrido/degradado.jpg)';
      document.getElementById('piezas' + idDiv).style.backgroundColor = '#89B6D5';   
    }  
      
}

 
/* Funcion para el hover de una pieza */

function iluminaPieza(idDiv, tipo){
   
   if (hayCSS){
       if (tipo == 'on'){
          document.getElementById('unaPieza' + idDiv).style.backgroundColor = '#EFF4F7';
       }
       else {
             document.getElementById('unaPieza' + idDiv).style.backgroundColor = '#FFFFFF';
       }
   }
   
}

/* Funcion que muestra el numero sobre el mapa*/
function muestraNumero(idNumero){
  
    if (hayCSS){
     document.getElementById('num' + idNumero).style.display = 'block';
    }   
  
}

/* Funcion que oculta el numero sobre el mapa*/
function ocultaNumero(idNumero){

    if (hayCSS){
     document.getElementById('num' + idNumero).style.display = 'none';
    }   
}