/* SCROLLERS */

orientation = "horizontal";       // Orientacio (Horizontal or vertical)
scrollerWidth = "760";            // Amplada de l'scroller
scrollerHeight = "10";             // Alçada de l'scroller
borderWidth = "1";                // Width del border. (0 per res de border).
borderColour = "#ff22b1";         // Color del border. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") 
backColour = "#ff22b1";           // Color de fons de l'scroller 
staticColour = "#ffffff";         // Color del que no son links
stopScroll = "1";                 // Pause a l'scroller (0 és no.)
textAlignment= "left";            // Alineació de l'scroller
                                  // (center, left, right, justify)

// Scroller Links
linkFont = "Tahoma";               // Font
linkWeight = "normal";            // Weight
linkColour = "#ffffff";           // Color
linkSize = "11";                  // Size of links (en pixels)
linkDecoration = "none";          // Decoració dels links (underline, overline, none)

// Scroller Links On MouseOver
slinkFont = "Tahoma";              // Font
slinkWeight = "normal";           // Weight
slinkColour = "#fecdf0";          // Color
slinkSize = "11";                 // Size of links (en pixels)
slinkDecoration = "underline";         // Decoració dels links (underline, overline, none)

scrollerDivider = "<img src=/img/none.gif width=\"2\" height=\"2\">";

                                  // 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>"
ns4Text = "No support for Netscape4";   // Alternative text to display in Netscape 4.
ns4URL = "none";                        // URL of link in NS4. If no URL is required, enter "none"
ns4Target = "";                         // Frame target for link in NS4

// 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+'px; font-weight:'+linkWeight+'; text-align:'+textAlignment+'; margin: 0}';
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 ConstrueixTira()
{
  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><font color="'+backColour+'">.........................<\/font>'+Article[x][4]+' '+Article[x][3]+'';
        }
                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);

}

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;
        }
    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 llancaScroller()
{
  if(!isNS4)
  {
   setWidth()
  }
}