var number = 4;
   var at = 1;
   var timeout = 1000; // check to rotate every second
   var enabled = 1;
   var datetime = (new Date()).getTime() + 5000; // date n-seconds from now.
   var pics = "pics/";

   function pause(){
      if(enabled == 1){
	 enabled = 0;
	 document.getElementById('Pause1').src = pics+'dcc_play.gif';
	 document.getElementById('Pause2').src = pics+'dcc_play.gif';
	 document.getElementById('Pause3').src = pics+'dcc_play.gif';
      } else {
	 enabled = 1;
	 document.getElementById('Pause1').src = pics+'dcc_pause.gif';
	 document.getElementById('Pause2').src = pics+'dcc_pause.gif';
	 document.getElementById('Pause3').src = pics+'dcc_pause.gif';
      }
   }

   function prev(){
      if( at == 1 || !document.getElementById('rot_hl_' + (at - 1))){
         at = number;
      } else {
         at = at - 1;
      }
      for( i=1; i<= number; i++){
         if(!document.getElementById('rot_hl_'+i)){
	    continue;
         }
         if( i == at){
	    disp = 'block';
         } else {
	    disp = 'none';
         }
         document.getElementById('rot_hl_'+i).style.display = disp;
      }
      datetime = (new Date()).getTime() + 5000; // date n-seconds from now.
   }
   function next(){
      if( at == number || !document.getElementById('rot_hl_'+(at + 1))){
         at = 1;
      } else {
         at = at + 1;
      }
      for( i=1; i<= number; i++){
         if(!document.getElementById('rot_hl_'+i)){
	    continue;
         }

         if( i == at){
	    disp = 'block';
         } else {
	    disp = 'none';
         }
         document.getElementById('rot_hl_'+i).style.display = disp;
      }

      datetime = (new Date()).getTime()+5000; // date 9 seconds from now.
   }

   function rotate() {
      if(enabled == 1 && (new Date().getTime()) > datetime){
         next();
      }
      setTimeout('rotate();', timeout);
   }

   setTimeout('rotate();', timeout);