<HTML>
<HEAD><TITLE>Layers</TITLE>
<SCRIPT LANGUAGE = "JavaScript">

pi = Math.PI;      // get pi
inc = pi / 45; // degrees per rotation cycle
r = 90;           // radius
xoff = 180;        // x offset
yoff = 170;        // y offset
var pos = new Array(4);
pos[0] = 0;
    for (i = 1; i < pos.length; i++) {
    pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / pos.length));
    }
diff = 0;          // difference for clipping
function wipeNumbers() {
mask.visibility = "show";
mask.clip.bottom += 10;
    if (mask.clip.bottom < 430) setTimeout('wipeNumbers()', 25);
    else window.close();
}
function enterNumbers() {
mask.clip.bottom -= 10;
    if (mask.clip.bottom > 0) setTimeout('enterNumbers()', 25);
    else {
    mask.clip.bottom = 0;
    expandNumbers();
    }    
}
function rotateNumbers() {
    for (i = 0; i < pos.length; i++) {
    pos[i] += inc;
    lyr[i].moveTo((r * Math.cos(pos[i])) + xoff, (r * Math.sin(pos[i])) + yoff);
    }
    if (pos[0] > 2 * pi) setTimeout('wipeNumbers()', 500);
    else setTimeout ("rotateNumbers()", 75);
}
function expandNumbers() {
    for (i = 0; i < pos.length; i++) {
    r++;
    lyr[i].moveTo((r * Math.cos(pos[i])) + xoff, (r * Math.sin(pos[i])) + yoff);
    }
    if (r >= 160) setTimeout('rotateNumbers()', 500);
    else setTimeout ("expandNumbers()", 75);
}
function next() {
mask.visibility= "show";
lfull.visibility = "hide";
center.visibility = "show";
    for (i = 0; i < 4; i++) {
    lyr[i].moveTo((r * Math.cos(pos[i])) + xoff, (r * Math.sin(pos[i])) + yoff);
    lyr[i].moveAbove(center);
    lyr[i].visibility = "show";
    }
mask.clip.bottom = 430;
enterNumbers();
}
function wipeSplash() {
diff += 10;
lfull.clip.left = diff;
lfull.clip.right = 220 - diff;
    if (diff < 110) setTimeout('wipeSplash()', 50);
    else setTimeout('next()', 500);
}
function enterSplash() {
lleft.offset(0,20);
lright.offset(0,-20);
    if (lleft.top < 140) setTimeout('enterSplash()', 50);
    else {
    lfull.moveTo(130, 140);     
    lleft.visibility = "hide";
    lright.visibility = "hide";
    setTimeout('wipeSplash()', 1500);
    }
}
function init() {
lyr = new Array();
    for (i = 0; i < 4; i++) {
    lyr[i] = document.layers["n" + (i + 1)];
    }
center = document.layers["center"];
mask = document.layers["mask"];
lleft = document.layers["lleft"];
lright = document.layers["lright"];
lfull = document.layers["lfull"];
//lfull.visibility = "hide";
lleft.visibility = "show";
lright.visibility = "show";
enterSplash();
}

</SCRIPT>
</HEAD>
<BODY BGCOLOR = "#FFFFFF" onLoad = "init()"> 
<LAYER VISIBILITY = HIDE TOP = 215 LEFT = 230 NAME = "n1">
<IMG HEIGHT = 72 WIDTH = 65 SRC = "1.gif">
</LAYER>
<LAYER VISIBILITY = HIDE TOP = 215 LEFT = 230 NAME = "n2">
<IMG HEIGHT = 80 WIDTH = 71 SRC = "2.gif">
</LAYER>
<LAYER VISIBILITY = HIDE TOP = 215 LEFT = 230 NAME = "n3">
<IMG HEIGHT = 72 WIDTH = 77 SRC = "3.gif">
</LAYER>
<LAYER VISIBILITY = HIDE TOP = 215 LEFT = 230 NAME = "n4">
<IMG HEIGHT = 69 WIDTH = 80 SRC = "4.gif">
</LAYER>
<LAYER VISIBILITY = HIDE TOP = 170 LEFT = 145 NAME = "center">
<IMG HEIGHT = 61 WIDTH = 142 SRC = "center.gif">
</LAYER>
<LAYER VISIBILITY = HIDE TOP = -140 LEFT = 130 NAME = "lleft">
<IMG HEIGHT = 149 WIDTH = 137 SRC = "left_layers.gif">
</LAYER>
<LAYER VISIBILITY = HIDE TOP = 420 LEFT = 267 NAME = "lright">
<IMG HEIGHT = 149 WIDTH = 86 SRC = "right_layers.gif">
</LAYER>
<LAYER VISIBILITY = SHOW TOP = -148 LEFT = 0 NAME = "lfull">
<IMG HEIGHT = 149 WIDTH = 223 SRC = "static_layers.gif">
</LAYER>
<LAYER VISIBILITY = HIDE BGCOLOR = "#FFFFFF" Z-INDEX = 5 TOP = 0 LEFT = 0 NAME = "mask">
<SPACER TYPE = HORIZONTAL SIZE = 430>
<SPACER TYPE = VERTICAL SIZE = 480>
&nbsp;
</LAYER>
</BODY>
</HTML>