Diseño Web Profesional - Tutor de Formularios - Código para la Opción variable

Tutor de Formularios - Código para la Opción variable

<HTML>
<HEAD>
<TITLE></TITLE>

<SCRIPT language="JavaScript"><!--

var flashindex = 0;
var flashdir = "down";

if (document.images)
{
   smiley_Jose    =  new Image(64,64); smiley_Jose.src = "images/smiley_Jose.gif";
   smiley_Miguel  =  new Image(64,64); smiley_Miguel.src = "images/smiley_Miguel.gif";
   smiley_Mariano =  new Image(64,64); smiley_Mariano.src = "images/smiley_Mariano.gif";
   smiley_Manuel  =  new Image(64,64); smiley_Manuel.src = "images/smiley_Manuel.gif";

   flashpics = new Array(4);
   flashpics[0] = "smiley_Jose";
   flashpics[1] = "smiley_Miguel";
   flashpics[2] = "smiley_Mariano";
   flashpics[3] = "smiley_Manuel";
}

function hiLite(imgObjName)
{
   if (document.images)
   {
      document.images['flashpic'].src = eval(flashpics[imgObjName] + ".src");
   }
}


function FlashSelect()
{
   window.document.flashform.flashfriend[flashindex].selected = true;
   hiLite(flashindex);
   setTimeout('FlashSelect2()',500);
}

function FlashSelect2()
{
   if (flashdir == "down")
   {
      flashindex++;
      if (flashindex == 4)
      {
         flashindex = 2;
         flashdir = "up";
      }
      FlashSelect();
   }
   else
   {
      flashindex--;
      if (flashindex == -1)
      {
         flashindex = 1;
         flashdir = "down";
      }
      FlashSelect();
   }
}

//--></SCRIPT>

</HEAD>
<BODY BGCOLOR="#FFFFFF" onLoad="FlashSelect()">

<FORM NAME="flashform">
<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=150><TR><TD>
<SELECT NAME="flashfriend" SIZE=4>
<OPTION VALUE="JOSE">Jose
<OPTION VALUE="MIGUEL">Miguel
<OPTION VALUE="MARIANO">Mariano
<OPTION VALUE="MANUEL">Manuel
</SELECT>
</TD><TD ALIGN="right">
<IMG SRC="images/smiley_Jose.gif" WIDTH="64" HEIGHT="64" BORDER="0" NAME="flashpic" ALT="">
</TD></TR></TABLE>
</FORM>

</BODY>
</HTML>