/*This version of the scroller has been crudely hacked so it will work on iPhone, iPads and the like.
As such, a lot of conditionals have been removed and all calls to .toLowerCase were removed.  Don't 
use this version for the general case.  It will only work for tdp.*/

var Article = [];
var i=0;

/* DEFINE SCROLLER ELEMENTS
  Define new scroller elements here in the following format.
  Article[i] = new Array ("display text", "URL", "frame target to load link in");i++  
  Note: If you do not want the item to be a link, change the URL value to "none".
*/
 
  Article[i] =  [ "<img src='img/sponsors/san-mateo-parks-foundation.gif' alt='Tour de Peninsula/San Mateo County Parks Foundation' />", "http://www.supportparks.org/","_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/sram.gif' alt='SRAM' />", "http://www.sram.com/", "_blank"];i++; 
  Article[i] =  [ "<img src='img/sponsors/cycle-california-magazine.gif' alt='Cycle California Magazine' />", "http://www.cyclecalifornia.com/","_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/02.jpg' alt='02 Sports Marketing' />", "http://www.o2sm.com/", "_blank"];i++;  
  Article[i] =  [ "<img src='img/sponsors/bucks.jpg' alt='Bucks of Woodside' />", "http://www.buckswoodside.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/san-mateo-parks.gif' alt='San Mateo County Parks' />", "http://www.co.sanmateo.ca.us/portal/site/parks/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/CuriOdyssey.png' alt='CuriOdyssey' />", "http://www.curiodyssey.org/","_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/borel_div.png' alt='Borel Bank' />", "http://www.borel.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/recology.gif' alt='Recology' />", "http://www.norcalwaste.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/plus-three.jpg' alt='Plus Three Networks' />", "http://www.plus3network.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/rez-photo.jpg' alt='Rez Photography' />", "http://www.rezphotography.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/san-mateo-county.jpg' alt='San Mateo County' />", "http://www.co.sanmateo.ca.us/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/kaiser-permanente.gif' alt='Kaiser Permanente' />", "https://www.kaiserpermanente.org/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/san-mateo-parks.gif' alt='San Mateo Parks' />", "http://www.co.sanmateo.ca.us/portal/site/parks", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/alices.gif' alt='Alice's Restaurant' />", "http://www.alicesrestaurant.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/pilarcitos.jpg' alt='Pilarcitos Cycle Sports' />", "http://www.pilarcitos.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/daily.jpg' alt='The Daily Journal' />", "http://smdailyjournal.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/abc-limo.jpg' alt='ABC Limousines' />", "http://www.abctrans.com", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/crlogo.png' alt='Chain Reaction'/>", "http://www.chainreaction.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/summit.png' alt='Summit Bicycles'/>", "http://www.summitbicycles.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/examiner.png' alt='The Examiner'/>", "http://www.sfexaminer.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/sequoia.png' alt='Sequoia Hospital'/>", "http://www.sequoiahospital.org/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/sports-basement.gif' alt='Sports Basement' />", "http://www.sportsbasement.com/", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/FruitGuys_logo.png' alt='Fruit Guys' />", "http://fruitguys.com//", "_blank"];i++;
  Article[i] =  [ "<img src='img/sponsors/bian_logo.gif' alt='Bianchini' />", "http://www.bianchinismarket.com/", "_blank"];i++
 
////// SCROLLER CONFIGURATION ///////////////////////////////////////////////////////////////////  

 var orientation = "horizontal"       ; // Orientation of scroller (Horizontal or vertical)
 var scrollerWidth = "950"            ; // Width of entire scroller.
 var scrollerHeight = "25"            ; // Height of Scroller.
 var borderWidth = 0                 ; // Width of border. (use 0 for no border).
 var borderColour = "#006600"         ; // Colour of scroller border. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") 
 var backColour = "#f0dab7"             ; // Colour of scroller background. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") 
 var staticColour = "#000000"         ; // Colour of scroller items that are NOT a link. (including scrollerDivider characters)
 var stopScroll = 1                   ; // Pause the scroller on mouseOver. (use 0 for no.)
 var textAlignment="left"           ; // Alignment of each scroller item.  Only really makes a difference on vertical scroller
                                  // (center, left, right, justify)

// Scroller Links
 var linkFont = "arial"               ; // Font of scroller links;
 var linkWeight = "normal"            ; // Weight of scroller links;
 var linkColour = "#000080"           ; // Colour of scroller links
 var linkSize = "10"                  ; // Size of links (in points)
 var linkDecoration = "none"          ; // Decoration of links. (underline, overline, none)

// Scroller Links On MouseOver
 var slinkFont = "arial"              ; // Font of scroller links;
 var slinkWeight = "normal"           ; // Weight of scroller links;
 var slinkColour = "#cc3333"          ; // Colour of scroller links
 var slinkSize = "10"                 ; // Size of links (in points)
 var slinkDecoration = "underline"    ; // Decoration of links. (underline, overline, none)

var scrollerDivider = "&nbsp;&nbsp;"; // Character to place between each scroller item. 
                                  // <img> tags can be used if an image is required. 
                                  // Use "0" for nothing.  For Vertical scrollers, it is best to use "<br>"

/* 
  Because Netscape version 4 does not support this scroller, configure the values below so NS4 users do not see an error. 
  In the scroller's place will be a static title which can be a link if require.  The appearance of the static text (colour, scroller border etc)
  will be exactly the same as for the working version in other browsers.
*/
var ns4Text = "";  // Alternative text to display in Netscape 4.
var ns4URL = "";            // URL of link in NS4. If no URL is required, enter "none"
var ns4Target = "_top";                           // Frame target for link in NS4

////// DO NOT EDIT BELOW THIS LINE  ///////////////////////////////////////////////////////////////////

//Browser Sniffer
var isIE = (document.getElementById && document.all)?true:false;
var isNS4 = (document.layers)?true:false;
var isNS6 = (document.getElementById && !document.all)?true:false;

var style='<style type="text/css">';
style+='p{font-family:'+linkFont+'; color:'+staticColour+'; font-size:'+linkSize+'pt; font-weight:'+linkWeight+'; text-align:'+textAlignment+'}';
style+='a.rcScroller,a.rcScroller:active,a.rcScroller:visited{color:'+linkColour+';text-decoration:'+linkDecoration+'; font-weight:'+linkWeight+'}';
style+='a.rcScroller:hover{color:'+slinkColour+';text-decoration:'+slinkDecoration+'; font-weight:'+slinkWeight+'}';
style+='rcScrollerHoverNS{color:red;text-decoration:'+slinkDecoration+'; font-weight:'+slinkWeight+'}';
style+='<\/style>';
document.writeln(style);

// Build the scroller and place it on the page
function buildScroller()
{ var scroller;
  if(isNS4){
    scroller='<table border="0" cellpadding="0" cellspacing="0" width="'+scrollerWidth+'" bgcolor="'+borderColour+'"><tr><td>';
    scroller+='<table border="0" cellpadding="3" cellspacing="1" width="100%" height="'+scrollerHeight+'" bgcolor="'+backColour+'"><tr><td align="center" nowrap><p>';
    if(ns4URL!="none"){scroller+='<a href="'+ns4URL+'" class="rcScroller" target="'+ns4Target+'">'+ns4Text+'</a>';}
    else{scroller+=ns4Text;} 
    scroller+='</p></td></tr></table></td></tr></table>'   ;
  }else{
    scroller='<table border="0" cellpadding="0" cellspacing="0" style="width:'+scrollerWidth+';height:'+scrollerHeight+';border:'+borderWidth+'px solid '+borderColour+';background-color:'+backColour+'">';
    scroller+='<tr valign="middle"><td><div id="div" style="';
    if(orientation==="vertical"){scroller+='height:'+scrollerHeight+';';}
    scroller+='width:'+scrollerWidth+'; position:relative; background-color:'+backColour+'; overflow:hidden">';
    scroller+='<div id="div1" style="position:relative; left:0; z-index:1">';
    scroller+='<table border="0" name="table" id="table"';
    if(orientation==="vertical"){scroller+='style="width:'+scrollerWidth+'"';}
    scroller+='><tr>';
    y=0;
    while (y<4)
    {
      for (x=0; x<(Article.length); x++)
      {
        if(orientation==="vertical"){scroller+='<tr>';}
        scroller+='<td ';
        if(orientation==="horizontal"){scroller+='nowrap';} if(stopScroll==1){scroller+=' onMouseOver="stopScroller();" onMouseOut="setWidth()"';}
        scroller+='><p>';
        if(Article[x][1]!="none"){scroller+='<a class="rcScroller" href="'+Article[x][1]+'" target="'+Article[x][2]+'" >'+Article[x][0]+'<\/a>';
        }else{scroller+=Article[x][0];}          
        scroller+='</p><\/td>';
        
        if(orientation==="vertical"){scroller+='<\/tr>';}
              
        if(scrollerDivider != "none"){scroller+='<td nowrap><p>'+scrollerDivider+'<\/p><\/td>';}
      }
      y++;
    }
    scroller+='<\/tr><\/table><\/div><\/div><\/td><\/tr><\/table>';  
  }
  document.writeln(scroller);
}
// Ensure the width of the scroller is divisible by 2. This allows smooth flowing of the scrolled content
function setWidth()
{ 
  tableobj2=(isIE)?document.all("table"):document.getElementById("table"); 
  obj2=(isIE)?document.all.div1:document.getElementById("div1");   
  obj2Width=getOffset(tableobj2,"width");
  HalfWidth=Math.floor(obj2Width/2);
  newWidth = (HalfWidth*2)+2;
  obj2.style.width=newWidth;
  moveLayer(obj2, newWidth);
  
}

// Move the layer by one pixel to the left
function moveLayer(obj2, width)
{
  
  maxLeft = (-(width/2)+2)/2
  obj2.style.left=(parseInt(obj2.style.left) <= maxLeft)?0:parseInt(obj2.style.left)-1;
  timer = setTimeout ("moveLayer(obj2, "+width+");", 7);   // the time is an awkward compromise between too fast on a 'nomal' machine and iPhones/iPads 
}

// Get width and height of layer
function getOffset(obj2, dim) 
{
  if(dim=="width")
  {
    oWidth = obj2.offsetWidth;
    return oWidth;
  }  
  else if(dim=="height")
  {
    oHeight = obj2.offsetHeight;
    return oHeight;
  }    
}

function stopScroller()
{
  clearTimeout(timer)  ;
}

function runScroller(){
  if(!isNS4){setWidth()}
}
////// END OF SCRIPT  ///////////////////////////////////////////////////////////////////
//-->