<html>

<head>

<title>PushButton SlideShow</title>

<!-- 
Set up the caption font in the following style.
Also set the styles for the controls.
Place the style script in the head of the page.
//-->

<style>
.Caption {
font-family: verdana;
font-weight: normal;
font-size:  8pt;
color:      #FF3300; }

A.Controls:link    { color:#666666;
                     text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none; 
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:active  { color:#666666; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:hover   { color:#00FF00; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }

</style>

<!-- 
Place the following script in the head of the page.
Follow the set-up instructions within the script.
//-->

<script>

// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 3000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 2;

var Picture = new Array(); // don't change this
var showHot = false;       // don't change this

// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!

Picture[1]  = 'imagenes/20_callejas0002.jpg';
Picture[2]  = 'imagenes/20_callejas0003.jpg';
Picture[3]  = 'imagenes/20_callejas0004.jpg';
Picture[4]  = 'imagenes/20_callejas0005.jpg';
Picture[5]  = 'imagenes/20_callejas0006.jpg';
Picture[6]  = 'imagenes/20_callejas0001.jpg';

var tss;
var iss;
var jss = 0;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function control(how){
if (showHot){
if (how=="H") jss = 1;
if (how=="F") jss = jss + 1;
if (how=="B") jss = jss - 1;
if (jss > (pss)) jss=1;
if (jss < 1) jss = pss;
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}}

</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<!--
Add onload='showHot=true;' to the body tag.  This is
needed to prevent false object calls while the page
is loading. Optional: If you are using this in a
popup, as in this demo, adding self.focus() to the
onload event in the body tag will bring the popup
to the front each time it is loaded [recommended]. 
//-->

<body link="#FF0000" vlink="#FF0000" alink="#FF0000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="2" onload='showHot=true;self.focus();'>
<!--
The following table holds the images, captions, and controls.
Place the table in your page where you want the slideshow
to appear.  Follow the instructions for each table cell.
//-->
<div align="center">
  <center>

    <table width="400" height="0" border=0 cellpadding=2 cellspacing=0>
      <tr bgcolor="#000000"> 
        <td colspan="2"> 
          <div align="center"><strong><font color="#FFFFCC" size="4" face="Verdana, Arial, Helvetica, sans-serif">Graffitis</font></strong></div></td>
      </tr>
      <tr> 
        <!--
    The next table cell holds the images.
    Set cell and image width and height the same.
    The img src must have name=PictureBox in its
    tag.  Often, the first image in the Picture
    array in the script is used here; but you
    may also use a different, introductory image
    as we have here, since this image is shown
    only on start-up.
    //-->
        <td colspan="2">
<div align="justify"><font size="2" face="Arial, Helvetica, sans-serif">En varios 
            puntos de la capital hondure&ntilde;a aparecieron letreros relacionados 
            con la revocatoria de la visa al ex presidente Rafael Leonardo Callejas. 
            El ex dignatario vincul&oacute; la cancelaci&oacute;n de su permiso 
            para ingresar a los Estados Unidos con las &uacute;ltimas pol&iacute;ticas 
            del Estado hondure&ntilde;o y dijo estar a favor de la licitaci&oacute;n 
            de combustibles que impulsa el gobierno de Manuel Zelaya.</font></div></td>
      </tr>
      <tr> 
        <td colspan="2" align="center"><img src="imagenes/20_callejas0002.jpg" name=PictureBox width="400" height="300"></td>
      </tr>
      <tr> 
        <td align="center"> <div align="right"><a class=Controls href="#" onClick="javascript:control('B');"><img src="../01/imagenes/11_left.jpg" width="17" height="11" border="0"></a><a class=Controls href="#" onClick="javascript:control('F');">&nbsp;&nbsp;&nbsp;</a><a class=Controls href="#" onClick="javascript:control('F');"><b></b></a><a class=Controls href="#" onClick="javascript:control('F');"><b></b></a> 
          </div></td>
        <td align="center"> <div align="left"><a class=Controls href="#" onClick="javascript:control('F');">&nbsp;&nbsp;&nbsp;<img src="../01/imagenes/11_right.jpg" width="17" height="11" border="0"></a> 
          </div></td>
      </tr>
    </table>

  </center>
</div>

</body>

</html>