<!-- 
//webstuff/js/multi directional image scroller-html
// Use Freely as long as following disclaimer is intact ::
//---------------------------------------------------------------
// Cross Browser Multi-Directional Scroller v1.0 24th August 2004
// This script written by Rik Comery. www.ricom.co.uk
// For support, visit the "Resources" section at www.ricom.co.uk           
// All rights reserved.   
// Featured in the SimplytheBest DHTML Scripts Library at http://simplythebest.net/scripts/
                                     
Article = new Array;
i=0;
// DEFINE SCROLLER ELEMENTS

   Article[i] = new Array ("<img alt=Allen&nbsp;Edmonds src='logos/allenedmonds.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Beacon&nbsp;Communities src='logos/beaconcommunities.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Bergmeyer src='logos/bergmeyer.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Black&nbsp;Rock src='logos/blackrock.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Boston&nbsp;Housing&nbsp;Authority src='logos/BHAlogo.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Brown&nbsp;Hillel src='logos/brownhillel.gif' border='0'>",  "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Coolidge&nbsp;Corner Theatre src='logos/coolidgetheatre.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Corcoran&nbsp;Jennison Companies src='logos/corcoran.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Finale src='logos/finale.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=JCC&nbsp;Rhode&nbsp;Island src='logos/jccri.gif' border='0'>",  "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Kalandavis src='logos/Kalandavis.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=KGI&nbsp;Properties src='logos/kgi.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Levis src='logos/levis.gif' border='0'>",  "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=LL&nbsp;Bean src='logos/llbean.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Mayo&nbsp;Group src='logos/mayogroup.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Myopia&nbsp;Hunt Club src='logos/myopiahuntclub.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=The&nbsp;Northbridge&nbsp;Companies src='logos/Northbridge.gif' border='0'>", "");i++
   Article[i] = new Array ("<img alt=Panera&nbsp;Bread src='logos/panerabread.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Park&nbsp;Lodge&nbsp;Hotel Group src='logos/ParkLodge.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Shelburn&nbsp;Commons src='logos/sherburnecommons.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=South&nbsp;Middlesex&nbsp;Opportunity&nbsp;Council src='logos/SMOC.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=SolomonvSchecter&nbsp;Day&nbsp;School src='logos/solomonschechter.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=State Financial Services src='logos/statefinancial.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=The Mount Vernon Company src='logos/MountVernonCo.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Thorn&nbsp;Child&nbsp;&&nbsp;Family&nbsp;Services src='logos/thorn.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=University&nbsp;Club&nbsp;of&nbsp;Boston src='logos/universityclubboston3.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Wayside&nbsp;Youth&nbsp;&&nbsp;Family&nbsp;Support&nbsp;Network src='logos/WaysideYouth.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Whole&nbsp;Foods src='logos/wholefoods.gif' border='0'>", "javascript:myvoid()","_self");i++
   Article[i] = new Array ("<img alt=Worcester&nbsp;State&nbsp;College src='logos/WorcesterState.gif' border='0'>", "javascript:myvoid()","_self");i++
  

////// SCROLLER CONFIGURATION ///////  
orientation = "vertical"        
scrollerWidth = "150"             
scrollerHeight = "400"             
borderWidth = 0                   
borderColour = "#000000"          
backColour = "#FFFFFF"            
staticColour = "#000000"          
stopScroll = 1                    
textAlignment="center"            
                            
// Scroller Links
linkFont = "verdana"                
linkWeight = "normal"             
linkColour = "#FF9935"            
linkSize = "11px"                   
linkDecoration = "none"           

// Scroller Links On MouseOver
slinkFont = "verdana"               
slinkWeight = "bold"            
slinkColour = "#cc3333"           
slinkSize = "10"                  
slinkDecoration = "underline"     
scrollerDivider = "" 

ns4Text = "Click Here to visit the PlanMagic Software";  
ns4URL = "http://planmagic.com";            
ns4Target = "_top";                         

////// 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;
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()
{
  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.toLowerCase()!="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.toLowerCase()=="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.toLowerCase()=="vertical"){scroller+='style="width:'+scrollerWidth+'"';}
    scroller+='><tr>';
    y=0;
    while (y<4)
    {
      for (x=0; x<(Article.length); x++)
      {
        if(orientation.toLowerCase()=="vertical"){scroller+='<tr>';}
        scroller+='<td ';
        if(orientation.toLowerCase()=="horizontal"){scroller+='nowrap';} if(stopScroll==1){scroller+=' onMouseOver="stopScroller();" onMouseOut="setWidth()"';}
        scroller+='><p>';
        if(Article[x][1].toLowerCase()!="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.toLowerCase()=="vertical"){scroller+='<\/tr>';}
        if(scrollerDivider.toLowerCase() != "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()
{ 
  tableObj=(isIE)?document.all("table"):document.getElementById("table"); 
  obj=(isIE)?document.all.div1:document.getElementById("div1");   
  objWidth=(orientation.toLowerCase()=="horizontal")?getOffset(tableObj,"width"):getOffset(tableObj,"height");
  HalfWidth=Math.floor(objWidth/2);
  newWidth = (HalfWidth*2)+2;
  obj.style.width=newWidth
  moveLayer(obj, newWidth);
}
// Move the layer by one pixel to the left
function moveLayer(obj, width)
{
  maxLeft = (0-(width/2)+2)/2
  if(orientation.toLowerCase()=="horizontal"){
    obj.style.left=(parseInt(obj.style.left) <= maxLeft)?0:parseInt(obj.style.left)-1
  }else{
    if(obj.style.top==""){obj.style.top=0;}
   // alert(obj.style.top)
    if (parseInt(obj.style.top)<(0-(width/2)+6)){
      obj.style.top = 0
    }else{
      obj.style.top = parseInt(obj.style.top)-1
    }
  }
  timer = setTimeout ("moveLayer(obj, "+width+");", 25); 
}
// Get width and height of layer
function getOffset(obj, dim) 
{
  if(dim=="width")
  {
    oWidth = obj.offsetWidth
    return oWidth
  }  
  else if(dim=="height")
  {
    oHeight = obj.offsetHeight
    return oHeight
  }    
}
function stopScroller()
{
  clearTimeout(timer)  
}
function runScroller(){
  if(!isNS4){setWidth()}
}
////// END OF SCRIPT  /////////
//-->


