1. One - that you can do away with larger Animated .GIF files. (A decent animated bar would not be less than 3~4 KBs)
2. If you are "borrowing" an image, then you are limited by the width of the bar that the creator of the GIF file had set it to. As more & more people are setting their Web Pages to higher width, a standard (max) 600 width bar, at times, looks rather odd on the page. This script, lets you choose the length of the animation using a reasonably small graphic that you may have collected from one of the Freebie sites.

• This page is within a table - width of which has been set to 610 pixels. (You can set yours to whatever width you want - that will not affect the script). What I did want, was for the Image to scroll over the full length - that is, end at 10 position on left (that the position from where the TABLE starts - leaving 10 pixels left margin by default), starting at 610 at right.
• Accordingly, in the Script, I set the left margin to 10 while the starting point was set at 475 through this statement:
  if (parseInt(anim.left) < 10)
  { anim.left =475 }
  
• You may wonder WHY 475? Well, if I place the right edge of a 125 pixels wide GIF Image, the left edge of it will be at 610 (10 + 475 + 125), correct? So, it then covers the full width of the table.
• Again, you can decide what should be the scrolling length - the left position can even be a negative value. For instance, in this script if you change the left position to "-125", the Graphic will scroll to that position - hiding it completely from view for a moment.
• Likewise, the right position can also changed.
• Then, I have set the STEP of the scroll to 5. Choice is yours!
• To ensure that any text below this DIVIDER does not overwrite the divider itself, I have inserted a clear image here, which gets written only if the viewer is using a Fourth Generation or higher browser. This is how that is done:

  <script language="javascript">
  <!-- use this as the spacer
  if(ns4||ie4){
  document.writeln('<img src="witchspacer.gif" width=20 height=50 border=0>')
  }
  //-->
  </script>
  
  You can, however, insert this space by using multiple <BR> tags instead.

• Finally, remember to specify the Font Size & Font Family within the Style Sheets as I have done at "#explain". This is to ensure none of you visitor can alter the body page size - thus ensuring the text height above the Divider will remain firm.

By the way, I have named this "document" - broom.

Just a point to remember - On older browsers, the image will NOT animate - it will appear as a still graphic at a position as per the flow of the document.