//
// Then, call function "Glide" while passing the layer name as a string, its start position
// in pixels as an integer, the move-increment amount in pixels as an integer (which can be
// positive or negative), and the direction in which to glide (either "V" vertical or "H"
// horizontal).
//
// For example: Glide('layerone',-40,10,'V') *-or-* Glide('layertwo',800,-30,'H')
// In the 1st example, object "layerone" starts at point -40 (outside of view area), and
// glides down (+) vertically 10 pixels until reaching it's home-position of 340 (as
// defined by the DIV statement's "top" value).
// In the 2nd example, object "layertwo" starts at point 800, and glides left (-)
// horizontally 30 pixels until reaching it's home position of 10 (as defined by the DIV
// statement's "left" value).
//
// Note that, if multiple "Glide" functions are invoked back to back, they will typically
// run *-before-* their associated interval operation "GlideNow" occurs (due to Threading).
// So it is necessary for this function to initially store the requested layer's name,
// move-direction and interval-ID (assigned when "window.setInterval" is invoked).
// Also stored is the layer's home position ("offsetTop" or "offsetLeft") because, once
// the object is moved, the home-position value changes with it.
//
// Also note, when multiple objects are being moved, the "GlideNow" interval event is running
// for each object, and in no particular order. For example, if 3 objects are being
// simutaneously moved, the interval event might be called for object 1, then 2, then 3,
// then 2 .. 1 .. 2 .. 3 .. 2 .. 3 .. until all home positions are reached.
A { font-weight: bold; color: green; }
A:link { color: blue; }
A:visited { color: gold; }
A:active { color: red; }
A:hover { color: gold; }
// This section defines the various layers by name.
// "DIV#" is a standard prefix when defining this CSS setting. The rest of the layer name
// directly corresponds to the HTML layer name (see "DIV ID=").
// I've stated that I want the layers positioned absolute; in this case, relative to BODY.
// I've also stated that I want the layers HIDDEN until this script and its images are loaded.
// The TOP and LEFT properties (integer) define the final resting point for the layer.
// The Z-INDEX property (integer) defines the stacking order; normally bottom-to-top in the
// order that they appear in the HTML source. Positive z-index values are positioned above
// a negative (or lesser value) z-index. Two elements with the same z-index are stacked
// according to HTML source order.
DIV#LYROne { position:absolute; visibility:hidden; top:50; left:80; z-index:5; }
DIV#LYRTwo { position:absolute; visibility:hidden; top:55; left:375; z-index:4; }
DIV#LYRThree { position:absolute; visibility:hidden; top:105; left:125; z-index:3; }
DIV#LYRFour { position:absolute; visibility:hidden; top:140; left:501; z-index:4; }
DIV#LYRFive { position:absolute; visibility:hidden; top:375; left:241; z-index:1; }
DIV#LYRSix { position:absolute; visibility:hidden; top:208; left:170; z-index:3; }
DIV#LYRSeven { position:absolute; visibility:hidden; top:300; left:60; z-index:4; }
DIV#LYREight { position:absolute; visibility:hidden; top:290; left:445; z-index:5; }
DIV#LYRNine { position:absolute; visibility:hidden; top:218; left:90; z-index:6; }
DIV#LYRTen { position:absolute; visibility:hidden; top:10; left:250; z-index:4; }
// decloak -->
2
JSS Rules!!! 3
4
5
6
7
9
Look mom, I'm writing dynamic scripts for The Javascript Source!!!! 10