// VISOR DE imagenes2 2 -----------------------------------------------------------------------------

var titulo = "Obras y Funciones"  
//datos imagenes2   
var imagenes2 = new Array (   
"Img/Obras/img1.jpg", "IMAGEN 1", "Reparación de Red de Drenaje y Descargas por Programa de Pavimentación", "javascript:Cargar('SIDEAPA/Obras/obra1.aspx','C_Contenido')",   
"Img/Obras/img2.jpg", "IMAGEN 2", "Instalación de Drenaje", "javascript:Cargar('SIDEAPA/Obras/obra2.aspx','C_Contenido')",   
"Img/Obras/img3.jpg", "IMAGEN 3", "Plantas de Tratamiento de Aguas Residuales", "javascript:Cargar('SIDEAPA/Obras/obra3.aspx','C_Contenido')",   
"Img/Obras/img4.jpg", "IMAGEN 4",  "Construcción de Red de Atarjeas", "javascript:Cargar('SIDEAPA/Obras/obra4.aspx','C_Contenido')",  
"Img/Obras/img5.jpg", "IMAGEN 5",  "Equipamiento de Pozo", "javascript:Cargar('SIDEAPA/Obras/obra5.aspx','C_Contenido')"
)   
//para dejar una imagen sin enlace, poner el siguiente2 valor: "#" (como en la tercera imagen)   
  
  
//ancho y alto area descripcion   
var ancho = 0   //numero de columnas   
var alto = 0   //numero de filas   
//ancho y alto de recuadro visor en pixels (si la imagen es mayor, el recuadro se adapta a la imagen)   
var ancho_visor = 500   
var alto_visor = 250   
//retardo entre imagenes2 en la reproduccion automatica (milisegundos)   
var retardo_rotacion = 3000   
//FIN SECCION CONFIGURACION   
  
//indice   
var actual = 0   
  
//ir a la siguiente2 imagen   
function siguiente2() {   
   actual++   
   if (actual <= (imagenes2.length/4)-1 ) {   
      document.images.visor.src = imagenes2[4*actual]   
      document.formulario.imagen.value = imagenes2[4*actual+1]   
  
      document.formulario.descripcion.value = imagenes2[4*actual+2]   
      actualizaEnlace2( imagenes2[4*actual+3] )   
   }   
   else ir_inicio2()   
}   
  
//ir a la imagen anterior2   
function anterior2() {   
   actual--   
   if (actual >= 0) {   
      document.images.visor.src = imagenes2[4*actual]   
      document.formulario.imagen.value = imagenes2[4*actual+1]   
  
      document.formulario.descripcion.value = imagenes2[4*actual+2]   
      actualizaEnlace2( imagenes2[4*actual+3] )   
       }   
   else ultimo2()   
}   
  
//ir a la primera imagen   
function ir_inicio2() {   
   actual = 0     
   document.images.visor.src = imagenes2[0]   
   document.formulario.imagen.value = imagenes2[4*actual+1]   
  
   document.formulario.descripcion.value = imagenes2[2]   
   actualizaEnlace2( imagenes2[3] )   
}   
  
//ir a la ultima imagen   
function ultimo2() {    
   actual = (imagenes2.length/4)-1   
   document.images.visor.src = imagenes2[4*actual]   
   document.formulario.imagen.value = imagenes2[4*actual+1]   
  
   document.formulario.descripcion.value = imagenes2[4*actual+2]   
   actualizaEnlace22( imagenes2[4*actual+3] )   
}   
  
//cambia a modo reproduccion automatica   
function repAuto2(text) {   
   document.formulario.automatico.value = (text == "Detener") ? "Reproducir" : "Detener" 
   reproducir2()   
}   
  
  
//realiza reproduccion atuomatica   
function reproducir2() {
    //if (document.getElementById("automatico")) {
        if (document.formulario.automatico.value == "Detener") {
            actual = (actual == (imagenes2.length / 4) - 1) ? 0 : actual + 1
            document.images.visor.src = imagenes2[4 * actual]
            document.formulario.imagen.value = imagenes2[4 * actual + 1]

            document.formulario.descripcion.value = imagenes2[4 * actual + 2]
            actualizaEnlace2(imagenes2[4 * actual + 3])
            window.setTimeout("reproducir2()", retardo_rotacion)
        }
    //}
}   
  
//actualizacion enlace   
function actualizaEnlace2( nuevoEnlace ) {   
   var imagen      
  
   if (document.getElementById) {   
              imagen = document.getElementById("enlace")   
   } else if (document.all)   
              imagen = document.all.enlace   
   else         //no soportado   
              return      
      
   imagen.href = nuevoEnlace   
}   
  
//pinta visor de imagenes2   
function PintaVisor2() {   
with (document) {   
  write('<form name="formulario">')
  write('<table cellspacing="1" cellpadding="4" bgcolor="#dfe4d1" align="center" border="0">')
  write('<tr>')
  write('<td align="center" bgcolor="#679d2a">')   
  write('<font color="#EEEEEE" size="+1">' + titulo + '</font>' )   
  write('</td>')   
  write('</tr>')     
  write('<tr>')
  write('<td align="center" bgcolor="#a7cd7a" width="' + ancho_visor + '" height="' + alto_visor + '">')   
  write('<a id="enlace" href="' + imagenes2[3] + '"><img border="0" src="' + imagenes2[0] + '" width="480" height="250" name="visor"></a>')   
  write('</td>')
  write('</tr>')

        
  write('<tr>')
  write('<td align="center" bgcolor="#679d2a">')
  write('<textarea style="background-color: #679d2a; color: #EEEEEE; font-family: Arial; text-align:center; font-weight:bold" name="descripcion" rows="' + 1 + '" cols="' + 80 + '">' + imagenes2[1] + '</textarea>')
  write('</td>')
  write('</tr>')

  write('<tr>')
  write('<td align="center" bgcolor="#a7cd7a">') 
  write('<input type="button" style="background-position:center; font-size:23px; background-image:url(Img/96.png); background-color:#a7cd7a; color:#bdc2b1; border:0" value="&nbsp;&nbsp;&nbsp;" onClick="anterior2();"  title="anterior2">')
  write('<input type="button" style="background-position:center; font-size:16px; background-image:url(Img/98.gif); background-color:#a7cd7a; color:#FEFEFE; border:0" name="automatico" onClick="repAuto2(this.value);" value="Reproducir" title="Reproducción automática">')   
  write('<input type="button" style="background-position:center; font-size:23px; background-image:url(Img/97.png); background-color:#a7cd7a; color:#bdc2b1; border:0" onClick="siguiente2();" value="&nbsp;&nbsp;&nbsp;" title="siguiente2">')   
  write('</td>')   
  write('</tr>')   
  write('</table>')
  
  write('<input type="text" name="imagen" style="visibility:hidden; background-color:#2A2A2A; color:#FFFFFF; border:0; font-family:Arial, Helvetica, sans-serif" size="' + ancho + '" value="' + imagenes2[1] + '">') 
  //write('<textarea name="descripcion" style="visibility:hidden;border:0; background-color:#4C4C4C; color:#EEEEEE; font-family:Arial, Helvetica, sans-serif" rows="' + alto + '" cols="' + ancho + '">' + imagenes2[2] + '</textarea>')  
  write('</form>')
  }
}

//Ocultar Texto en Noticias "Leer Mas..."
function cambiar(contenido) {
    vista = document.getElementById(contenido).style.display;
    if (vista == 'none')
        vista = 'block';
    else
        vista = 'none';

    document.getElementById(contenido).style.display = vista;
}