var tWidth='470px';                  // width (in pixels)
var tHeight='25px';                  // height (in pixels)
var tcolour='#ffffcc';               // background colour:
var moStop=true;                     // pause on mouseover (true or false)
var fontfamily = 'arial,sans-serif'; // font for content
var tSpeed=3;                        // scroll speed (1 = slow, 5 = fast)

// enter your ticker content here (use \/ and \' in place of / and ' respectively)
//var content="<a href=\"./products/index.php\" style=\"text-decoration:none;\"><strong style=\"background-color:#1F3C7D; color:#FFFFFF;\">&nbsp;&nbsp;&nbsp;New Products - Coming Soon!&nbsp;&nbsp;&nbsp;</strong><strong style=\"background-color:#FFFFFF;\">&nbsp;&nbsp;&nbsp;Kestrel K22 Woodgrain range&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;Kestrel 605 range in Black and Brown PVC&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;Slotted Cladding&nbsp;&nbsp;&nbsp;</strong></a>";
var content="<strong style=\"background-color:#1F3C7D; color:#FFFFFF;\">&nbsp;&nbsp;&nbsp;Click on the buttons below to view our CPD presentation.  Also find out why PVC-UE cladding is given an A+ rating, read important Breaking News and view our latest Price List &nbsp;&nbsp;&nbsp;</strong>";

// Simple Marquee / Ticker Script
// copyright 3rd January 2006, Stephen Chapman
// permission to use this Javascript on your web page is granted
// provided that all of the below code in this script (including this
// comment) is used without any alteration
var cps=tSpeed;
var aw, mq;
var fsz = parseInt(tHeight) - 4; 

function startticker(){
	if (document.getElementById) {
		// Sorry Stephen, but I had to amend this line because I didn't want a background color to be specified!
		//var tick = '<div style="position:relative;width:'+tWidth+';height:'+tHeight+';overflow:hidden;background-color:'+tcolour+'"';
		var tick = '<div style="position:relative;width:'+tWidth+';height:'+tHeight+';overflow:hidden;"';
		if (moStop) tick += ' onmouseover="cps=0" onmouseout="cps=tSpeed"';
		// I also had to amend this line because I wanted the font family and font size to be specified in an external style sheet!
		//tick +='><div id="mq" style="position:absolute;left:0px;top:0px;font-family:'+fontfamily+';font-size:'+fsz+'px;white-space:nowrap;"><\/div><\/div>';
		tick +='><div id="mq" style="position:absolute;left:0px;top:0px;white-space:nowrap;"><\/div><\/div>';
		document.getElementById('ticker').innerHTML = tick;
		mq = document.getElementById("mq");
		mq.style.left=(parseInt(tWidth)+10)+"px";
		mq.innerHTML='<span id="tx">'+content+'<\/span>';
		aw = document.getElementById("tx").offsetWidth;
		lefttime=setInterval("scrollticker()",50);
	}
}
function scrollticker(){
	mq.style.left = (parseInt(mq.style.left)>(-10 - aw)) ?parseInt(mq.style.left)-cps+"px" : parseInt(tWidth)+10+"px";
}
window.onload=startticker;