window.onload = loadScroller;

// Use Freely as long as following disclaimer is intact ::
//---------------------------------------------------------------
// Cross Browser Multi-Directional Scroller v1.1 18th January 2005
// This script written by Rik Comery. www.ricom.co.uk
// For support, visit the "Resources" section at www.ricom.co.uk           
// All rights reserved.   
                                     
var Article = new Array;
var i=0;
var timer;
var obj;

var titel = '';
var tekst = '';

if(document.getElementById('titel')!=null){
	titel = document.getElementById('titel').innerHTML;
	if(titel.length>0){
		titel = "<span style='color: #F15F4E;'>"+titel+" &raquo;</span> ";
	}
}
if(document.getElementById('tekst')!=null){
	tekst = document.getElementById('tekst').innerHTML;
}

/* 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] = new Array ("<span style='color: #F15F4E;'>OPENDEURDAGEN! &raquo;</span> VR 08/09 10u-21u &bull; ZA 09/09 10u-18u &bull; Z0 10/09 11u-18u", "none", "_blank");i++  
 // Article[i] = new Array ("<span style='color: #F15F4E;'>NIEUWE COLLECTIES! &raquo;</span> Diesel &bull; Antwrp &bull; M&Auml;RZ ", "none", "_blank");i++  
	Article[i] = new Array (titel+tekst, "none", "_blank");i++  
//  Article[i] = new Array ("Welcome to Ricom Productions", "http://ricom.co.uk", "_blank");i++  
//  Article[i] = new Array ("Download various JavaScript resources", "http://ricom.co.uk/resources.php", "_blank");i++
//  Article[i] = new Array ("Visit our Contacts Page", "http://ricom.co.uk/contacts.php", "_blank");i++
  
////// SCROLLER CONFIGURATION ///////////////////////////////////////////////////////////////////  
var orientation = "horizontal";        // Orientation of scroller (Horizontal or vertical)
var scrollerWidth = "560";             // Width of entire scroller.
var scrollerHeight = "20";             // Height of Scroller.
var borderWidth = 1;                   // Width of border. (use 0 for no border).
var borderColour = "#FFFFFF";          // Colour of scroller border. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") 
var backColour = "#333333";              // Colour of scroller background. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") 
var staticColour = "#DDDDDD";          // 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="center";            // Alignment of each scroller item.  Only really makes a difference on vertical scroller
                                  // (center, left, right, justify)

// Scroller Links
var linkFont = "verdana";                // Font of scroller links;
var linkWeight = "bold";             // Weight of scroller links;
var linkColour = "#006600";            // Colour of scroller links
var linkSize = "12";                   // 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 = "#AFAF9D";           // Colour of scroller links
var slinkSize = "10";                  // Size of links (in points)
var slinkDecoration = "underline";     // Decoration of links. (underline, overline, none)

if(tekst.length>0){
	var scrollerDivider = " &laquo; "; // 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>"
}
else{
	var scrollerDivider = "";
}
/* 
  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 = "Click Here to view our articles";  // Alternative text to display in Netscape 4.
var ns4URL = "http://www.ricom.co.uk";            // 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 isLoaded=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 boundry='<div name="boundry" id="boundry" style="position:relative;"></div>';
  document.writeln(boundry);
}

function loadScroller(){
	//var scroller = 'test';
  
  if(isNS4){
    var 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{
    //var scroller='<table border="0" cellpadding="0" cellspacing="0" style="width:'+scrollerWidth+'px; height:'+scrollerHeight+'px; border:'+borderWidth+'px solid '+borderColour+';background-color:'+backColour+'">';
    //scroller+='<tr valign="middle"><td><div id="div" style="';
    var scroller='<div id="div" style="';
    if(orientation.toLowerCase()=="vertical"){scroller+='height:'+scrollerHeight+'px;';}
    scroller+='width:'+scrollerWidth+'px; height:'+scrollerHeight+'px; position:relative; background-color:'+backColour+'; overflow: hidden; padding: 0px; margin: 0px;">';
    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+'"px;';}
    scroller+='><tr>';
    var y=0;
    while (y<4)
    {
      for (var 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 style="margin: 0px; padding: 0px;">';
        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 style="margin: 0px; padding: 0px;">'+scrollerDivider+'<\/p><\/td>';}
      }
      y++
    }
    //scroller+='<\/tr><\/table><\/div><\/div><\/td><\/tr><\/table>';  
    scroller+='<\/tr><\/table><\/div><\/div>';  
  }
  
  document.getElementById("boundry").innerHTML=scroller;
  setWidth();
  
}


// Ensure the width of the scroller is divisible by 2. This allows smooth flowing of the scrolled content
function setWidth()
{ 
	
  var tableObj=(isIE)?document.all("table"):document.getElementById("table"); 
  obj=(isIE)?document.all.div1:document.getElementById("div1");   
  var objWidth=(orientation.toLowerCase()=="horizontal")?getOffset(tableObj,"width"):getOffset(tableObj,"height");
  var HalfWidth=Math.floor(objWidth/2);
  var newWidth = (HalfWidth*2)+2;
  obj.style.width=newWidth+'px';
  moveLayer(obj, newWidth);
  
}

// Move the layer by one pixel to the left
function moveLayer(obj, width)
{
  
  var maxLeft = (0-(width/2)+2)/2;
  if(orientation.toLowerCase()=="horizontal"){
    obj.style.left=((parseInt(obj.style.left) <= maxLeft)?0:parseInt(obj.style.left)-1)+"px";
  }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+");", 15); 
}

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

function stopScroller()
{
  clearTimeout(timer)  
}