
<!-- 
  
                                     
Article = new Array;
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] = new Array ("What We Do","H&H IGNITION SOLUTIONS ARE THE UKs LEADING IGNITION SPECIALISTS", "what.asp");i++  
  Article[i] = new Array ("What We Offer","WE OFFER A FULL RECONDITIONING SERVICE FOR STANDARD & MODIFIED IGNITION DISTRIBUTORS", "offer.asp");i++  
  Article[i] = new Array ("What We Offer","WE ALSO OFFER A RANGE OF NEW STANDARD & MODIFIED OE SPEC BOSCH LUCAS & DELCO DISTRIBUTORS SUPPLIED OUTRIGHT", "offer2.asp");i++  
  Article[i] = new Array ("Experience","WITH OVER 10 YEARS EXPERIENCE H&H IGNITION SOLUTIONS ARE THE ONLY SOLUTION TO YOUR IGNITION PROBLEMS", "experience.asp");i++ 
  Article[i] = new Array ("Also...","ELECTRONIC IGNITION SYSTEMS AVAILABLE FOR ALL APPLICATIONS H&amp;H IGNITION SYSTEMS ARE UNIQUE AS BASED ON MODERN DAY DISTRIBUTOR TO REPLACE THE COMPLETE POINTS SYSTEM GIVING YOU THE RELIABILITY OF MODERN DAY MOTORING...", "also.asp");i++
  Article[i] = new Array ("Includes.","...ALL KITS INCLUDE NDE DISTRIBUTOR HIGH POWER ELECTRONIC HT COIL &amp; SIMPLE PLUG &amp; PLAY WIRING. PRICES FROM £125.00 - NOTE: THIS IS NOT AN IGNITER", "include.asp");i++
 

////// SCROLLER CONFIGURATION ///////////////////////////////////////////////////////////////////  
orientation = "vertical"        // Orientation of scroller (Horizontal or vertical)
scrollerWidth = "157"             // Width of entire scroller.
scrollerHeight = "400"             // Height of Scroller.
borderWidth = 0                   // Width of border. (use 0 for no border).
borderColour = "#006600"          // Colour of scroller border. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") 
backColour = "#F4F4EE"              // Colour of scroller background. (Use either hexadecimal or text values. e.g. "#FF0000" or "Red") 
staticColour = "#000000"          // Colour of scroller items that are NOT a link. (including scrollerDivider characters)
stopScroll = 1                    // Pause the scroller on mouseOver. (use 0 for no.)
textAlignment="center"            // Alignment of each scroller item.  Only really makes a difference on vertical scroller
                                  // (center, left, right, justify)

// Scroller Links
linkFont = "arial"                // Font of scroller links;
linkWeight = "normal"             // Weight of scroller links;
linkColour = "#006600"            // Colour of scroller links
linkSize = "10"                   // Size of links (in points)
linkDecoration = "none"           // Decoration of links. (underline, overline, none)

// Scroller Links On MouseOver
slinkFont = "arial"               // Font of scroller links;
slinkWeight = "normal"            // Weight of scroller links;
slinkColour = "#AFAF9D"           // Colour of scroller links
slinkSize = "10"                  // Size of links (in points)
slinkDecoration = "underline"     // Decoration of links. (underline, overline, none)

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.
*/



////// 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;

//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>';

//link to an external style sheet
style='<link rel="stylesheet" href="master.css">'
document.writeln(style);

// Build the scroller and place it on the page
function buildScroller()
{
  boundry='<div name="boundry" id="boundry" style="position:relative"></div>';
  document.writeln(boundry);
}

function loadScroller(){
  if(isNS4){
    scroller='<table border="0" cellpadding="0" cellspacing="0" width="'+scrollerWidth+'" bgcolor="'+borderColour+'"><tr><td>'
    scroller+='<table border="0" cellpadding="0" cellspacing="0" 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{

  //open the scroller table
    scroller='<table 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">';
    
	//the table surrounding the news items
	scroller+='<table border="0" cellpadding="0" cellspacing="0" name="table" id="table"';
    if(orientation.toLowerCase()=="vertical"){scroller+='style="width:'+scrollerWidth+'"';}
    scroller+='>';
    y=0;
    
	
	while (y<4)
    {
	  //write the news items
      for (x=0; x<(Article.length); x++)
      {
		//the first line should be the date of the News Item
        if(orientation.toLowerCase()=="vertical"){scroller+='<tr  bgcolor="#CACA9A" onMouseOver="stopScroller();" onMouseOut="setWidth()">';}
        scroller+='<td  valign="top" colspan="2" class="newsdate" ';
        //if(orientation.toLowerCase()=="horizontal"){scroller+='nowrap';} 
		
		//if(stopScroll==1){scroller+=' onMouseOver="stopScroller();" onMouseOut="setWidth()"';}
        scroller+='>&nbsp;&nbsp;&nbsp;';
		
		//the date
		scroller+=Article[x][0];
		
		//close the date row
		scroller+='<\/td><\/tr>';
		
		//the next row contains a spacer to put a small gap between the date and the news item
		scroller+='<tr><td valign="top" colspan="2"><img src="images/spacer_beige2.gif" width="8" height="6"></td></tr>';

		//the next row contains the summary link text
		scroller+='<tr><td valign="top" rowspan="3" width="9"></td><td valign="top" class="news" width="148" onMouseOver="stopScroller();" onMouseOut="setWidth()">';

		//the text
		scroller+=Article[x][1];

		//close the row
		scroller+='<img src="images/spacer_beige2.gif" width="8" height="6"></td></tr>';

		//the next row contains the link to the full story
		scroller+='<tr><td valign="top" width="148" onMouseOver="stopScroller();" onMouseOut="setWidth()"><p><a href="';
		
		scroller+=Article[x][2]
			
		scroller+='">';

		//the full story image
		scroller+='<img src="images/fstory.gif" width="63" border="0" height="9"></a></p></td></tr>';

		//another spacer row
		scroller+='<tr><td valign="top" width="9"></td><td valign="top" width="148"><img src="images/spacer_beige2.gif" width="8" height="6"></td></tr>';

		scroller+='<tr><td valign="top" height="1" width="9"></td><td valign="top" height="1" width="148"></td></tr>';
		
		//dot line image to separate items
		scroller+='<tr><td valign="top" colspan="2"><img src="images/dotlline3.gif" width="157" height="1"></td></tr>';


		
       // if(Article[x][2].toLowerCase()!="none"){scroller+='<a href="'+Article[x][2]+'" target="'+Article[x][3]+'" >'+Article[x][1]+'<\/a>';
       // }else{scroller+=Article[x][1];}          
       // scroller+='</p><\/td>';
        
       // if(orientation.toLowerCase()=="vertical"){scroller+='<\/tr>';}
              
       // if(scrollerDivider.toLowerCase() != "none"){scroller+='<td nowrap><p>'+scrollerDivider+'<\/p><\/td>';}
      }
      y++
    }
    scroller+='<\/table><\/div><\/div><\/td><\/tr><\/table>';  
  }
  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()
{ 
  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+");", 50); 
}

// 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)  
}

////// END OF SCRIPT  ///////////////////////////////////////////////////////////////////
//-->
