/*
+-------------------------------------------------------------------+
| J S - T I C K E R (v1.5) |
| |
| Copyright Gerd Tentler www.gerd-tentler.de/tools |
| Created: Oct. 20, 2004 Last modified: Nov. 6, 2009 |
+-------------------------------------------------------------------+
| This program may be used and hosted free of charge by anyone for |
| personal purpose as long as this copyright notice remains intact. |
| |
| Obtain permission before selling the code for this program or |
| hosting this software on a commercial website or redistributing |
| this software over the Internet or in any other medium. In all |
| cases copyright must remain intact. |
+-------------------------------------------------------------------+
======================================================================================================
This script was tested with the following systems and browsers:
- Windows XP/Vista: IE 8, Opera 9, Firefox 3, Chrome 3
If you use another browser or system, this script may not work for you - sorry.
NOTE: IE 5 on Mac OS doesn't view elements (text etc.) below the ticker area properly; they will
appear underneath the ticker area instead.
======================================================================================================
*/
//---------------------------------------------------------------------------------------------------------
// Ticker entries
//---------------------------------------------------------------------------------------------------------
var tickerEntries = new Array(
"I got my frames last week! They look super! It was great working with you!",
"Service above and beyond my expectations. Great company!",
"Let me start by giving a huge high five to your shipping department, they totally rock! Excellent job on the wrapping and packaging, my order traveled close to 5000 miles and the mats are completely intact.",
"I have used Frame USA for about 3 years now and can't imagine looking elsewhere for the top quality products, the best prices around, and superior customer assistance that I find here. I confidently recommend Frame USA as the place to go for all framing needs.",
"You people sure can pack. Everything is perfect. I'm going to be one very busy but very happy lady.",
"Your web-site made it easy to order.",
"It's heartening to know that companies like yours still exist in America.",
"I want to thank you for your outstanding service.",
"I will order all my frames from you in the future and, will refer you to all my friends.",
"You're THE BOMB! and so is EVERYONE at Frame USA!",
"I am glad to have found a reliable place to order my frames from. I will definitely be a repeat customer.",
"The frame was PERFECT!!!!! We absolutely LOVE it! Thanks so much for your diligence.",
"I wanted to thank you for the great job on getting our frame and mat order out on time and in such excellent fashion. The ten large frames were exactly as specified and the mats are beautiful. Thanks again for fine products and excellent service!"
);
//---------------------------------------------------------------------------------------------------------
// Configuration
//---------------------------------------------------------------------------------------------------------
var tickerWidth = 795; // width (pixels)
var tickerMargin = 0; // margin (pixels)
var tickerDelay = 30; // scrolling delay (smaller = faster)
var tickerSpacer = " * "; // spacer between ticker entries
var tickerBGColor = "#E0F0FF"; // background color
var tickerHLColor = "#FFF0E0"; // hilight (mouse over) color
var tickerFont = "Courier New, Courier, Monospace"; // font family (CSS-spec)
var tickerFontSize = 16; // font size (pixels)
var tickerFontColor = "blue"; // font color
var tickerBorderWidth = 2; // border width (pixels)
var tickerBorderStyle = "groove"; // border style (CSS-spec)
var tickerBorderColor = "#FFFFFF"; // border color
//---------------------------------------------------------------------------------------------------------
// Functions
//---------------------------------------------------------------------------------------------------------
var DOM = document.getElementById;
var IE4 = document.all;
var tickerIV, tickerID;
var tickerItems = new Array();
var tickerHeight = tickerFontSize + 8;
function tickerGetObj(id) {
if(DOM) return document.getElementById(id);
else if(IE4) return document.all[id];
else return false;
}
function tickerObject(id) {
this.elem = tickerGetObj(id);
this.width = this.elem.offsetWidth;
this.x = tickerWidth;
this.css = this.elem.style;
this.css.width = this.width + 'px';
this.css.left = this.x + 'px';
this.move = false;
return this;
}
function tickerNext() {
if(!DOM && !IE4) return;
var obj = tickerItems[tickerID];
if(!obj.move) {
obj.x = tickerWidth;
obj.css.left = tickerWidth + 'px';
obj.move = true;
}
}
function tickerMove() {
if(!DOM && !IE4) return;
for(var i = 0; i < tickerItems.length; i++) {
if(tickerItems[i].move) {
if(tickerItems[i].x > -tickerItems[i].width) {
tickerItems[i].x -= 2;
tickerItems[i].css.left = tickerItems[i].x + 'px';
}
else tickerItems[i].move = false;
}
}
if(tickerItems[tickerID].x + tickerItems[tickerID].width <= tickerWidth) {
tickerID++;
if(tickerID >= tickerItems.length) tickerID = 0;
tickerNext();
}
}
function tickerStart(init) {
if(!DOM && !IE4) return;
if(tickerBGColor) {
var obj = tickerGetObj('divTicker');
obj.style.backgroundColor = tickerBGColor;
}
if(init) {
tickerID = 0;
tickerNext();
}
tickerIV = setInterval('tickerMove()', tickerDelay);
}
function tickerStop() {
if(!DOM && !IE4) return;
clearInterval(tickerIV);
if(tickerHLColor) {
var obj = tickerGetObj('divTicker');
obj.style.backgroundColor = tickerHLColor;
}
}
function tickerInit() {
if(!DOM && !IE4) return;
for(var i = 0; i < tickerEntries.length; i++) {
tickerItems[i] = new tickerObject('divTickerEntry' + (i+1));
}
var obj = tickerGetObj('divTicker');
obj.style.width = tickerWidth + 'px';
obj.style.visibility = 'visible';
tickerStart(true);
}
function tickerReload() {
if(!DOM && !IE4) return;
document.location.reload();
}
window.onresize = tickerReload;
window.onload = tickerInit;
//---------------------------------------------------------------------------------------------------------
// Build ticker
//---------------------------------------------------------------------------------------------------------
document.write('');
document.write('
' +
'
');
for(var i = 0; i < tickerEntries.length; i++) {
document.write('