﻿function addScrollers()
{
// code each scroller as follows:
// startScroll('id of scroller div','content of scroller');
startScroll('myscroller','<ul><li><img src="images\/BrandLogos\/asics.gif" \/><\/li><li><img src="images\/BrandLogos\/brooks.gif" \/><\/li><li><img src="images\/BrandLogos\/newbalance.gif" \/><\/li><li><img src="images\/BrandLogos\/nike.gif" \/><\/li><li><img src="images\/BrandLogos\/mizuno1.gif" \/><\/li><li><img src="images\/BrandLogos\/saucony.gif" \/><\/li><li><img src="images\/BrandLogos\/reef.gif" \/><\/li><li><img src="images\/BrandLogos\/ryka.gif" \/><\/li><li><img src="images\/BrandLogos\/MovingComfortLogo.gif" \/><\/li><li><img src="images\/BrandLogos\/enell.gif" \/><\/li><li><img src="images\/BrandLogos\/boa.gif" \/><\/li><li><img src="images\/BrandLogos\/soffe.gif" \/><\/li><li><img src="images\/BrandLogos\/pearl_logo.gif" \/><\/li><li><img src="images\/BrandLogos\/life-is-good.gif" \/><\/li><li><img src="images\/BrandLogos\/baysix2.gif" \/><\/li><li><img src="images\/BrandLogos\/speedo.gif" \/><\/li><li><img src="images\/BrandLogos\/powerstep.gif" \/><\/li><li><img src="images\/BrandLogos\/sole.gif" \/><\/li><li><img src="images\/BrandLogos\/superfeet.gif" \/><\/li><li><img src="images\/BrandLogos\/sorbothane.gif" \/><\/li><li><img src="images\/BrandLogos\/spenco.gif" \/><\/li><li><img src="images\/BrandLogos\/aetrex.gif" \/><\/li><li><img src="images\/BrandLogos\/Garmin.gif" \/><\/li><li><img src="images\/BrandLogos\/timex.gif" \/><\/li><li><img src="images\/BrandLogos\/thorlos.gif" \/><\/li><li><img src="images\/BrandLogos\/wrightsock.gif" \/><\/li><li><img src="images\/BrandLogos\/injinji.gif" \/><\/li><li><img src="images\/BrandLogos\/feetures.gif" \/><\/li><li><img src="images\/BrandLogos\/balega.gif" \/><\/li><li><img src="images\/BrandLogos\/wigwam.gif" \/><\/li><li><img src="images\/BrandLogos\/defeet.gif" \/><\/li><li><img src="images\/BrandLogos\/babyjogger.gif" \/><\/li><li><img src="images\/BrandLogos\/gusports.gif" \/><\/li><li><img src="images\/BrandLogos\/cranksports.gif" \/><\/li><li><img src="images\/BrandLogos\/nathan.gif" \/><\/li><li><img src="images\/BrandLogos\/amphipod.gif" \/><\/li><li><img src="images\/BrandLogos\/polar.gif" \/><\/li><li><img src="images\/BrandLogos\/bodyglide.gif" \/><\/li><li><img src="images\/BrandLogos\/mueller.gif" \/><\/li><li><img src="images\/BrandLogos\/protec.gif" \/><\/li><li><img src="images\/BrandLogos\/medidyne.gif" \/><\/li><li><img src="images\/BrandLogos\/yankz.gif" \/><\/li><li><img src="images\/BrandLogos\/heel.gif" \/><\/li><\/ul>');
}

var speed = 15; // scroll speed (bigger = faster)
var dR = false; // reverse direction

// Vertical Scroller Javascript
// copyright 24th September 2005, by Stephen Chapman
// permission to use this Javascript on your web page is granted
// provided that all of the code below (as well as these
// comments) is used without any alteration
var step = 2;
function objWidth(obj)
{
if (!obj) return 0;
if (obj.offsetWidth) return obj.offsetWidth;
if (obj.clip) return obj.clip.width;
return 0;
}

function objHeight(obj)
{
if (!obj) return 0;
if (obj.offsetHeight) return obj.offsetHeight;
if (obj.clip) return obj.clip.height;
return 0;
}

function scrF(i,sH,eH)
{
var x = parseInt(i.top)+(dR? step: -step);
if (dR && x>sH)x = -eH;
else if(x<2-eH)x = sH;
i.top = x+'px';
}

function startScroll(sN,txt)
{
var scr = document.getElementById(sN);
var sW = objWidth(scr)-6;
var sH = objHeight(scr);
scr.innerHTML = '<div id="'+sN+'in" style="position:absolute; left:3px; width:'+sW+';">'+txt+'<\/div>';
var sTxt = document.getElementById(sN+'in');
var eH = objHeight(sTxt);
sTxt.style.top = (dR? -eH : sH)+'px';
sTxt.style.clip = 'rect(0,'+sW+'px,'+eH+'px,0)';
setInterval(function()
{
scrF(sTxt.style,sH,eH);},1000/speed);
}
window.onload = addScrollers;

