var wdmax=190;          //set maximum width of square image (px)
var wdmin=0;            //set minimum thickness of edge-on image (px)
var inc=5;              //set step change in px (wdmax-wdmin must be a multiple) )These two variables
var rate = 25;          //pause between steps (in millisec)                      )determine flip-flop speed
var pause = 200;       //pause between flip and flop (in millisec)
var pause2 = 8000;
var ff="flip";          //initialise whether movement starts with a "flip" (sideways) or "flop" (vertical) change.
function flipflop() {
 if (ff=="flip") {
  var wd = document.getElementById("pic").getAttribute("width");
  wd = wd - inc;
  document.getElementById("pic").setAttribute("width",wd);
  if (wd==wdmin) {
   document.getElementById("pic").setAttribute("src","images/SML_smiley_190.gif");
   inc=-inc;
   }
  if (wd==wdmax) {
   ff="flop";
   inc=-inc;
   setTimeout("flipflop()",pause);
   }
   else {
   setTimeout("flipflop()",rate);
   }
  }
 else {
  var wd = document.getElementById("pic").getAttribute("width");
  wd = wd - inc;
  document.getElementById("pic").setAttribute("width",wd);
  if (wd==wdmin) {
   document.getElementById("pic").setAttribute("src","images/SML_logo_01.gif");
   inc=-inc;
   } 
  if (wd==wdmax) {
   ff="flip";
   inc=-inc;
   setTimeout("flipflop()",pause2);
   }
   else {
   setTimeout("flipflop()",rate);
   }
  }
}