document.write('
');
document.write('![]() '); document.write(''); /****************************************************************************** * dhtmllib.js * * * * Copyright 1999 by Mike Hall. * Visit http://www.dynamicdrive.com for full script * * Last update: July 21st, '02 by Dynamic Drive for NS6 functionality. * * * * Provides basic functions for DHTML positioned elements which will work on * * both Netscape Communicator and Internet Explorer browsers (version 4.0 and * * up). * ******************************************************************************/ // Determine browser. var isMinNS4 = document.layers var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1 var dom=document.getElementById&&!ie&&navigator.userAgent.indexOf("Opera")==-1 //----------------------------------------------------------------------------- // Layer visibility. //----------------------------------------------------------------------------- function hideLayer(layer) { if (isMinNS4) layer.visibility = "hide"; if (ie||dom) layer.style.visibility = "hidden"; } function showLayer(layer) { if (isMinNS4) layer.visibility = "show"; if (ie||dom) layer.style.visibility = "visible"; } function inheritLayer(layer) { if (isMinNS4) layer.visibility = "inherit"; if (ie||dom) layer.style.visibility = "inherit"; } function getVisibility(layer) { if (isMinNS4) { if (layer.visibility == "show") return "visible"; if (layer.visibility == "hide") return "hidden"; return layer.visibility; } if (ie||dom) return layer.style.visibility; return ""; } function isVisible(layer) { if (isMinNS4 && layer.visibility == "show") return(true); if (ie||dom && layer.style.visibility == "visible") return(true); return(false); } //----------------------------------------------------------------------------- // Layer positioning. //----------------------------------------------------------------------------- function moveLayerTo(layer, x, y) { if (isMinNS4) layer.moveTo(x, y); if (ie||dom) { layer.style.left = x; layer.style.top = y; } } function moveLayerBy(layer, dx, dy) { if (isMinNS4) layer.moveBy(dx, dy); if (ie||dom) { layer.style.left= parseInt(layer.style.left)+dx; layer.style.top= parseInt(layer.style.top)+dy; } } function getLeft(layer) { if (isMinNS4) return(layer.left); if (ie||dom) return(parseInt(layer.style.left)); return(-1); } function getTop(layer) { if (isMinNS4) return(layer.top); if (ie||dom) return(parseInt(layer.style.top)); return(-1); } function getRight(layer) { if (isMinNS4) return(layer.left + getWidth(layer)); if (ie||dom) return(parseInt(layer.style.left) + getWidth(layer)); return(-1); } function getBottom(layer) { if (isMinNS4) return(layer.top + getHeight(layer)); else if (ie||dom) return(parseInt(layer.style.top) + getHeight(layer)); return(-1); } function getPageLeft(layer) { if (isMinNS4) return(layer.pageX); if (ie||dom) return(layer.offsetLeft); return(-1); } function getPageTop(layer) { if (isMinNS4) return(layer.pageY); if (ie||dom) return(layer.offsetTop); return(-1); } function getWidth(layer) { if (isMinNS4) { if (layer.document.width) return(layer.document.width); else return(layer.clip.right - layer.clip.left); } if (ie||dom) { if (layer.style.width) return(layer.style.width); else return(layer.offsetWidth); } return(-1); } function getHeight(layer) { if (isMinNS4) { if (layer.document.height) return(layer.document.height); else return(layer.clip.bottom - layer.clip.top); } if (ie||dom) { if (false && layer.style.height) return(layer.style.height); else return(layer.offsetHeight); } return(-1); } function getzIndex(layer) { if (isMinNS4) return(layer.zIndex); if (ie||dom) return(layer.style.zIndex); return(-1); } function setzIndex(layer, z) { if (isMinNS4) layer.zIndex = z; if (ie||dom) layer.style.zIndex = z; } //----------------------------------------------------------------------------- // Layer clipping. //----------------------------------------------------------------------------- function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) { if (isMinNS4) { layer.clip.left = clipleft; layer.clip.top = cliptop; layer.clip.right = clipright; layer.clip.bottom = clipbottom; } if (ie||dom) layer.style.clip = 'rect(' + cliptop + ' ' + clipright + ' ' + clipbottom + ' ' + clipleft +')'; } function getClipLeft(layer) { if (isMinNS4) return(layer.clip.left); if (ie||dom) { var str = layer.style.clip; if (!str) return(0); var clip = getIEClipValues(layer.style.clip); return(clip[3]); } return(-1); } function getClipTop(layer) { if (isMinNS4) return(layer.clip.top); if (ie||dom) { var str = layer.style.clip; if (!str) return(0); var clip = getIEClipValues(layer.style.clip); return(clip[0]); } return(-1); } function getClipRight(layer) { if (isMinNS4) return(layer.clip.right); if (ie||dom) { var str = layer.style.clip; if (!str) return(layer.style.width); var clip = getIEClipValues(layer.style.clip); return(clip[1]); } return(-1); } function getClipBottom(layer) { if (isMinNS4) return(layer.clip.bottom); if (ie||dom) { var str = layer.style.clip; if (!str) return(layer.style.height); var clip = getIEClipValues(layer.style.clip); return(clip[2]); } return(-1); } function getClipWidth(layer) { if (isMinNS4) return(layer.clip.width); if (ie||dom) { var str = layer.style.clip; if (!str) return(layer.style.width); var clip = getIEClipValues(layer.style.clip); return(clip[1] - clip[3]); } return(-1); } function getClipHeight(layer) { if (isMinNS4) return(layer.clip.height); if (ie||dom) { var str = layer.style.clip; if (!str) return(layer.style.height); var clip = getIEClipValues(layer.style.clip); return(clip[2] - clip[0]); } return(-1); } function getIEClipValues(str) { var clip = new Array(); var i; // Parse out the clipping values for IE layers. i = str.indexOf("("); clip[0] = parseInt(str.substring(i + 1, str.length), 10); i = str.indexOf(" ", i + 1); clip[1] = parseInt(str.substring(i + 1, str.length), 10); i = str.indexOf(" ", i + 1); clip[2] = parseInt(str.substring(i + 1, str.length), 10); i = str.indexOf(" ", i + 1); clip[3] = parseInt(str.substring(i + 1, str.length), 10); return(clip); } //----------------------------------------------------------------------------- // Layer scrolling. //----------------------------------------------------------------------------- function scrollLayerTo(layer, x, y, bound) { var dx = getClipLeft(layer) - x; var dy = getClipTop(layer) - y; scrollLayerBy(layer, -dx, -dy, bound); } function scrollLayerBy(layer, dx, dy, bound) { var cl = getClipLeft(layer); var ct = getClipTop(layer); var cr = getClipRight(layer); var cb = getClipBottom(layer); if (bound) { if (cl + dx < 0) dx = -cl; else if (cr + dx > getWidth(layer)) dx = getWidth(layer) - cr; if (ct + dy < 0) dy = -ct; else if (cb + dy > getHeight(layer)) dy = getHeight(layer) - cb; } clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy); moveLayerBy(layer, -dx, -dy); } //----------------------------------------------------------------------------- // Layer background. //----------------------------------------------------------------------------- function setBgColor(layer, color) { if (isMinNS4) layer.bgColor = color; if (ie||dom) layer.style.backgroundColor = color; } function setBgImage(layer, src) { if (isMinNS4) layer.background.src = src; if (ie||dom) layer.style.backgroundImage = "url(" + src + ")"; } //----------------------------------------------------------------------------- // Layer utilities. //----------------------------------------------------------------------------- function getLayer(name) { if (isMinNS4) return findLayer(name, document); if (ie) return eval('document.all.' + name); if (dom) return document.getElementById(name); return null; } function findLayer(name, doc) { var i, layer; for (i = 0; i < doc.layers.length; i++) { layer = doc.layers[i]; if (layer.name == name) return layer; if (layer.document.layers.length > 0) { layer = findLayer(name, layer.document); if (layer != null) return layer; } } return null; } //----------------------------------------------------------------------------- // Window and page properties. //----------------------------------------------------------------------------- function getWindowWidth() { if (isMinNS4||dom) return(window.innerWidth); if (ie) return(document.body.clientWidth); return(-1); } function getWindowHeight() { if (isMinNS4||dom) return(window.innerHeight); if (ie) return(document.body.clientHeight); return(-1); } function getPageWidth() { if (isMinNS4||dom) return(document.width); if (ie) return(document.body.scrollWidth); return(-1); } function getPageHeight() { if (isMinNS4||dom) return(document.height); if (ie) return(document.body.scrollHeight); return(-1); } function getPageScrollX() { if (isMinNS4||dom) return(window.pageXOffset); if (ie) return(document.body.scrollLeft); return(-1); } function getPageScrollY() { if (isMinNS4||dom) return(window.pageYOffset); if (ie) return(document.body.scrollTop); return(-1); } /****************************************************************************** * scroller.js * * * * Copyright 1999 by Mike Hall. * * Visit http://www.dynamicdrive.com * * Last update: July 21st, '02 by Dynamic Drive for NS6 functionality. * * * * Allows you to create scrolling displays on a page. Multiple scrollers can * * be defined, each with it's own parameters and list of items. Item text can * * include basic HTML tags, including links and images. * * Note: requires dhtmllib.js. * ******************************************************************************/ //***************************************************************************** // Scroller constructor. //***************************************************************************** function Scroller(x, y, width, height, border, padding) { this.x = x; this.y = y; this.width = width; this.height = height; this.border = border; this.padding = padding; this.items = new Array(); this.created = false; // Set default colors. this.fgColor = "#000000"; this.bgColor = "#ffffff"; this.bdColor = "#000000"; // Set default font. this.fontFace = "Arial,Helvetica"; this.fontSize = "2"; // Set default scroll timing values. this.speed = 50; this.pauseTime = 2000; // Define methods. this.setColors = scrollerSetColors; this.setFont = scrollerSetFont; this.setSpeed = scrollerSetSpeed; this.setPause = scrollersetPause; this.addItem = scrollerAddItem; this.create = scrollerCreate; this.show = scrollerShow; this.hide = scrollerHide; this.moveTo = scrollerMoveTo; this.moveBy = scrollerMoveBy; this.getzIndex = scrollerGetzIndex; this.setzIndex = scrollerSetzIndex; this.stop = scrollerStop; this.start = scrollerStart; } //***************************************************************************** // Scroller methods. //***************************************************************************** function scrollerSetColors(fgcolor, bgcolor, bdcolor) { if (this.created) { alert("Scroller Error: Scroller has already been created."); return; } this.fgColor = fgcolor; this.bgColor = bgcolor; this.bdColor = bdcolor; } function scrollerSetFont(face, size) { if (this.created) { alert("Scroller Error: Scroller has already been created."); return; } this.fontFace = face; this.fontSize = size; } function scrollerSetSpeed(pps) { if (this.created) { alert("Scroller Error: Scroller has already been created."); return; } this.speed = pps; } function scrollersetPause(ms) { if (this.created) { alert("Scroller Error: Scroller has already been created."); return; } this.pauseTime = ms; } function scrollerAddItem(str) { if (this.created) { alert("Scroller Error: Scroller has already been created."); return; } this.items[this.items.length] = str; } function scrollerCreate() { var start, end; var str; var i, j; var x, y; if (!isMinNS4 && !ie && !dom) return; // On first scroller, start interval timer. if (scrollerList.length == 0) setInterval('scrollerGo()', scrollerInterval); // Create the scroller only once. if (this.created) { alert("Scroller Error: Scroller has already been created."); return; } this.created = true; // Copy first item to the end of the list, this lets us scroll from the last // defined item to the first without jumping. this.items[this.items.length] = this.items[0]; // Set up HTML code for item text. start = '
\n'
+ ' \n';
// Insert HTML code at end of page. For IE4, need to scroll window to
// end of page, insert and scroll back to correct bug.
if (!(ie&&window.print)) {
x = getPageScrollX();
y = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (ie)
document.all.tempholder.innerHTML=str
else if (dom)
document.getElementById("tempholder").innerHTML=str
//EDIT HERE//////////////////////////////////////////////////////////////////////////////
if (!(ie&&window.print))
window.scrollTo(x, y);
// Get handles to each layer.
this.baseLayer = getLayer("scroller" + i + "_baseLayer");
this.scrollLayer = getLayer("scroller" + i + "_scrollLayer");
this.itemLayers = new Array();
for (j = 0; j < this.items.length; j++)
this.itemLayers[j] = getLayer("scroller" + i + "_itemLayers" + j);
}
// Position and clip base and scroll layers.
moveLayerTo(this.baseLayer, this.x, this.y);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
moveLayerTo(this.scrollLayer, this.border, this.border);
clipLayer(this.scrollLayer, 0, 0,
this.width - 2 * this.border, this.height - 2 * this.border);
// Position and clip each item layer.
x = 0;
y = 0;
for (i = 0; i < this.items.length; i++) {
moveLayerTo(this.itemLayers[i], x, y);
clipLayer(this.itemLayers[i], 0, 0, this.width, this.height);
y += this.height;
}
// Set up scrolling parameters.
this.stopped = false;
this.currentY = 0;
this.stepY = this.speed / (1000 / scrollerInterval);
this.stepY = Math.min(this.height, this.stepY);
this.nextY = this.height;
this.maxY = this.height * (this.items.length - 1);
this.paused = true;
this.counter = 0;
// Add to global list.
scrollerList[scrollerList.length] = this;
// Display it.
showLayer(this.baseLayer);
}
function scrollerShow() {
if (this.created)
showLayer(this.baseLayer);
}
function scrollerHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function scrollerMoveTo(x, y) {
if (this.created)
moveLayerTo(this.baseLayer, x, y);
}
function scrollerMoveBy(dx, dy) {
if (this.created)
moveLayerBy(this.baseLayer, dx, dy);
}
function scrollerGetzIndex() {
if (this.created)
return(getzIndex(this.baseLayer));
else
return(0);
}
function scrollerSetzIndex(z) {
if (this.created)
setzIndex(this.baseLayer, z);
}
function scrollerStart() {
this.stopped = false;
}
function scrollerStop() {
this.stopped = true;
}
//*****************************************************************************
// Code for scrolling.
//*****************************************************************************
// An array is used to hold a pointer to each scroller that is defined. The
// scrollerGo() function runs at regular intervals and updates each scroller
// in this list.
var scrollerList = new Array();
var scrollerInterval = 20;
function scrollerGo() {
var i;
// Update each scroller object in the list.
for (i = 0; i < scrollerList.length; i++) {
// If stopped, skip.
if (scrollerList[i].stopped);
// If paused, update counter.
else if (scrollerList[i].paused) {
scrollerList[i].counter += scrollerInterval;
if (scrollerList[i].counter > scrollerList[i].pauseTime)
scrollerList[i].paused = false;
}
// Scroll it.
else {
scrollerList[i].currentY += scrollerList[i].stepY;
// Pause it if the next item has scrolled into view.
if (scrollerList[i].currentY >= scrollerList[i].nextY) {
scrollerList[i].paused = true;
scrollerList[i].counter = 0;
scrollerList[i].currentY = scrollerList[i].nextY;
scrollerList[i].nextY += scrollerList[i].height;
}
// When we reach the end, start over.
if (scrollerList[i].currentY >= scrollerList[i].maxY) {
scrollerList[i].currentY -= scrollerList[i].maxY;
scrollerList[i].nextY = scrollerList[i].height;
}
scrollLayerTo(scrollerList[i].scrollLayer,
0, Math.round(scrollerList[i].currentY),
false);
}
}
}
//*****************************************************************************
// Code to handle a window resize.
//*****************************************************************************
// These variables are used to determine if a resize event is a true one.
// Necessary due to a bug in older NS4 releases.
var origWidth;
var origHeight;
// Fix for resize bug.
if (isMinNS4) {
origWidth = window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = scrollerReload;
function scrollerReload() {
// Reload page in case of a browser resize. First make sure it's a true
// resize.
if (isMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
window.location.href = window.location.href;
}
//*****************************************************************************
// Scroller methods.
//*****************************************************************************
function scrollerSetColors(fgcolor, bgcolor, bdcolor) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.fgColor = fgcolor;
this.bgColor = bgcolor;
this.bdColor = bdcolor;
}
function scrollerSetFont(face, size) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.fontFace = face;
this.fontSize = size;
}
function scrollerSetSpeed(pps) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.speed = pps;
}
function scrollersetPause(ms) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.pauseTime = ms;
}
function scrollerAddItem(str) {
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.items[this.items.length] = str;
}
function scrollerCreate() {
var start, end;
var str;
var i, j;
var x, y;
if (!isMinNS4 && !ie && !dom)
return;
// On first scroller, start interval timer.
if (scrollerList.length == 0)
setInterval('scrollerGo()', scrollerInterval);
// Create the scroller only once.
if (this.created) {
alert("Scroller Error: Scroller has already been created.");
return;
}
this.created = true;
// Copy first item to the end of the list, this lets us scroll from the last
// defined item to the first without jumping.
this.items[this.items.length] = this.items[0];
// Set up HTML code for item text.
start = '\n';
for (j = 0; j < this.items.length; j++) {
str += ' \n'
+ '\n'
+ start + this.items[j] + end
+ ' \n';
}
str += '
\n'
+ ' \n';
// Insert HTML code at end of page. For IE4, need to scroll window to
// end of page, insert and scroll back to correct bug.
if (!(ie&&window.print)) {
x = getPageScrollX();
y = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (ie)
document.all.tempholder.innerHTML=str
else if (dom)
document.getElementById("tempholder").innerHTML=str
//EDIT HERE//////////////////////////////////////////////////////////////////////////////
if (!(ie&&window.print))
window.scrollTo(x, y);
// Get handles to each layer.
this.baseLayer = getLayer("scroller" + i + "_baseLayer");
this.scrollLayer = getLayer("scroller" + i + "_scrollLayer");
this.itemLayers = new Array();
for (j = 0; j < this.items.length; j++)
this.itemLayers[j] = getLayer("scroller" + i + "_itemLayers" + j);
}
// Position and clip base and scroll layers.
moveLayerTo(this.baseLayer, this.x, this.y);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
moveLayerTo(this.scrollLayer, this.border, this.border);
clipLayer(this.scrollLayer, 0, 0,
this.width - 2 * this.border, this.height - 2 * this.border);
// Position and clip each item layer.
x = 0;
y = 0;
for (i = 0; i < this.items.length; i++) {
moveLayerTo(this.itemLayers[i], x, y);
clipLayer(this.itemLayers[i], 0, 0, this.width, this.height);
y += this.height;
}
// Set up scrolling parameters.
this.stopped = false;
this.currentY = 0;
this.stepY = this.speed / (1000 / scrollerInterval);
this.stepY = Math.min(this.height, this.stepY);
this.nextY = this.height;
this.maxY = this.height * (this.items.length - 1);
this.paused = true;
this.counter = 0;
// Add to global list.
scrollerList[scrollerList.length] = this;
// Display it.
showLayer(this.baseLayer);
}
function scrollerShow() {
if (this.created)
showLayer(this.baseLayer);
}
function scrollerHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function scrollerMoveTo(x, y) {
if (this.created)
moveLayerTo(this.baseLayer, x, y);
}
function scrollerMoveBy(dx, dy) {
if (this.created)
moveLayerBy(this.baseLayer, dx, dy);
}
function scrollerGetzIndex() {
if (this.created)
return(getzIndex(this.baseLayer));
else
return(0);
}
function scrollerSetzIndex(z) {
if (this.created)
setzIndex(this.baseLayer, z);
}
function scrollerStart() {
this.stopped = false;
}
function scrollerStop() {
this.stopped = true;
}
//*****************************************************************************
// Code for scrolling.
//*****************************************************************************
// An array is used to hold a pointer to each scroller that is defined. The
// scrollerGo() function runs at regular intervals and updates each scroller
// in this list.
var scrollerList = new Array();
var scrollerInterval = 20;
function scrollerGo() {
var i;
// Update each scroller object in the list.
for (i = 0; i < scrollerList.length; i++) {
// If stopped, skip.
if (scrollerList[i].stopped);
// If paused, update counter.
else if (scrollerList[i].paused) {
scrollerList[i].counter += scrollerInterval;
if (scrollerList[i].counter > scrollerList[i].pauseTime)
scrollerList[i].paused = false;
}
// Scroll it.
else {
scrollerList[i].currentY += scrollerList[i].stepY;
// Pause it if the next item has scrolled into view.
if (scrollerList[i].currentY >= scrollerList[i].nextY) {
scrollerList[i].paused = true;
scrollerList[i].counter = 0;
scrollerList[i].currentY = scrollerList[i].nextY;
scrollerList[i].nextY += scrollerList[i].height;
}
// When we reach the end, start over.
if (scrollerList[i].currentY >= scrollerList[i].maxY) {
scrollerList[i].currentY -= scrollerList[i].maxY;
scrollerList[i].nextY = scrollerList[i].height;
}
scrollLayerTo(scrollerList[i].scrollLayer,
0, Math.round(scrollerList[i].currentY),
false);
}
}
}
//*****************************************************************************
// Code to handle a window resize.
//*****************************************************************************
// These variables are used to determine if a resize event is a true one.
// Necessary due to a bug in older NS4 releases.
var origWidth;
var origHeight;
// Fix for resize bug.
if (isMinNS4) {
origWidth = window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = scrollerReload;
function scrollerReload() {
// Reload page in case of a browser resize. First make sure it's a true
// resize.
if (isMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
window.location.href = window.location.href;
}
/*
Mike's DHTML scroller (By Mike Hall)
Last updated July 21st, 02' by Dynamic Drive for NS6 functionality
For this and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/
//SET SCROLLER APPEARANCE AND MESSAGES
var myScroller1 = new Scroller(0, 0, 128.25, 75, 0, 5);
myScroller1.setColors("#000000", "#ffffff", "#000000");
myScroller1.setFont("Arial,Verdana,Helvetica", 2);
myScroller1.setPause(500);
myScroller1.addItem(' ');
myScroller1.addItem(' ');
myScroller1.addItem(' ');
myScroller1.addItem(' ');
myScroller1.addItem(' ');
myScroller1.addItem(' ');
myScroller1.addItem(' ');
//SET SCROLLER PAUSE
function runmikescroll() {
var layer;
var mikex, mikey;
// Locate placeholder layer so we can use it to position the scrollers.
layer = getLayer("awscroller");
mikex = getPageLeft(layer);
mikey = getPageTop(layer);
// Create the first scroller and position it.
myScroller1.create();
myScroller1.hide();
myScroller1.moveTo(mikex, mikey);
myScroller1.setzIndex(100);
myScroller1.show();
}
window.onload=runmikescroll;
document.write('');document.write('\n';
for (j = 0; j < this.items.length; j++) {
str += ' \n'
+ '\n'
+ start + this.items[j] + end
+ ' \n';
}
str += ''); document.write(' |